web前端开发技术

摘要： webpack 4版本以上并行编译使用的loader是：thread-loaderloader 参考： https://cli.vuejs.org/zh/config/#parallel 参考：https://www.webpackjs.com/loaders/thread-loader/ 原理：创 阅读全文

摘要： 2种可以下载json数据的示例代码： function download (url, name) { const a = document.createElement('a') a.download = name a.rel = 'noopener' a.href = url // 触发模拟点击 / 阅读全文

摘要： 1、concurrently https://developer.aliyun.com/mirror/npm/package/concurrently 2、示例 "start": "concurrently \"command1 arg\" \"command2 arg\"" command1 和 阅读全文

摘要： 1、assemblyscript 将ts编译为webassembly。使得前端更容易上手wasm。 https://github.com/AssemblyScript/assemblyscript 2、awesome-wasm webassembly社区： https://github.com/mb 阅读全文

摘要： 1、npm prune npm会比较package.json和node_modules目录，然后把那些在package.json中没有引用到的package列出来。并且删除无用的包。 2、npm outdated 检查npm上的注册信息，看你当前项目中有哪些依赖已经过时了，并以列表的形式展示出来。 阅读全文

摘要： 1、require引入 //require.jslet a = 0; const count = () => { ++a; console.log(a,'==require模块内部函数执行==') } setTimeout(function(){ ++a; console.log(a,'==requ 阅读全文

摘要： 1、参考 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxs/ 2、目的 UI交互逻辑在视图层执行，避免和逻辑层频繁通信。 即有些逻辑在视图层写，减少setData操作。 阅读全文

摘要： 1、vue-virtual-scroll-list https://github.com/tangbc/vue-virtual-scroll-list 2、Object.freeze 使用Object.freeze冻结对象。 阅读全文

摘要： 1、参考https://www.webpackjs.com/plugins/split-chunks-plugin/ 2、核心概念 webpack将根据以下条件自动拆分代码块： 会被共享的代码块或者 node_mudules 文件夹中的代码块 体积大于30KB的代码块（在gz压缩前） 按需加载代码块 阅读全文

摘要： path.dirname()： 返回 path 的目录名 path.join()：所有给定的 path 片段连接到一起，然后规范化生成的路径 如：const myPath = path.join(__dirname, "..", "bin", "myBin.js"); path.resolve()： 阅读全文