先了解一下require和import require 是 CommonJS(在Node中实现), 运行时调用，理论上可以运用在代码的任何地方 import 是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法,编译时调用，必须放在文件开头 require 是赋值过程，其实requir ...
分类：
其他好文 时间：
2020-04-17 12:37:24
阅读次数：
98
http://kazupon.github.io/vue-i18n/zh/guide/lazy-loading.html 一次加载所有翻译文件是过度和不必要的。 因为可能一直用中文，那么就不会用到英文的数据,就没必要去加载。只在请求的时候去加载它 1.新建i18n.js import Vue fro ...
分类：
编程语言 时间：
2020-03-04 14:45:22
阅读次数：
294
首先安装babel-plugin-import： npm i babel-plugin-import -S 然后在.babelrc中添加如下代码： // .babelrc or babel-loader option { "plugins": [ ["import", { libraryName: ...
分类：
移动开发 时间：
2020-03-03 22:15:54
阅读次数：
261
一、打包 1、减少打包体积 代码压缩 移除不必要的模块 按需引入模块 选择可以替代的体积较小的模块 2、Code Splitting: 按需加载 如果你处在首页，并且首页中有占用资源过重的图表，需要对图表懒加载，否则它会大幅拖垮应用的首次渲染，加大白屏时间 如果你处在首页，你无需加载当前不可见屏幕下 ...
分类：
其他好文 时间：
2020-03-02 12:28:20
阅读次数：
80
效果图 slider.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>slider</title> <link rel="stylesheet" href="../css/base.css"> <l ...
分类：
Web程序 时间：
2020-03-01 21:37:01
阅读次数：
90
效果图 tab2.html <!DOCTYPE html> <html lang="zh-CN"><!-- 设置简体中文 --> <head> <meta charset="UTF-8"> <title>tab2按需加载</title> <link rel="stylesheet" href=".. ...
分类：
Web程序 时间：
2020-02-29 20:31:39
阅读次数：
93
yepnope.js 是一个超高速的按条件异步加载资源的加载器，允许你只加载使用到的资源（css及js）。 yepnope.js的一个典型实例: ? 1 2 3 4 5 yepnope({ test : Modernizr.geolocation, yep : 'normal.js', nope : ...
分类：
Web程序 时间：
2020-02-20 10:30:59
阅读次数：
94
``` 参考地址 https://blog.csdn.net/sleepwalker_1992/article/details/81461543 使用export向外暴露的成员，只能使用{ }的形式来接收，这种形式，叫做【按需导出】 ``` ``` demo.js(公共文件) //得到当前星期几 e... ...
分类：
其他好文 时间：
2020-02-20 00:20:58
阅读次数：
94
懒汉模式与饿汉模式 懒汉模式就是懒加载，用到的时候去加载，存在线程安全问题，需要手动地加锁控制。它的优点是类加载的速度比较快，按需加载，节省资源。 饿汉模式就是在类加载的时候会创建出实例。它天生就不存在线程安全问题。但是类加载的速度会变慢且耗费资源。 懒汉模式-单重检查 示例代码如下： public ...
分类：
编程语言 时间：
2020-02-19 15:23:44
阅读次数：
77
1.项目优化 实现步骤： A.生成打包报告，根据报告优化项目 B.第三方库启用CDN C.Element UI组件按需加载 D.路由懒加载 E.首页内容定制 2.添加进度条 给项目添加进度条效果，先打开项目控制台，打开依赖，安装nprogress 打开main.js，编写如下代码 3.根据报错修改代 ...
分类：
其他好文 时间：
2020-02-18 11:27:02
阅读次数：
119
