腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

coding for love

专栏作者

146

文章

140247

阅读量

33

订阅数

6-4~7 Bundler 源码编写

javascript babel.js 编程算法 ecmascript 打包

我们获取到了文本以后，如果直接就拿来分析依赖当然也可以，但是处理起来非常麻烦，效率也低下，尤其是文件内容复杂的时候。所以我们需要将文本转化为 js 可直接操作的对象 ast。前面我们讲到了 babel，它可以将 js 源文件根据我们的需要做内容变更，比如将我们的 es6 编写的源文件转成 es5，其实就是将我们的源文件内容先转为 ast 再去实现后续变更的。它有一个专门负责转换的模块，叫做 baben/parser，前身是 babylon。

2020-06-08

4650

5-10~11 webpack 性能优化（2）

编程算法 node.js npm 缓存网站

然后我们修改一下 home.jsx 代码，增加一个三方库，lodash。我们装一下 lodash 然后引入：

2020-05-26

1.2K0

4-12 环境变量的使用

编程算法 webpack 打包 javascript 网站

其实我么之前已经将webpack.config.js 按环境进行去了区分配置，那么在公共配置文件中我们能否知道当前所处的环境，并据此做逻辑区分呢？

2020-03-26

5070

4-11 shimming 的作用

webpack jquery 打包编程算法 gui

webpack 编译器(compiler)能够识别遵循 ES2015 模块语法、CommonJS 或 AMD 规范编写的模块。然而，一些第三方的库(library)可能会引用一些全局依赖（例如 jQuery 中的 $）。这些库也可能创建一些需要被导出的全局变量。这些“不符合规范的模块”就是 shimming 发挥作用的地方。 shimming 另外一个使用场景就是，当你希望 polyfill 浏览器功能以支持更多用户时。在这种情况下，你可能只想要将这些 polyfills 提供给到需要修补(patch)的浏览器（也就是实现按需加载）。

2020-03-23

7460

4-8 打包分析

webpack 打包 javascript 编程算法

上一节4-3~8 code-splitting，懒加载，预拉取，预加载讲到如何对代码进行 code splitting。那么如何判断我们的代码要进行code splitting 或者对 code splitting 后的效果进行分析呢？这就需要用到一些辅助的打包分析工具。

2020-03-20

3570

3-9-10 Hot Module Replacement 热模块更新

css webpack https javascript 编程算法

模块热替换(HMR - Hot Module Replacement)功能会在应用程序运行过程中替换、添加或删除模块，而无需重新加载整个页面。

2020-02-19

6230

3-7 sourceMap的配置

打包编程算法 javascript

sourceMap，顾名思义，就是对源文件的映射。比如打包压缩后的代码对应源文件中的哪一行代码，这能够极大地方便开发者的调试。

2019-08-20

1.2K0

在线商城项目11-商品列表页的排序实现

编程算法 json

请求后台接口会带上三种排序参数default，priceDown和priceUp。另外，如果不带参数，我们默认排序也是default。这里，我们做一个简单的处理，就是对于后端的处理逻辑，defalut和priceUp等价。当然现实中，我们肯定是有一个复杂的算法，比如计算热度啊，距离啊，或者最近浏览啊等等计算出一个默认排序。修改routes/goods.js如下：

2018-08-27

1.6K0

我的前端技能树

微信 node.js 缓存编程算法

客户端存储：Cookie，Web Stroge(Local&Session)，离线缓存。

2018-08-27

8740

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态