动态化 Web 应用具有天然的动态化特性,即在应用上线后,可通过配置数据接口,实时更改页面布局及交互: HTML 可以通过 Ajax 获取后,使用 DOM API 变更 DO...

动态化 Web 应用具有天然的动态化特性,即在应用上线后,可通过配置数据接口,实时更改页面布局及交互: HTML 可以通过 Ajax 获取后,使用 DOM API 变更 DO...
简介 在学习具体的设计模式之前,首先有必要弄清楚我们学习的目的之所在。设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设...
大佬终于更新啦~
设计准则和设计原则简介 在学习具体的设计模式之前,首先有必要弄清楚我们学习的目的之所在。设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设...
周末在家看了有关 javascript 引擎的 JavaScript Engines: The Good Parts”,是由 Mathias 和 Benedikt 在 JSC...
使用typescript 安装ts-loader 和 typescript 新建index.ts文件 webpack.config.js中对ts文件使用ts-loader 新...
使用http-server 安装http-server 修改package.json 修改index.js 运行 此时关闭http-server,页面无法访问 PWA 安装w...
写一些基本文件 webpack.config.js文件 umd代表支持以下引入方式 在全局变量里增加library变量 如果注释掉library: 'library',则无法...
修改webpack的config文件 之前是使用webpack.dev.js和webpack.prod.js去分别mergewebpack.common.js,现在我们统一使...
shimming 低版本浏览器不支持promise,使用polyfill去实现promise就是一个垫片 jquery 新建jquery.ui.js 修改index.js,在...
代码分割 index.js引入三方库 修改webpack.common.js进行代码分割 此时打包出来的文件如下 生产环境加入contenthash 修改webpack.co...
修改chunkname 修改webpack.common.js 修改index.js,并将splitChunks修改为all 打包后生成文件 css代码分割 之前学习中,cs...
同步引入 index.js 打开页面时就会引入lodash 异步引入可以懒加载 index.js 点击时才去请求异步引入的lodash,这就是懒加载 优化语法,使用异步函数 ...
打包命令 为了development模式下也能很好观察打包的文件,我们在package.json中增加一个打包命令,不使用devServer index.js引入lodash...
dev环境webpack.dev.js 开发环境使用devServer 和 HMR prd环境使用webpack.prod.js 生产环境不使用devServer和HMR,打...
tree shaking只支持es module Tress Shaking 只支持es module,因为import是一种静态引入的方式,而require引入文件(com...
es6 在低版本浏览器程序报错 安装相关babel index.js用es6语法 修改webpack.config.js 因为webpack-dev-server会不会打包b...
修改css样式 修改index.js 增加style.css 修改webpack.congfig.js 启动服务器npm run start 此时修改css样式,浏览器会刷新...
watch 监听变化自动打包 在package.json中配置 此时index.js 打开html 修改index.js webpack会自动打包 刷新浏览器会看到页面发生了...