reco_luan-CSDN博客

原创 webpack 配置多页面应用的一次尝试

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

2019-06-15 16:38:40 853

原创【Gitlab】gitlab-CI 持续集成以及runner的配置简版

在我们完成项目开发后，提交到git，当监听提交后，自动进行编译，并进行项目的部署，是不是一想就很爽，所以下面引入我们 &amp;gt; 的主角 —— gitlab-CI，中文文档。Gitlab CIGitlab-CI 是 GitLab Continuous Integration（Gitlab持续集成）的简称。从Gitlab的8.0版本开始，gitlab就全面集成了Gitlab-CI,并且对所...

2018-12-13 00:26:11 647

原创【vue】elementUI报错：_self.$scopedSlots.default is not a function

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

2018-11-13 14:50:20 452

原创 webpack多版本控制方案

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

2018-11-03 17:56:41 985

原创 vuepress博客主题—vuepress-theme-reco

这是一个vuepress主题，目的是增加博客所需要的分类、标签墙、分页、评论等功能；主题本身追求极简，是在vuepress默认主题的基础上进行修改的。安装和使用安装npm install vuepress-theme-reco -dev--save# 或yarn add vuepress-theme-reco使用// 修改 /docs/.vuepress/...

2018-10-08 01:31:25 6806 12

原创 reco-fetch

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

2018-09-13 21:59:32 1338

原创【小程序】非常好用的富文本插件wxParse

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

2018-08-15 20:55:04 352

原创【小程序】多选和单选组件的封装

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

2018-08-15 20:54:09 1362

原创【小程序】当前“页面B”动态更改title，点击返回按钮，更改的标题会显示在“来源页面A”

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

2018-08-11 23:12:22 1262

原创【JavaScript】变量提升以及var对变量提升的

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

2018-02-04 16:16:46 4387 4

原创【vue】如何引用外部cdn资源

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

2018-01-01 22:45:26 16503

原创【vue】跨域解决方案之proxyTable

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

2017-12-29 00:39:46 855

recoLuan