本文讨论了 svg 在 iconfont+symbol 下使用的缺点，以及svg在vite+vue的最佳使用方式

大家好，我是易师傅，在现如今 vite 工具快开始盛行之下，我们是不是可以去做一件有意义的事呢，比如写一个 vite 插件，你觉得怎么样？

在阅读此文之前，你要明确两个概念。这篇文章不会长篇大论地跟你介绍 React 中的源代码实现或者其他一些类似的 Virtual DOM 的实现。它们过于复杂了，其实一个 Virtual DOM 的实现只要不超过 50 行代码即可。

JS 里的基本数据类型 Function String Object Number Boolean Array 都是构造函数 都是函数，有 prototype 但是不能修改，设置无用 __proto__ 获取上级原型 prototype 设置上级原型 如果没有 prototype 就是不能修改上级原型 由以上分析，函数是一个对象，那么闭包就是对象中的私有成员，外部无法访问，但始终存在

react 的路很长，这将是一个开始。 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

相信很多前端在开发移动端网站时，目前只能在 Chrome 浏览器中模拟手机调试。但是在 chrome 中模拟手机浏览器毕竟和真实的效果有很多的差别，那么如何做到在繁琐的发布到外网能访问的服务器上之前，我们前端就可以自己先行在手机端预览效果 + 调试 css、js 呢？

希望在掘金的平台书写自己的感想和体会

早前在博客园发的几篇基础文，都是图解系列，总结了一些JavaScript容易混淆的知识点，现在拿来在掘金分享一下吧。 原文地址：一张图看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别 1、这四个方法的用…