引子 几乎在每一本JS相关的书籍中,都会说JS是单线程的,JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说,根本搞不清楚单线程的JS为什么拥有异步的能力,所以,我试图从进程、线程…
分类:es6
用ES6的class模仿Vue写一个双向绑定
原文地址:Bougie的博客 点击在线尝试一下 最终效果如下: 构造器(constructor) 构造一个TinyVue对象,包含基本的el,data,methods class TinyVue{ constructor…
[ Vue ] 网络请求之 interceptors 实际应用
项目背景 最近在项目开发中,遇到下面这样一个问题: 在进行铭感操作之前,每个请求需要携带token,但是token 有有效期,token 失效后需要换取新的token并继续请求。 需求分析 每个请求都需要携带 token…
开源个 基于 Vue 2.0 的 Mobile 组件库 ml-ui
摘要: ml-ui,一套为开发者、设计师和产品经理准备的基于 Vue 2 的移动端组件库 网上轮子已经很多了哈,咋也凑个热闹,开源自己的Vue.js的移动端组件库。粗糙了点哈! 安装 npm install ml-ui …
vue-meta让你更优雅的管理头部标签
在 Vue SPA 应用中,如果想要修改HTML的头部标签,或许,你会在代码里,直接这么做: // 改下title document.title = 'what?' // 引入一段script let s = docum…
Nuxt.js踩坑分享
构建问题 1. 如何在 head 里面引入js文件? 背景: 在 <head>标签中,以inline的形式引入 flexible.js文件。本项目主要为移动端项目,引入 flexible.js 实现移动端适配…
Vue按需加载
概念(懒加载) 当打包构建应用时,JavaScript包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,嗯,这样就更加高效了。 场景 xxx项目作为一个…
vue和vuex中的ES6 Shorthand method names
最近在用vue和vuex开发。在.vue单文件的生命周期和vuex的actions定义中,有两段代码让人费解:pag.vue export default { //... created(){ this.$store.d…
【Vue 2.0】核心源码解读 -- 不定期更新
介绍 关于 Vue.js 的原理一直以来都是一个话题。经过几天的源码学习和资料介绍,我将一些个人理解的经验给写下来,希望能够与大家共勉。 附上GITHUB源码地址, 如果有任何不解 可以在 文章下面提出或者写下issue…
深入浅出基于“依赖收集”的响应式原理
每当问到VueJS响应式原理,大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter,当属性被访问或修改时通知变化”。然而,其内部深层的响应…
VUE和ES6资源收集
最近在学习vue.js,整合了一些优秀的开源项目可供学习 MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript https://developer.moz…
使用 VSCode + ESLint 实践前端编码规范
在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的,这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性,毕竟: 程序是写给人读的,只是偶尔让计算机执…
ES6深入浅出 模块系统
一步,一步前進の一步。 模块化主要是帮助我们更好的组织代码,模块允许我们将相关的变量和函数放在一个模块中。在 ES6 模块化之前,JS 语言并没有模块的概念,只有函数作用域和全局作用域非常容易发生命名冲突。之前的 Req…
根据地址处理表单 省/市/区 数据的回显
我要处理的问题是,从请求中获取到的 obj.data.address 数据依次回显到三个分别代表省、市、区 的select标签中。但是我obj.data.address只有类似这样的数据 (“广东省珠海市香洲…
ES6-箭头函数
一、概述 箭头函数是指通过=>语法定义的函数。JS编程中经常定义一些短小的匿名函数,使用箭头函数语法可使得这类函数的定义更加简洁。 // ES3/5方式 var fun1 = function(x, y) { re…