摘要:
简介 大家在看webpack源码的时候,有没有感觉像再看天书,似乎没有办法一个文件比如 从头看到尾。感觉webpack的跳跃性很强,完全不知道程序在运行的时候,发生了什么。完全不清楚这个事件是什么时候发生的,比如loader是什么时候执行的,plugin又是什么时候出现的。webpack的程序错综复 阅读全文
摘要:
对于打包工具来说,最简单也是最复杂的操作莫过于路径的安排了,原本都在 下的资源,想要打包到 目录下,但是打包出来的文件路径甚不如人意。明明想要分门别类地放置文件文件,然后却像大杂烩一样 ,`html css`甚至图片都混在了一起。虽然打包之后运行没什么问题,但是这是要逼死强迫症患者啊。 所以这篇文章 阅读全文
摘要:
webpack4支持的一个新特性就是zero配置,不需要config,也可以打包,这对于懒癌患者很有诱惑力,但是这也意味着我们不清楚零配置发生了写什么,也不知道打包出来的文件是否符合我们的心意,全部都是佛系打包。不过作为项目的亲爹亲妈,还是要对自己的孩子负责,每个打包过程都是要可控的。本文就是详解不 阅读全文
摘要:
前端的构建打包工具很多,比如grunt,gulp。相信这两者大家应该是耳熟能详的,上手相对简单,而且所需手敲的代码都是比较简单的。然后webpack的出现,让这两者打包工具都有点失宠了。webpack比起前两者打包工具,对于前端程序员JS编程能力的要求还是挺高的。不过需要兼容ie8及以下的小伙伴们, 阅读全文
摘要:
叨叨一会CommonJS Common这个英文单词的意思,相信大家都认识,我记得有一个词组common knowledge是常识的意思,那么CommonJS是不是也是类似于常识性的,大家都理解的意思呢?很明显不是,这个常识一点都不常识。我最初认为commonJS是一个开源的JS库,就是那种非常方便用 阅读全文
摘要:
Redux的action和reducer已经足够复杂了,现在还需要理解Redux的中间件。为什么Redux的存在有何意义?为什么Redux的中间件有这么多层的函数返回?Redux的中间件究竟是如何工作的?本文来给你解惑,Redux中间件从零到“放弃”。 本文的参考网站只有二个,首当其冲的就是 "Re 阅读全文
摘要:
Redux真的让我脑仁疼,感觉有点搞不定他,因为对我而言太抽象了。所以我用通俗易懂地方法去思考Redux,感觉能够理解了。 本文要点: action 配置行为 store.dispatch(action) reducer 纯函数 返回新的state createStore(reducer) stor 阅读全文
摘要:
先来几个术语: |官方|我的说法|对应代码| |: :|: :|: :| |React element|React元素| | |Component|组件| | |无|App为父元素,App1为子元素|``| 本文重点: 组件有两个特性 1、传入了一个“props” 2、返回了一个React元素 组件 阅读全文
摘要:
详情参考官方 "JSX规范" 虽然JSX是扩展到ECMAScript的类XML语法,但是它本身并没有定义任何语义。也就是说它本身不在ECMAScript标准范围之内。它也不会被引擎或者浏览器直接执行。通常会利用很编译器预处理器来将这些JSX转化为标准的ECMAScript。 吐槽:虽然JSX出发点是 阅读全文
摘要:
本文实现的断点续传只是我对断点续传的一个理解。其中有很多不完善的地方,仅仅是记录了一个我对断点续传一个实现过程。大家应该也会发现我用的都是一些H5的api,老得浏览器不会支持,以及我并未将跨域考虑入内,还有一些可能出现的一场等~巴啦啦。(怎么感觉这么多问题???笑~) 本文参考仓库: "点我" 这几 阅读全文