recoLuan

在开发阶段，前端调用后端接口可能会出现跨域问题，在vue-cli中已经为我们集成了http-proxy-> middleware，我们只需要在config/index.js中的proxyTable 配置即可。如果接口是www.aaa.com/get/getList，那么有两种配置方案：方法一proxyTable: { '/api': { target: 'www.aaa.com'

Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。这样也不总是符合实际需求，所以 Vue 为你提供了一种方式来表达“这两个元素是完全独立的，不要复用它们”。只需添加一个具有唯一值的 key 属性即可。见详情错误代码<!-- 代码块1 --><el-table-column label="授信申请状态" v-if="type"> &lt...

项目中有这么一个需求，就是按需启动mock功能。考虑到mock只是在特定情况下，所以考虑通过 cross-env 来处理。cross-env修改生产环境变量我想要的最终效果是npm run dev:mock 来启动mock，所以先安装 cross-envnpm i --save cross-env找到 /config/dev.evn.js ，添加MOCK变量module....

fetch 必然要替换 XMLHttpRequest ，所以是时候尝试 fetch 了； 本封装仅针对npm引入； 本封装依赖 es6-promise 和 whatwg-fetch，分别对 promise 和 fetch 进行兼容性处理； 还有一种兼容性处理是依赖 es6-promise 和isomorphic-fetch ，但是看它的源码就会发现，isomorphic-f...

最近在小程序的开发过程中遇到这样的需求，一个搜索联想关键词高亮，另一个是将后台传过来的富文本解析成html展示在页面中，这里我们引入非常牛X的 wxParse ，之所以牛，是因为可以解决很多种问题，正因为如此所以它对于小程序来说也非常大，虽然只有100多kb。地址https://github.com/icindy/wxParse使用单行文本解析wxml...

真正开发过小程序的开发者会发现，小程序里面的单选框和多选框封封装的实在不够友好，一般与UI都会有比较大的出入，所以下面来探讨一下单选框和多选框的封装。效果比如我们要做一个这种样式的单选框和多选框组件，我们改怎么去处理呢？代码wxml<!-- 判断某个元素是不是指定数组内 --><wxs module="checkbox">...

最近在做小程序的时候遇到这么一个有趣的问题，就是从A页面跳转到B页面，如果B页面需要在接口加载之后更改title， 并且如果接口请求过慢，还灭有请求完毕时就点击返回按钮回到A页面，这时B页面的请求会继续执行，并在执行完毕后修改了A页面的title。原因个人猜想，小程序本身属于单页面应用，代码的运行权限没有处理好，就像上面这种情况，B页面的代码穿越到了A页面的环境里面，并且...

JavaScript声明过的变量提升往往会影响到我们对变量的正常获取，所以特写此文，以便以后翻阅。什么是变量提升//变量声明提升function test() { var a = "1"; var f = function(){}; var b = "2"; var c = "3&

在使用vue-cli进行项目构建时,有时是需要引用外部cdn资源的,生产环境中可以直接在index.html的头部引用,但是编译时会报错,因为脚手架无法识别这个外部资源.下面以引用腾讯地图api为例,介绍如何正确引用外部cdn资源.在index.html头部引用<script src="http://map.qq.com/api/js?v=2.exp&key=yourkey"></script>修

最近有一个项目，考虑到要进行 SEO，所以要做成多页面应用。为了保证开发速度和开发效率，所以决定使用 webpack 做一套模块化配置方案。下面主要针对一些重要的点提供思路，并不作详解。完整的代码，我会放在 github（项目地址）上供大家参考，如果有优化的地方，请在评论区指点出来，。目录|-- build webpack 配置...