Javascript
qcl006007
这个作者很懒,什么都没留下…
展开
-
Vuex 3分钟实现插件vuex 插件
Vuex 实现插件,实际上类似加中间件,在修改State前后,可以记录state修改时间,state状态等等。Vuex 插件实现初识const myPlugin = store => { // 当 store 初始化后调用 store.subscribe((mutation, state) => { // 每次 mutation 之后调用 // mutati...原创 2020-05-02 17:20:46 · 295 阅读 · 0 评论 -
Javascript async/await 执行顺序解析【二】
上一篇简单分析了async/await背后的原理,接下来分析一个很常见的例子,来说明async/await的执行顺序。async/await 执行顺序解析console.log('script start')async function async1() { await async2() console.log('async1 end')}async function async2...原创 2020-04-04 16:45:00 · 146 阅读 · 0 评论 -
Javascript async/await 深入理解【一】
作为ES7出现的语法,搭配promise使用,可以使得我们的异步编程更加方便和快捷,可是对于async/await背后的原理也是有必要理解的。async/await根据 MDN 定义,async 是一个通过异步执行并隐式返回 Promise 作为结果的函数。可以说async 是Generator函数的语法糖,并对Generator函数(这里不做过多解释)进行了改进。Generator函数中的...原创 2020-04-04 16:24:29 · 149 阅读 · 0 评论 -
Webpack 探析: javascript 代码是如何被压缩的
在webpack 日益流行的今天,前端构建编译代码时,可以使用 webpack 中的 optimization.minimizer 来对代码进行压缩优化。但是我们也需要了解如何它是压缩代码的,我们可以一起一点点来探究它。去除多余字符: 空格,换行及注释这是一个很直接的想法,同时也是很重要的一步,毕竟代码是要给人看的,所以我们需要 换行,空格等等。但是呢,机器阅读是不需要这些东西的。替换掉多余...原创 2020-03-24 13:58:57 · 439 阅读 · 0 评论 -
Javascript 详细理解 call 和 apply[自己实现call 和 apply]
话不多说,先放代码:ES6下,call 自己实现:Function.pototype.mycall = function (context) { context.myfunc = this; let args = [...arguments].slice(1) let result = context.myfunc(...args); delete context.m...原创 2020-01-02 15:52:19 · 159 阅读 · 1 评论 -
JavaScript This 绑定问题
This的绑定规则总共有下面5种。1、默认绑定(严格/非严格模式)2、隐式绑定3、显式绑定4、new绑定5、箭头函数绑定默认绑定独立函数调用,可以把默认绑定看作是无法应用其他规则时的默认规则,this指向全局对象。严格模式下,不能将全局对象用于默认绑定,this会绑定到undefined。只有函数运行在非严格模式下,默认绑定才能绑定到全局对象。在严格模式下调用函数则不影响默认绑定。...转载 2020-01-02 15:18:34 · 83 阅读 · 0 评论 -
Vue UI 组件库【Ant-design-vue】的使用心得
最近上手写了写vue的代码,选择的是阿里的ant-design-vue的组件库,感觉整体上上手容易,使用比较方便。下面简单的记一下使用心得。安装与引入Ant-design-vue 组件库的安装非常简单:npm i --save ant-design-vue引入的方式有两种:全部引入import 'ant-design-vue/dist/antd.css'Vue.config.p...原创 2020-01-01 16:25:26 · 1347 阅读 · 0 评论 -
Javascript var 和 let 区别 【作用域的角度】
在目前的前端开发中,let 和 const 被越来越多的使用。但是ES6 的 const 和 let到底有什么区别, 变量提升又是什么鬼东西? 本文主要介绍let 和 var 的区别和变量提升的奥秘。var 带来的麻烦先来看一道前些年很流行的面试题:var data =[]function doSomething () {for (var i = 0; i < 5; i++) {...原创 2019-12-30 17:47:04 · 117 阅读 · 0 评论 -
JavaScript 调用机制[作用域链及闭包理解]
Javascript 中,由于typescript 的流行和各种框架的帮助,部分前端同事们对初始的作用域链和闭包已经忘了不少,如何理解作用域链及闭包对我们以后的发展肯定有不少的好处。执行上下文:执行上下文可以理解为当前代码的运行环境。js 中,运行环境主要包含了全局环境和函数环境。同样上下文也可以分为: 全局上下文和函数上下文。执行上下文的管理是通过**执行上下文栈(Execution Co...原创 2019-12-30 17:11:26 · 112 阅读 · 0 评论 -
Javascript 高阶函数
javascript 的高阶函数绝不是意味着象多项式一样,有着高阶指数,哈哈~~~实际上,是由于在js 语言中,function 是被当作一个对象的,因此使得function支持:function 可以作为参数被传递function 可以作为返回值输出这是在《javascript设计模式和开发实践》中定义的。先来看几个简单的例子:function onClick(KaTeX par...原创 2019-10-25 16:58:39 · 115 阅读 · 0 评论 -
Javascript 入门
JavaScript 类型NumberStringBooleanSymbolUndefinedNullObject欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与...原创 2019-10-22 20:20:44 · 79 阅读 · 0 评论