liudingchao's blog

css实现渐变边框

纯净简洁的数字输入框

一些实用的JavaScript代码

官方文档为什么要开启TreeShaking删除未被使用的代码(Dead Code)，减少打包体积 永远不会被执行到的代码块 代码被执行但是返回结果没有被使用 没有被使用的变量、常量、方法、类 使用前提 TreeShaking宿主环境是Node，而不是浏览器 JS代码需要遵循ES6 Module规范（支持静态分析），而不是CommonJs或其他。通过分析ES6 Module的导入导出，构建依赖图，分析出模块间的依赖关系、变量引用关系。 webpack需要设置mode: production和minification（代码压缩），development模式下开启optimization: { usedExports: ture }。 在使用babel-loader或ts-loader时需要保留export、import。 原理 标记没有被使用的模块导出值。 Make 阶段，收集导出变量并记录到模块依赖图ModuleGraph 变量中。 Seal 阶段，遍历ModuleGraph 标记模块导出变量有没有被使用 生成产物时，若变量没有被其他模块使用时则删除对应的导出语 ...

使用hexo-generator-search给博客添加搜索功能

hexo线上部署时遇到的问题和解决方法

CSS animation 下雪效果

记录一下常用的工具软件

新的博客，从零开始！