笔者是一个平平无奇的前端打工人，没有参与过啥热门开源项目的共建，所以每次说自己热爱开源都很心虚，充其量就是热爱使用开源项目，不过这两年来也陆续做了几个小项目，虽然只有时不时的...
发简信
IP属地：浙江
-
这些年我开源的几个小项目 -
我做了一个在线白板！！！
相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw[https://excalidraw.com/]，使用体验上没的说，...
-
【译】绘制一棵漂亮的树ps.本文是对https://llimllib.github.io/pymag-trees/[https://llimllib.github.io/pymag-trees/]...
-
基于Vue2.x的前端架构，我们是这么做的通过Vue CLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学...
-
为了实践微前端，重构了自己的导航网站笔者早期开发了一个导航网站，一直想要重构，因为懒拖了好几年，终于，在了解到微前端大法后下了决心，因为工作上一直没有机会实践，没办法，只能用自己的网站试试，思来想去，访问量最高...
-
Vue动态组件的实践与原理探究我司有一个工作台搭建产品，允许通过拖拽小部件的方式来搭建一个工作台页面，平台内置了一些常用小部件，另外也允许自行开发小部件上传使用，本文会从实践的角度来介绍其实现原理。 ps...
-
揭开Vue异步组件的神秘面纱简介 在大型应用里，有些组件可能一开始并不显示，只有在特定条件下才会渲染，那么这种情况下该组件的资源其实不需要一开始就加载，完全可以在需要的时候再去请求，这也可以减少页面首次...
-
如何实现一个vue组件库的在线主题编辑器
前言 一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主...
-
使用vue实现排序算法演示动画
缘起 最近做的一个小需求涉及到排序，界面如下所示： 因为项目是使用vue的，所以实现方式很简单，视图部分不用管，本质上就是操作数组，代码如下： 这样就可以正常的交换位置了，但...
-
浅析组件库实现按需引入的几种方式按需加载是所有组件库都会提供的一个基础能力，本文会分析ElementUI、Vant及varlet几个组件库的实现并进行相应实践，帮助你彻底搞懂其实现原理。 先搭个简单的组件库...
-
浅析组件库实现按需引入的几种方式
按需加载是所有组件库都会提供的一个基础能力，本文会分析ElementUI、Vant及varlet几个组件库的实现并进行相应实践，帮助你彻底搞懂其实现原理。 先搭个简单的组件库...
-
手把手教你实现在Monaco Editor中使用VSCode主题背景 笔者开源了一个小项目code-run[https://github.com/wanglin2/code-run]，类似codepen的一个工具，其中代码编辑器使用的是微...
-
Vue0.11版本源码阅读系列五：批量更新是怎么做的
在第三篇vue0.11版本源码阅读系列三：指令编译[https://juejin.cn/post/6918313229449953293]里我们知道如果某个属性的值变化了，会...
-
如何手动解析vue单文件并预览？开头 笔者之前的文章里介绍过一个代码在线编辑预览工具的实现（传送门：快速搭建一个代码在线编辑预览工具[https://juejin.cn/post/6965467528600...
-
一文搞懂jsBridge的运行机制
我司的APP是一个典型的混合开发APP，内嵌的都是前端页面，前端页面要做到和原生的效果相似，就避免不了调用一些原生的方法，jsBridge就是js和原生通信的桥梁，本文不讲概...
-
如何实现一个vue组件库的在线主题编辑器
前言 一般而言一个组件库都会设计一套相对来说符合大众审美或产品需求的主题，但是主题定制需求永远都存在，所以组件库一般都会允许使用者自定义主题，我司的vue组件库hui的定制主...
-
手把手教你实现手绘风格图形Rough.js[https://roughjs.com/]是一个手绘风格的图形库，提供了一些基本图形的绘制能力，比如： 虽然笔者是个糙汉子，但是对这种可爱的东西都没啥抵抗力...
-
带你实现一个简单的多边形编辑器开头 多边形编辑器少数见于一些图片标注需求，常见于地图应用，用来绘制区域，比如高德地图： 示例地址：https://lbs.amap.com/api/jsapi-v2/exa...