首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
模块化
订阅
LT_bear
更多收藏集
18篇文章 · 0订阅
终极compose函数封装方案!
前言 无意中在掘金看到一篇写compose函数的文章《感谢 compose 函数,让我的代码屎山💩逐渐美丽了起来~》,之前这个命题我面试的时候问过很多面试者,还挺有体会的。正好谈一谈 我不会直接问你知
Webpack 原理系列九:Tree-Shaking 实现原理
一、什么是 Tree Shaking Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术,它会在运行过程中静态分析模块之间的导入导出,确
前端模块化:CommonJS,AMD,CMD,ES6
模块化的开发方式可以提高代码复用率,方便进行代码的管理。通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…
ES6的模块加载,你们真的完全懂了吗?
这是我参与8月更文挑战的第12天,活动详情查看:8月更文挑战 Module 的语法 概述 历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简
一篇文章帮你弄懂ES6模块化
在学习ES6的模块化之前先复习一下之前出现的模块化,比较常用的有三种规范定义:CommonJS、AMD、CMD。 虽然实现了异步加载,规避了浏览器的“假死”问题,但是也存在缺点: 一开始就把所有依赖写出来是不符合逻辑顺序的。那么,能不能像CommonJS一样用的时候才requi…
手写webpack核心原理,再也不怕面试官问我webpack原理
需要读到入口文件里面的内容。 分析入口文件,递归的去读取模块所依赖的文件内容,生成AST语法树。 我们创建了add.js文件和minus.js文件,然后 在index.js中引入,再将index.js文件引入index.html。 现在我们打开index.html。你猜会发生什…
前端模块化详解(完整版)
在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀,此时在JS方面就会…
从源码角度理解CommonJs与ES Module
一、 为什么需要模块化 在最早做前端开发的时候,我们经常会遇到一个问题,在引入脚本的时候,变量会对全局造成污染,如下: a.js b.js index.html 上面的例如,我们发现无论如何都无法调用
从webpack源码看require,import的区别
之后counter里对这个值的变更自然不会影响引用的变量。 而在子模块,已经通过defineProperty来代理这个值,由于作用域链的原因,会找到父作用域的count,所以变化能追踪到。 既然import的方式,通过defineProperty拿到这个值,那么我们能否更改呢?…
CommonJS模块源码解析
在 CommonJS 规范中,一个文件就可以作为一个独立的模块,有自己的作用域,在这个文件内部定义的变量、函数等,都只属于这个模块,对其他模块是不可见的。如果想要其他模块能使用其内部的变量,就需要使用 module.exports 导出,然后在其他模块中使用 require()…