漫思

摘要： Goxel 3D Voxel Editor 3d编辑器 阅读全文

摘要： 西南航空大瘫痪：上万航班被取消，竟因为90年代的IT系统 投递人 itwriter 发布于 2022-12-29 10:08 评论(0) 有1695人阅读 原文链接 [收藏] « » 史上最严重的航司瘫痪事故，竟是因为从 90 年代就没再更新过 IT 系统…… 文｜杜晨编辑｜VickyXiao 上周 阅读全文

摘要： webpack打包优化的几种手段 目录 1. noParse 2. 包含和排除目录 3. IgnorePlugin 4. happypack 5. DllPlugin动态链接库 6. 热更新 7. 开发环境 tree-shaking 8. 抽离公共代码 9. 懒加载 1. noParse 作用主要是 阅读全文

摘要： webpack4.15.1 学习笔记(九) — 11个基础的插件使用 目录 html-webpack-plugin clean-webpack-plugin webpack-manifest-plugin HotModuleReplacementPlugin(内置) mini-css-extract 阅读全文

摘要： 目录 输出文件名(Output Filenames) 缓存第三方库 将 js 文件放到一个文件夹中 webpack 打包模块化后的应用程序，会生成一个可部署的 /dist目录，只要 /dist 目录中的内容部署到 server 上，client（通常是浏览器）就能够访问此 server 的网站及其资 阅读全文

摘要： 懒加载或者按需加载，是一种很好的优化网页或应用的方式。实际上是先把代码在一些逻辑断点处分离开，然后在一些代码块中完成某些操作后，立即引用或引用另外一些新的代码块。这样加快了应用的初始加载速度，减轻了它的总体体积，因为某些代码块可能永远不会被加载。 在代码拆分的例子基础上，会在脚本运行时产生一个分离的 阅读全文

摘要： webpack4.15.1 学习笔记(六) — 代码拆分(Code Splitting) 目录 入口起点 防止重复 动态导入(dynamic imports) 代码拆分能够将代码分离到不同的 bundle 中，然后可以按需加载或并行加载这些文件。代码拆分可以用于获取更小的 bundle，以及控制资源 阅读全文

摘要： webpack4.15.1 学习笔记(五) — 生产环境构建 目录 生产环境构建 指定环境 生产环境构建 development和production的构建目标差异很大。dev中，需要具有实时重新加载或HMR能力的 source map 和 server。而在prod中目标则关注更小的 bundle 阅读全文

摘要： webpack4.15.1 学习笔记(四) — Tree shaking 目录 Tree shaking 原理 标记效果 副作用代码不可被删除 如何实现 Tree shaking 的几种方法 总结 Tree shaking 本质上为了消除无用的js代码，减少加载文件体积的方式，使其整体执行时间更短。 阅读全文

摘要： 目录 模块热替换 HMR HMR监听文件变化 HMR 修改样式表 模块热替换 HMR 允许在运行时更新各种模块，而无需进行完全刷新。不适用于生产环境，意味着应当只在开发环境使用。启用HMR实际上就是更新 webpack-dev-server的配置，及使用 webpack 内置的 HMR 插件。web 阅读全文

摘要： 目录 基本安装 配置文件 管理资源 管理输出 构建一个开发环境 使用 source map 选择一个开发工具 观察模式 webpack-dev-server webpack-dev-middleware webpack 用于编译 JavaScript 模块。安装完成，就可以通过 webpack 的 阅读全文

摘要： 入口(entry) 出口(output) 加载器 Loaders 插件 Plugins 模式 webpack.config.js 配置 终终终终于下定决心，对你下手了，系统的学习一下。 webpack是一个应用程序的静态模块打包器(module bundler)。处理应用程序时，会递归地构建一个依赖 阅读全文

摘要： Webpack3.x升级至 4.x 小记 近期项目部署遇到点问题，需要升级webpack版本，特此整理一小记，记录升级过程中的依赖包及报错处理。 本次升级的依赖包及对应版本对照表： npm 包当前版本升级版本S/D vue ^2.5.18 ^2.6.14 -S element-ui ^2.4.11 阅读全文

摘要： 通常来说，我们的代码都可以至少简单区分成业务代码和第三方库。如果不做处理，每次构建时都需要把所有的代码重新构建一次，耗费大量的时间。然后大部分情况下，很多第三方库的代码并不会发生变更(除非是版本升级)，因此Webpack 打包时，对于一些不经常更新的第三方库，比如 vue、vue-router，vu 阅读全文

摘要： Webpack入门 一、什么是WebPack，为什么要使用它？ 模块打包机：分析项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（less,Scss,TypeScript等），并将其转换和打包为合适的格式供浏览器使用。可以使复杂的程序细化成为各个小的文件,为了简化开发 阅读全文

摘要： 码文不易，转载请带上本文链接，感谢~ https://www.cnblogs.com/echoyya/p/14542005.html 目录 码文不易，转载请带上本文链接，感谢~ https://www.cnblogs.com/echoyya/p/14542005.html TypeScript 介绍 阅读全文

摘要： VLQ & Base64 VLQ 编码方式的原理及代码实现 目录 VLQ Base64 VLQ VLQ VLQ (Variable-length quantity)是一种通用的，使用任意位数的二进制来表示一个任意大的数字的一种编码方式。 编码实现： ** 对数字137进行VLQ**编码，以下为分解步 阅读全文

摘要： 客户端与服务器之间双向通讯的5种方式总结(完整代码演示) 目录 1. polling 轮循 2. long-polling 长轮循 3. iframe 流 4. EventSource 流 5. websocket 首先简单说一下常用的http协议的特点：http是客户端/服务器模式中请求-响应所用 阅读全文

摘要： 目录 实操目录及步骤 缓存分类 强制缓存 对比缓存 指纹 Etag 摘要及加密算法 缓存总结 每个浏览器都有一个自己的缓存区，使用缓存区的数据有诸多好处，减少冗余的数据传输，节省网络传输。减少服务器负担， 提高网站的性能。加快客户端加载网页的速度等，而这里指的缓存，指代的静态文件的缓存，动态数据缓存 阅读全文

摘要： D3全称是Data-Driven Documents数据驱动文档，是一个开源的javascript库，可以用于数据可视化图形的创建，该库更接近底层，与 g2、echarts 不同，d3 能直接操作 svg，所以拥有极大的自由度，几乎可以实现任何 2d 的设计需求。正如其名 Data Driven D 阅读全文