随着对前端功能和性能的不断提高，前端早就不是一段内嵌于页面的一段JS代码了。已经进化为一个系统复杂的工程了。 下面我就结合element3组件库的搭建经验。带大家搭建一个mini版组件库。 前端工程化大体可以分为四个方面内容。 一个文件分拆为多个互相依赖的文件，最后进行统一打包…

最近用 Vue 做移动端页面遇到一个问题，从列表页进入详情页，再返回到列表页，不管之前滚动到哪里，每次返回时都跳到列表最顶部。 这样体验肯定不好，期望的应该是记住滚动条的位置，每次返回还是在原来的位置上，便于继续浏览。 于是在网上搜解决方法，搜了一大圈看了 n 篇文章，都没有说…

再封装AJAX所带来的好处是你想象不到的! 无论是对于代码的高效管理，还是系统的设计...其收益远远超出你的想象。 封装其实很简单，就是对原来真正的AJAX套一个壳，这个壳就是一个函数！ 在这个函数里都干了些什么见不得人事呢？干什么都可以，上面说的1、 2、 3、 4、 5都可…

首先我们将从数据监听开始讲起，对于这一部分的内容相信许多小伙伴都看过网上各种各样的源码解读了，不过当我自己尝试去实现的时候，还是发现自己动手对于巩固知识点非常重要。不过鉴于Vue3将使用Proxy来实现数据监听，所以我这里是通过Proxy来实现了。如果你还不了解js中的这部分内…

本篇文章是细谈 vue 系列的第三篇，这篇文章主要会介绍一下 vue 的内置组件 transition 。前几篇链接如下 自动嗅探目标元素是否使用了 CSS 过渡或动画，如果使用，会在合适的时机添加/移除 CSS 过渡 class。 如果过渡组件设置了 JavaScript 钩…

vue-cli中build中build.js部分代码做如下修改build中webpack.prod.conf.js做如下修改config中的index.js部分代码修改如下config中的index.

前端将token保存在本地中, 建议使用localstorage进行保存. 下次对服务器发送请求时, 带上本地存储的token 为通过则返回错误码, 提示保错信息, 然后跳转到登录页. 这里使用axios的拦截器，对所有请求进行拦截判断。 在后面的所有请求中都将携带token进…

在vue-cli 2.X的时候，也写过一篇类似的文章，在八月份的时候vue-cli已经更新到了3.X，新版本的脚手架，功能灰常强大，试用过后非常喜欢，写篇教程来帮助各位踩一下坑。 如图所示，服务启动的时候回生成一个node_modules包，稍微测试了一下，服务支持ES6语法和…

Vue-cli@3.0 是一个全新的 Vue 项目脚手架。不同于 1.x/2.x 基于模板的脚手架，Vue-cli@3.0 采用了一套基于插件的架构，它将部分核心功能收敛至 CLI 内部，同时对开发者暴露可拓展的 API 以供开发者对 CLI 的功能进行灵活的拓展和配置。接下来…