勋章
我关注的人
粉丝
技术能力
暂时未有相关云产品技术能力~
5年+前端工作经历，2年+技术文章写作经验，Vue重度使用者，热衷于折腾，开源了几个图形相关的小项目，github地址：https://github.com/wanglin2。
-
发表了文章 2022-11-13
可视化大屏的几种屏幕适配方案，总有一种是你需要的
假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。
-
发表了文章 2022-11-13
Vue3官方出的Playground你都用了吗？没有没关系，直接原理讲给你听
相比`Vue2`，`Vue3`的官方文档中新增了一个在线`Playground`，本文会带领各位从头探索一下它的实现原理
-
发表了文章 2022-11-13
本想搞清楚ESM和CJS模块的互相转换问题，没想到写完我的问题更多了
本来只是好奇打包工具是如何转换ESM和CJS模块的，没想到带着这个问题阅读完编译的代码后，我的问题更多了。
-
发表了文章 2022-11-13
手摸手带你实现一个时间轴组件
本文给大家带来一个时间轴的组件开发教程
-
发表了文章 2022-11-13
只需百来行代码，为你的Web页面增加本地文件操作能力，确定不试试吗？
笔者开源了一个`Web`思维导图[mind-map](https://github.com/wanglin2/mind-map)，数据默认是存储在`localstorage`里，如果想保存到本地文件，需要使用导出功能，下次打开再使用导入功能，编辑完如果又想保存到文件，那么又需要从重新导出覆盖原来的文件，不得不说，可以但不优雅，所以最近增加了直接编辑本地文件的能力，体验了一下，还是不错的，并且就是调调`API`的事情，很简单，何乐而不为。
-
发表了文章 2022-11-13
Vue3响应式助你轻松实现国际化
本文为Varlet组件库源码主题阅读系列第十篇，也是最后一篇，读完本篇，可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。
-
发表了文章 2022-11-13
移动端页面如何优雅的适配各种屏幕，包括PC端
本文为Varlet组件库源码主题阅读系列第八篇，读完本篇，可以了解到移动端页面如何适配各种尺寸的屏幕，包括pc端，另外如何将触摸事件转换成鼠标事件。
-
发表了文章 2022-11-13
Vue组件库实现按需引入可以这么做
本文为Varlet组件库源码主题阅读系列第七篇，读完本篇，可以了解到如何通过unplugin-vue-components插件来为你的组件库实现按需引入。
-
发表了文章 2022-11-13
使用CSS变量实现主题定制真的很简单
本文为Varlet组件库源码主题阅读系列第六篇，`Varlet`支持自定义主题及暗黑模式，本篇文章我们来详细看一下这两者的实现。
-
发表了文章 2022-11-13
Markdown文件居然也可以直接作为Vue路由组件？
本文为Varlet组件库源码主题阅读系列第五篇，读完本文你可以了解到如何通过编写一个`Vite`插件来支持使用`md`文件直接作为路由组件。
-
发表了文章 2022-11-13
Vue组件库文档站点的搭建思路
本文为Varlet组件库源码主题阅读系列第四篇，读完本篇，可以了解到如何使用`Vite`的`Api`接口来启动服务、如何动态生成多语言的页面路由。
-
发表了文章 2022-11-13
想要字体图标设计师却给了SVG？没关系，自己转
本文为Varlet组件库源码主题阅读系列第三篇，读完本篇，你可以了解到如何将`svg`图标转换成字体图标文件，以及如何设计一个简洁的Vue图标组件。
-
发表了文章 2022-11-13
Vue3组件库打包指南，一次生成esm、esm-bundle、commonjs、umd四种格式
本文为`Varlet`组件库源码主题阅读系列第二篇，读完本篇，你可以了解到如何将一个Vue3组件库打包成各种格式
-
发表了文章 2022-11-13
Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么
不同的组件库架构肯定有所不同，不过大体思路应该都差不多，笔者在众多组件库中挑选了[Varlet](https://github.com/varletjs/varlet) 来进行剖析，`Varlet`是一个基于 `Vue3` 开发的 `Material` 风格的移动端组件库，本系列的文章会全面解析这个项目，需要说明的是，不会具体的看某个组件是怎么实现的，而是了解组件库整体的设计，以及按需引入、主题定制、屏幕适配、组件打包、`VsCode`属性高亮等比较有意思的话题，话不多说，开始吧。
-
发表了文章 2022-09-14
Vite入门从手写一个乞丐版的Vite开始（下）
上一篇[Vite入门从手写一个乞丐版的Vite开始（上）]我们已经成功的将页面渲染出来了，这一篇我们来简单的实现一下热更新的功能。
-
发表了文章 2022-09-13
Vite入门从手写一个乞丐版的Vite开始（上）
本文会通过手写一个非常简单的乞丐版`Vite`来了解一下`Vite`的基本实现原理。
-
发表了文章 2022-08-07
我做了一个在线白板（三）
前两篇给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字图片等这些需要固定长宽比例的图形、如何缩放自由书写折线这些由多个点构成的元素。
-
发表了文章 2022-07-17
这些年我开源的几个小项目
笔者是一个平平无奇的前端打工人，没有参与过啥热门开源项目的共建，所以每次说自己热爱开源都很心虚，充其量就是热爱使用开源项目，不过这两年来也陆续做了几个小项目，虽然只有时不时的来几个`star`，不过也给我安静的`github`平添了几分人气，本文就给大家推荐一下笔者的开源项目，如果觉得可以欢迎给个关注~
-
发表了文章 2022-07-05
开源的网易云音乐API项目都是怎么实现的？
上一篇文章[这个高颜值的开源第三方网易云音乐播放器你值得拥有]介绍了一个开源的第三方网易云音乐播放器，这篇文章我们来详细了解一下其中使用到的网易云音乐api项目[NeteaseCloudMusicApi]的实现原理。
-
发表了文章 2022-07-04
这个高颜值的开源第三方网易云音乐播放器你值得拥有
有没有一个既简洁纯粹，颜值又高的网易云音乐播放器呢，答案是有的，它就是：YesPlayMusic，一个开源的第三方实现。
-
发表了文章 2022-07-04
关联线探究，如何连接流程图的两个节点
如果你用过流程图绘制工具，那么可能会好奇节点之间的连接线是如何计算出来的，跟随本文一起来探究一下吧。
-
发表了文章 2022-06-26
Vue2.6.0源码阅读（六）：组件基础
Vue2.6.0源码阅读（六）：组件基础
-
发表了文章 2022-06-26
Vue2.6.0源码阅读（五）：挂载及编译部分
Vue2.6.0源码阅读（五）：挂载及编译部分
-
发表了文章 2022-06-26
Vue2.6.0源码阅读（三）：数据观察
Vue2.6.0源码阅读（三）：数据观察
-
发表了文章 2022-06-26
Vue2.6.0源码阅读（二）：new Vue时做了什么
Vue2.6.0源码阅读（二）：new Vue时做了什么
-
发表了文章 2022-06-26
Vue2.6.0源码阅读（一）：引入Vue时的初始化工作
Vue2.6.0源码阅读（一）：引入Vue时的初始化工作
-
发表了文章 2022-06-26
我用这些开源项目轻松搭建了一个在线文档平台
我用这些开源项目轻松搭建了一个在线文档平台
-
发表了文章 2022-06-26
一款开源的Markdown转富文本编辑器的实现原理剖析
一款开源的Markdown转富文本编辑器的实现原理剖析
-
发表了文章 2022-06-26
如何实现一个能精确同步滚动的Markdown编辑器
如何实现一个能精确同步滚动的Markdown编辑器
-
发表了文章 2022-06-26
使用Skypack在浏览器上直接导入ES模块
使用Skypack在浏览器上直接导入ES模块
-
发表了文章 2022-06-26
我做了一个在线白板！(二）
我做了一个在线白板！(二）
-
发表了文章 2022-06-26
我做了一个在线白板！(一）
我做了一个在线白板！（一）
-
发表了文章 2022-06-26
图解树布局算法，轻松实现思维导图
图解树布局算法，轻松实现思维导图
-
发表了文章 2022-06-26
【译】绘制一棵漂亮的树
【译】绘制一棵漂亮的树
-
发表了文章 2022-06-26
基于Vue2.x的前端架构，我们是这么做的
基于Vue2.x的前端架构，我们是这么做的
-
发表了文章 2022-06-25
为了实践微前端，重构了自己的导航网站
为了实践微前端，重构了自己的导航网站
-
发表了文章 2022-06-25
从零打造一个Web地图引擎
从零打造一个Web地图引擎
-
发表了文章 2022-06-25
Vue动态组件的实践与原理探究
Vue动态组件的实践与原理探究
-
发表了文章 2022-06-25
揭开Vue异步组件的神秘面纱
揭开Vue异步组件的神秘面纱
-
发表了文章 2022-06-25
浅析组件库实现按需引入的几种方式
浅析组件库实现按需引入的几种方式
-
发表了文章 2022-06-25
手把手教你实现在Monaco Editor中使用VSCode主题
手把手教你实现在Monaco Editor中使用VSCode主题
-
发表了文章 2022-06-25
如何手动解析vue单文件并预览？
如何手动解析vue单文件并预览？
-
发表了文章 2022-06-25
一文搞懂jsBridge的运行机制
一文搞懂jsBridge的运行机制
-
发表了文章 2022-06-25
从一道算法题实现一个文本diff小工具
从一道算法题实现一个文本diff小工具
-
发表了文章 2022-06-25
ES5的继承和ES6的继承有什么区别？让Babel来告诉你
ES5的继承和ES6的继承有什么区别？让Babel来告诉你
-
发表了文章 2022-06-25
js烧脑面试题大赏
js烧脑面试题大赏
-
发表了文章 2022-06-25
Web思维导图实现的技术点分析（附完整源码）
Web思维导图实现的技术点分析（附完整源码）
-
发表了文章 2022-06-25
手写一个虚拟DOM库，彻底让你理解diff算法
手写一个虚拟DOM库，彻底让你理解diff算法
-
发表了文章 2022-06-25
flex大法：一网打尽所有常见布局
flex大法：一网打尽所有常见布局
-
发表了文章 2022-06-25
前端下载图片的N种方法
前端下载图片的N种方法
-
发表了文章
2022-11-13
可视化大屏的几种屏幕适配方案，总有一种是你需要的
-
发表了文章
2022-11-13
我让虚拟DOM的diff算法过程动起来了
-
发表了文章
2022-11-13
Vue3官方出的Playground你都用了吗？没有没关系，直接原理讲给你听
-
发表了文章
2022-11-13
本想搞清楚ESM和CJS模块的互相转换问题，没想到写完我的问题更多了
-
发表了文章
2022-11-13
手摸手带你实现一个时间轴组件
-
发表了文章
2022-11-13
只需百来行代码，为你的Web页面增加本地文件操作能力，确定不试试吗？
-
发表了文章
2022-11-13
Vue3响应式助你轻松实现国际化
-
发表了文章
2022-11-13
如何实现一个丝滑的点击水波效果
-
发表了文章
2022-11-13
移动端页面如何优雅的适配各种屏幕，包括PC端
-
发表了文章
2022-11-13
Vue组件库实现按需引入可以这么做
-
发表了文章
2022-11-13
使用CSS变量实现主题定制真的很简单
-
发表了文章
2022-11-13
Markdown文件居然也可以直接作为Vue路由组件？
-
发表了文章
2022-11-13
Vue组件库文档站点的搭建思路
-
发表了文章
2022-11-13
想要字体图标设计师却给了SVG？没关系，自己转
-
发表了文章
2022-11-13
Vue3组件库打包指南，一次生成esm、esm-bundle、commonjs、umd四种格式
-
发表了文章
2022-11-13
Vue3移动端组件库Varlet源码主题阅读之一：本地启动服务时都做了什么
-
发表了文章
2022-09-14
Vite入门从手写一个乞丐版的Vite开始（下）
-
发表了文章
2022-09-13
Vite入门从手写一个乞丐版的Vite开始（上）
-
发表了文章
2022-08-07
我做了一个在线白板（三）
-
发表了文章
2022-07-17
这些年我开源的几个小项目
