从0到1系列
magic-zhu
菜的抠脚的前端
展开
-
简单解析样式文件并实现属性自动排序
文章目录前言词法分析基本概念如何实现实现一个简易的词法分析器最终实现的效果 前言 缘起于偶然间看见的同事写的一个CSS书写顺序 通常我们在写css,less,scss样式文件的时候,每次都会书写不同顺序,这样的代码不仅修改麻烦而且一点也不酷。但是css书写本身是一个随机性的开发,如果刻意去注意书写顺序会很累。 当这些杂乱无序的属性在书写时遵从一定规律后,改起来会很方便,会有一种,哲学上的美:) 那为啥要手动实现呢? 当时没有找到(后来发现是有插件的 ̄□ ̄||) 工程上的利器babel,webpack,r原创 2020-12-24 14:53:50 · 216 阅读 · 0 评论 -
带着问题阅读Vue-router源码并从0到1实现迷你版vue-router
概览插件是怎么安装到vue的router-view是怎么工作的 插件是怎么安装到vue的 Vue.use实际上是执行了插件内部的install方法,vue的生态都是如此。 vue-router对象上的静态方法 install 执行了一个混入 在vue上定义了xxx一堆变量 Vue.mixin({ beforeCreate () { if (isDef(this.$options.router)) { this._routerRoot = this t原创 2020-08-23 21:26:58 · 198 阅读 · 0 评论 -
从0到1系列之 打造自己的工具库(类似于lodash)并发布到npm
0202年了,我们需要尝试打造自己的工具链路 来更????偷懒????的开发???? 最终示例 @magic-zhu/helper这个是我们自己发布到npm的demo包 然后在项目中使用 npm install @magic-zhu/helper const helper = require ('@magic-zhu/helper') let {typeOf} = helper console.log(type...原创 2020-02-10 10:09:38 · 843 阅读 · 2 评论