标签:前端技术

单个nginx如何部署多个vue项目

对于开发的多个vue项目,最后都想直接打包发布到1个nginx中,我们该怎么去做呢?要想实现单个nginx部署多个vue项目,只需要如下几步即可。 前置说明 1、准备两个前端项目 这里Java潘老师准备了两个vue项目,项目名分别为web70和web90,web70对应的端口是70,web90对应的端口是90,往后端发送请求的api前缀都是dev-api,v……

京东商品详情参数一键复制转换油猴子脚本【记录备用】

京东商品详情参数复制转换油猴子脚本,记录备用,将产品参数一键复制并转换为table格式,每行4个,只取前4行,方便发布产品是一键格式化参数信息。 油猴子脚本如下: // ==UserScript== // @name 京东商品参数复制 // @namespace http://tampermonkey.net/ // @versi……

JS如何实现剪切板图片粘贴直接上传?

在H5技术发展如火如荼的今天,前端再也不是页面和切图仔的代名词,而今的前端早已不再是写写页面撸撸简单交互了,而今的前端相比十年前已经发生了翻天覆地的变化,像近几年出现的angularjs,vuejs,react等等前端框架已被广泛应用于各类在线协作平台、webapp中,以node为技术栈的各类平台已经广泛被很多大公司推出,前端已经变天了。 在之前对于图片上传……

网站变成灰色表示哀悼的效果是怎样实现的?

在一些需要悼念的日子,以及一些影响力很大的伟人逝世或纪念日的时候,我们需要把网站页面变成黑白色或灰色,以表示我们对逝者或者英雄的缅怀和悼念。 比如江泽民同志逝世,各大平台网站或者app等都进行了置灰操作,比如百度如下效果: 当大家看到全站的内容都变成了灰色,包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢? 有人会以为所有的内容都统一换了一个 CSS……

Vue富文本编辑器插件推荐使用vue-html5-editor

我们在使用vue开发项目时,可能会涉及发布文章等功能,那就会用到富文本编辑器,今天潘老师给大家推荐一款曾经过用过的插件vue-html5-editor,整体使用下来还是很不错的,比较简单,功能也非常强大,让我们一起看下该款Vue富文本编辑器插件怎么用。 vue-html5-editor插件的安装与使用 1、安装 首先我们要安装该插件,直接执行如下代码即可 ……

Javascript百炼成仙PDF高清小说电子版百度网盘下载

《Javascript百炼成仙》是一本讲解JavaScript编程语言的技术书籍,但它也是一本小说!一边看小说一边学编程想必是很多Java程序员梦寐以求的学习方式,今天潘老师给大家介绍下这本充满的神奇色彩的技术玄幻小说,并提供高清PDF文字版百度网盘下载。 内容简介 《Javascript百炼成仙》采用玄幻小说 的写作风格,以主人公叶小凡为主线,书中的小故事……

如何使用html5代码做出动态情人节玫瑰花,可自定义祝福语!

程序员在情人节可能是最浪漫的一类人了,不信你亲自动手用代码制作一朵动态的玫瑰花送给你心爱的她,并送上祝福语试试!下面潘老师教你如何使用html5+js+css代码做出一朵绽放的玫瑰花,且支持自定义祝福语! 先直接看效果图(自行脑补玫瑰动态绽放和祝福语多种颜色闪烁效果): 下面我们直接将下面的代码(纯html5+js+css实现)复制到本地txt文本,然后修……

如何使用div+css设计一个可爱的冰墩墩

冰墩墩最近确实很火,不仅线上已经售罄,线下门店更是排起了数百米长队,许多人裹着大棉袄顶着北京的冷风等了5个小时都抢不到。既然如此,我们不如自己使用div+css设计一个冰墩墩。先看看这个大明星长啥样。 下面再说下代码是具体怎么实现的,其实很简单,用到的技术就是html+div+css,但是有一些细节是很困难的,非常需要耐心去调试,因此作者也是花了好几个小时……

提高前端开发的效率的css资源站

如何提高前端开发效率?尤其是css样式问题,实现一定复杂程度的css效果往往会花费大量的时间去调试优化。今天在这篇文章中,潘老师将为大家介绍一些可以提高前端开发效率的几个超棒的css资源网站,非常值得收藏,下面让我们一起来看一下。 1. Fancy Border Shape Generator 官方网站:https://9elements.github.io……

CodeMirror的下载与简单使用

最近潘老师在搭建程序员在线工具箱时,需要一款能显示行号带有代码高亮效果的编辑器,后来发现CodeMirror正好满足了这一需求,而且功能非常强大,使用也很方便,支持多主题效果。下面潘老师来介绍下CodeMirror的下载与简单使用。 一、CodeMirror是什么? CodeMirror是一个代码编辑器组件,可以嵌入到Web页面中。核心库仅提供编辑器组件,不……

js动态请求img的src同一地址刷新图片但显示不改变存在缓存的问题

由于潘老师最近在开发一个页面要求动态刷新一个存放在固定目录固定名称的图片,该图片会不断地被新图片覆盖,但图片名称始终不变,要求在页面上实时地显示该图片。看上去该问题很简单,直接使用img标签引用图片地址就能显示,但是当图片改变了,即使你定时去请求图片,你会发现页面上的图片始终还是原来的图片。这是因为存在缓存的原因。那该怎么解决这个缓存问题呢? 解决办法 解决……

axios跨域请求响应的headers中没有Authorization问题解决

当我在使用axios发送跨域请求时,发现请求的响应头中虽然设置的Authorization但是还是获取不到,axios请代码如下: export async function login(user){ var response = await axios.post(server_url+"/api-user/login",u……