e起飞young
一个前端码农的技术博客
某日被告知某个系统在低版本火狐浏览器打开时一片空白,要求尽快修复,于是卸载本机firefox,安排上表现异常的版本Firefox 42.0,打开目标系统果然一片空白,然后打开控制台,发现提示如下: SyntaxError: let is a reserved identifier 嗯,看提示是低版本还不支持let语法,按照经验转成 var 就行,于是给安排上babel-polyfill再加上各种转换折腾了一上午,无果emmm,,, 嗯,看来还是想当然了(手动捂脸)。于是换个思路,从抛错点入手,从控制台中打开抛错的文件,发现该function有添加"u...
webpack-bundle-analyzer插件用以分析webpack打包之后的结果,在vue-cli3之前是集成到scripts中,然后直接执行命令就行,而在vue cli3中用vue create创建的项目木有这个插件的命令了,查阅官方文档发现这个文档仍然是被集成的,只是需要我们在有需要的时候自己添加相关参数。 官方默认的命令是这样的: { "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" } } 那么我们可以执行n...
vue cli3多页面与cdn配置vue.config.js示例
[ 2020/05/07, 1452阅, 0评 ]
官方配置说明 https://cli.vuejs.org/zh/config/#pages const isProduction = process.env.NODE_ENV === 'production' const isDevelopment = process.env.NODE_ENV === 'development' const cdn = { dev: { css: [ 'https://cdn.jsdelivr.net/npm/element-ui@2.10.1/lib/theme-chalk/index.c...
项目中有类似需求:列表进详情,详情再返回列表,列表保持之前的状态,而其他页面进列表则重新渲染。 结合项目实际情况,最终实现方法:结合beforeRouteEnter和beforeRouteLeave钩子然后用keep-alive做缓存。 有关keep-alive的作用及使用方法本文将不再赘述(详见官方文档) 栗子如下,父组件: <template> <div id="app"> <keep-alive :include="cachedPages"> <router-view /> <...
PC端支付宝开发最终的页面跳转问题
[ 2018/12/24, 3841阅, 1评 ]
支付宝支付一般是请求接口后收到一组form表单代码,在h5中,可以直接像下面这样直接使用 doPayAlipay(alipayNeedParams).then(resAlipay=>{ if(resAlipay.code==0){ const div = document.createElement('div'); div.innerHTML = resAlipay.data.form; document.body.appendChild(div); document.getElementById('...
普通vue项目中 以CNZZ统计为例(CNZZ统计API),先在index.html中的head标签中加入: <script> var _czc = _czc || []; _czc.push(["_setAutoPageview", false]); (function() { var cnzz_s_tag = document.createElement('script'); cnzz_s_tag.type = 'text/javascript'; cnzz_s_tag.async = true; cnzz_s_t...
基于nuxt.js的项目,用户登陆后请求的接口需要加上token,但是客户端存储到本地的token服务端是拿不到的,这时有两种解决方案:一种是判断当为客户端且已登录时主动带上token再请求一次接口(但是这种感觉不太友好,因为多了一次请求);另一种是想办法把token共享给服务端,这个时候session便派上用场了(express-session可能有内存泄漏的风险,因此采用cookie-session) 0、安装依赖 npm i express cookie-session body-parser -S 1、在项目根目录下新建server.js c...
1、基于vue-cli 在实际项目开发中,经常会碰到需要环境变量的情景。在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production。用过vue-cli开发的通常对这个都不陌生,用这个最多的地方基本就是我们配置网络请求的域名头了。 但是默认提供的development和production这两种情况完全不够用呀有木有,比如实际上有本地开发的地址、线上测试的地址和生产环境的地址等,然后本地开发时不同的模块又有不同的端口怎么破?好麻烦有木有...
1、服务器搭建nodejs环境 本文通过NVM安装nodejs。NVM(Node version manager)顾名思义,就是Node.js的版本管理软件,可以轻松的在Node.js各个版本间切换。 首先,下载并安装NVM脚本。可以使用cURL安装: 使用cURL安装 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 使用Wget安装 wget -qO- https://raw.githubusercontent.com/creation...

搜索