模块化的好处：1.避免命名冲突 2.更好的分离，按需加载 3.更高的复用性 4.高可维护性 问题： 1.引入文件过多 2.依赖模糊 3.难以维护 1.闭包IIFE模式 好处：模块内变量不受外界干扰；外面无法修改内部变量；只暴漏一个初始化的接口 2.服务器端commonJS使用方法 调用 ...
分类：
Web程序 时间：
2018-07-23 15:07:07
阅读次数：
193
优化方式 JavaScript压缩和模块打包 JavaScript压缩和模块打包 源码解析的效率比字节码低。脚本的大小会对应用启动时间有着负面的影响 模块打包将不同脚本打包在一起并放进同一文件，更少的http请求和单个文件解析都可以减少加载时间（CSS、图片都可以进行打包） 按需加载资源 按需加载资 ...
分类：
其他好文 时间：
2018-07-23 11:13:15
阅读次数：
216
前提：本文是基于Linux系统下的编程与学习 动态加载，按需加载，工程师需要动态库的时候，才将动态库加载到内存。 dlopen(3)#include <dlfcn.h>void *dlopen(const char *filename, int flags);功能：打开一个共享库文件，返回一个han ...
分类：
其他好文 时间：
2018-07-22 14:09:13
阅读次数：
125
好久没写前端了，以前在做多级联动的时候，用的是easyui的tree结构，但是需要一次性全部加载，不是按需加载，性能不好，退而求其之，用多个下拉框做 eayui的combobox 有onSelect，onLoadSuccess等方法，具体可以看http://www.jeasyui.net/plugi ...
分类：
其他好文 时间：
2018-07-11 10:31:14
阅读次数：
3004
一、理解 1、什么是模块、模块化？ 将一个复杂的程序依据一定的规范封装成几个文件，并进行组合在一起 2、为什么要模块化？ 降低复杂度，提高解耦性，部署方便 3、模块化的好处 避免命名冲突（减少命名空间污染） 更好的分离，按需加载 更高复用性 高可维护性 4、页面引入加载script 二、模块化规范 ...
分类：
Web程序 时间：
2018-07-10 12:59:01
阅读次数：
227
主要目的是学习如何使用require.js AMD就是通过延迟和按需加载来解决各个模块的依赖关系，其中require就是AMD的框架之一 它的优点是可以解决以下问题： 源代码：https://github.com/dirkhe1051931999/writeBlog/tree/master/sanj ...
分类：
Web程序 时间：
2018-07-08 20:03:08
阅读次数：
238
webpack 与 vue 在使用vue开发时，遇到打包后单个文件太大，因而需要分包，不然加载时间太久。虽然尽可能减少请求次数，但是单个包太大也不是好事 思路 + 组件按需加载 + vue router 的懒加载 + 第三方包分离 + 代码分割时， 组件按需加载 + 现在ui库大多都是以组件的形式进 ...
分类：
其他好文 时间：
2018-07-07 17:54:42
阅读次数：
145
用create-react-app做项目的时候，同时引入了antd，为了实现按需加载antd模块，用到他们提供的 babel-plugin-import （ 一个用于按需加载组件代码和样式的 babel 插件） 虽然项目一开始是用create-react-app创建，但是之后有 yarn run e ...
分类：
其他好文 时间：
2018-07-04 15:08:09
阅读次数：
2824
vue的单页面（SPA）项目,必然涉及路由按需的问题。以前我们是这么做的 但现在无Vue-router的官网看看，推荐这种方式： 可是，很多情况下，我们这么写npm控制台直接报错，这是为什么呢？ 原来是import这儿报错了，这就需要babel的插件了，vue-router官网上有一段提示：如果您使 ...
分类：
其他好文 时间：
2018-06-30 22:22:41
阅读次数：
238
Webpack是当下最热门的前端资源模块化管理和打包工具。 它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码隔离。通过loader的转换，任何形式的资源都可以视作模块，比如CommonJS模块、AMD模块、ES6模块、CSS模块、图片、JSON、C ...
分类：
Web程序 时间：
2018-06-28 20:23:43
阅读次数：
164
