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