likaiqiang

vue、react、node、python

由babel产生的一系列联想

起因上半年有幸参加了某搜索引擎的技术“选拔”,虽然结果令人难以接受,但是有幸知道了babel这份大餐,还有ast。 babel原名6to5,我们平时写的各种高级语法,会通过babel 先parse成一颗抽象语法树,然后通过babel plugin对这棵树进行增删改,最后generate成浏览器上..


对JavaScrip中event loop 任务与微任务的一点认识

今天在知乎上看了一篇关于宏任务/微任务的文章 ,竟然看懂了6、7成。大概意思是event loop 分为宏任务/微任务,像我们平时的ui事件,setTimeout、setInterval的回调都会放入宏任务中,而promise、mutationobserver则会进入微任务。在浏览器的一次ren..


学习react-hooks之huse

作者水平有限,本篇正在被重构。另外,不知道什么时候下线了本篇,可能是之前更新什么文章误操作。 新文章地址(漫长的输出过程...) react-hooks的玩法参照一句名言。有状态的组件无渲染,有渲染的组件无状态。这句话的意思是说,我们写组件时应该把ui和逻辑分开(逻辑用hook..


把博客迁到阿里云并实现自动化部署

前言博客最初部署于coding page,为什么不用github page,因为当年github私有仓库收费,后来虽然免费了,但是一直没有迁移。 不久前就发现博客里面原先利用新浪微博做图床的图加载不出来了,当时没在意,以为是代理的问题,直到偶然在知乎上看到说是微博图床挂了(人家加了防盗链),不得..


学习webassembly之环境配置

什么是wat文件通常在浏览器端可以通过fetch或者XMLHttpRequset加载wasm文件,但是wasm文件是二进制文件不利于阅读,所以webassembly提供了一种基于S表达式的wat文件,可以使用wabt编译wat为wasm。 编译wat文件(mac)根据readme,安装wabt总..


自己实现一个useState

前言推荐一本书learn react hooks,这本书详细介绍了useState的原理,然后通过一个博客例子介绍了常用的几个hooks、React.lazy、react-router以及自定义hooks。目前没有中文版,不过有代码。鄙人是个英文渣,不过功夫不负有心人,有个app叫拍读英语,可以..


javascript中的闭包

词法作用域词法作用域即静态作用域。一个函数在定义时其作用域就确定了,这个作用域就是词法作用域,我们可以利用chrome debug工具查看这个作用域。 function foo(){ var a = 123 function bar(){ var b = 100 ..


javascript之对象

对象的两种属性对象有两种类型的属性。分别是:数据属性和存储器属性。前者是普通的key/value,后者是由getter/setter定义的属性。 var obj = { a:1, b:2, get x(){ return Math.random..