街角小林_社区达人页

个人头像照片
街角小林
已加入开发者社区886

勋章 更多

个人头像照片
专家博主
专家博主
个人头像照片
星级博主
星级博主
个人头像照片
技术博主
技术博主
个人头像照片
初入江湖
初入江湖

成就

已发布83篇文章
3条评论
已回答0个问题
0条评论
已发布0个视频
github地址

我关注的人 更多

技术能力

兴趣领域
擅长领域
技术认证

暂时未有相关云产品技术能力~

5年+前端工作经历,2年+技术文章写作经验,Vue重度使用者,热衷于折腾,开源了几个图形相关的小项目,github地址:https://github.com/wanglin2。

暂无精选文章
暂无更多信息

2022年11月

  • 11.13 10:06:56
    发表了文章 2022-11-13 10:06:56

    可视化大屏的几种屏幕适配方案,总有一种是你需要的

    假设我们正在开发一个可视化拖拽的搭建平台,可以拖拽生成工作台或可视化大屏,或者直接就是开发一个大屏,首先必须要考虑的一个问题就是页面如何适应屏幕,因为我们在搭建或开发时一般都会基于一个固定的宽高,但是实际的屏幕可能大小不一,接下来我们就尝试几种简单且常见的方案,并简单分析一下利弊。
  • 11.13 10:06:13
    发表了文章 2022-11-13 10:06:13

    我让虚拟DOM的diff算法过程动起来了

    去年写了一篇文章[手写一个虚拟DOM库,彻底让你理解diff算法]介绍虚拟`DOM`的`patch`过程和`diff`算法过程,当时使用的是双端`diff`算法,今年看到了`Vue3`使用的已经是快速`diff`算法,所以也想写一篇来记录一下,但是肯定已经有人写过了,所以就在想能不能有点不一样的,上次的文章主要是通过画图来一步步展示`diff`算法的每一种情况和过程,所以就在想能不能改成动画的形式,于是就有了这篇文章。当然目前的实现还是基于双端`diff`算法的,后续会补充上快速`diff`算法。
  • 11.13 10:05:13
    发表了文章 2022-11-13 10:05:13

    Vue3官方出的Playground你都用了吗?没有没关系,直接原理讲给你听

    相比`Vue2`,`Vue3`的官方文档中新增了一个在线`Playground`,本文会带领各位从头探索一下它的实现原理
  • 11.13 10:03:37
    发表了文章 2022-11-13 10:03:37

    本想搞清楚ESM和CJS模块的互相转换问题,没想到写完我的问题更多了

    本来只是好奇打包工具是如何转换ESM和CJS模块的,没想到带着这个问题阅读完编译的代码后,我的问题更多了。
  • 11.13 10:03:08
    发表了文章 2022-11-13 10:03:08

    手摸手带你实现一个时间轴组件

    本文给大家带来一个时间轴的组件开发教程
  • 11.13 10:02:35
    发表了文章 2022-11-13 10:02:35

    只需百来行代码,为你的Web页面增加本地文件操作能力,确定不试试吗?

    笔者开源了一个`Web`思维导图[mind-map](https://github.com/wanglin2/mind-map),数据默认是存储在`localstorage`里,如果想保存到本地文件,需要使用导出功能,下次打开再使用导入功能,编辑完如果又想保存到文件,那么又需要从重新导出覆盖原来的文件,不得不说,可以但不优雅,所以最近增加了直接编辑本地文件的能力,体验了一下,还是不错的,并且就是调调`API`的事情,很简单,何乐而不为。
  • 11.13 10:02:01
    发表了文章 2022-11-13 10:02:01

    Vue3响应式助你轻松实现国际化

    本文为Varlet组件库源码主题阅读系列第十篇,也是最后一篇,读完本篇,可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。
  • 11.13 10:01:31
    发表了文章 2022-11-13 10:01:31

    如何实现一个丝滑的点击水波效果

    本文为Varlet组件库源码主题阅读系列第九篇,读完本篇,可以了解到如何使用一个`div`创建一个点击的水波效果。
  • 11.13 10:00:30
    发表了文章 2022-11-13 10:00:30

    移动端页面如何优雅的适配各种屏幕,包括PC端

    本文为Varlet组件库源码主题阅读系列第八篇,读完本篇,可以了解到移动端页面如何适配各种尺寸的屏幕,包括pc端,另外如何将触摸事件转换成鼠标事件。
  • 11.13 09:59:12
    发表了文章 2022-11-13 09:59:12

    Vue组件库实现按需引入可以这么做

    本文为Varlet组件库源码主题阅读系列第七篇,读完本篇,可以了解到如何通过unplugin-vue-components插件来为你的组件库实现按需引入。
  • 11.13 09:58:34
    发表了文章 2022-11-13 09:58:34

    使用CSS变量实现主题定制真的很简单

    本文为Varlet组件库源码主题阅读系列第六篇,`Varlet`支持自定义主题及暗黑模式,本篇文章我们来详细看一下这两者的实现。
  • 11.13 09:57:52
    发表了文章 2022-11-13 09:57:52

    Markdown文件居然也可以直接作为Vue路由组件?

    本文为Varlet组件库源码主题阅读系列第五篇,读完本文你可以了解到如何通过编写一个`Vite`插件来支持使用`md`文件直接作为路由组件。
  • 11.13 09:57:13
    发表了文章 2022-11-13 09:57:13

    Vue组件库文档站点的搭建思路

    本文为Varlet组件库源码主题阅读系列第四篇,读完本篇,可以了解到如何使用`Vite`的`Api`接口来启动服务、如何动态生成多语言的页面路由。
  • 11.13 09:56:05
    发表了文章 2022-11-13 09:56:05

    想要字体图标设计师却给了SVG?没关系,自己转

    本文为Varlet组件库源码主题阅读系列第三篇,读完本篇,你可以了解到如何将`svg`图标转换成字体图标文件,以及如何设计一个简洁的Vue图标组件。
  • 11.13 09:55:22
    发表了文章 2022-11-13 09:55:22

    Vue3组件库打包指南,一次生成esm、esm-bundle、commonjs、umd四种格式

    本文为`Varlet`组件库源码主题阅读系列第二篇,读完本篇,你可以了解到如何将一个Vue3组件库打包成各种格式
  • 11.13 09:53:04
    发表了文章 2022-11-13 09:53:04

    Vue3移动端组件库Varlet源码主题阅读之一:本地启动服务时都做了什么

    不同的组件库架构肯定有所不同,不过大体思路应该都差不多,笔者在众多组件库中挑选了[Varlet](https://github.com/varletjs/varlet) 来进行剖析,`Varlet`是一个基于 `Vue3` 开发的 `Material` 风格的移动端组件库,本系列的文章会全面解析这个项目,需要说明的是,不会具体的看某个组件是怎么实现的,而是了解组件库整体的设计,以及按需引入、主题定制、屏幕适配、组件打包、`VsCode`属性高亮等比较有意思的话题,话不多说,开始吧。

2022年09月

2022年08月

  • 08.07 22:41:51
    发表了文章 2022-08-07 22:41:51

    我做了一个在线白板(三)

    前两篇给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩,以及放大缩小、网格模式、导出图片等功能,本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制,以及如何按比例缩放文字图片等这些需要固定长宽比例的图形、如何缩放自由书写折线这些由多个点构成的元素。

2022年07月

  • 07.17 18:15:56
    发表了文章 2022-07-17 18:15:56

    这些年我开源的几个小项目

    笔者是一个平平无奇的前端打工人,没有参与过啥热门开源项目的共建,所以每次说自己热爱开源都很心虚,充其量就是热爱使用开源项目,不过这两年来也陆续做了几个小项目,虽然只有时不时的来几个`star`,不过也给我安静的`github`平添了几分人气,本文就给大家推荐一下笔者的开源项目,如果觉得可以欢迎给个关注~
  • 07.05 22:00:57
    发表了文章 2022-07-05 22:00:57

    开源的网易云音乐API项目都是怎么实现的?

    上一篇文章[这个高颜值的开源第三方网易云音乐播放器你值得拥有]介绍了一个开源的第三方网易云音乐播放器,这篇文章我们来详细了解一下其中使用到的网易云音乐api项目[NeteaseCloudMusicApi]的实现原理。
  • 07.04 22:36:24
    发表了文章 2022-07-04 22:36:24

    这个高颜值的开源第三方网易云音乐播放器你值得拥有

    有没有一个既简洁纯粹,颜值又高的网易云音乐播放器呢,答案是有的,它就是:YesPlayMusic,一个开源的第三方实现。
  • 07.04 22:35:38
    发表了文章 2022-07-04 22:35:38

    关联线探究,如何连接流程图的两个节点

    如果你用过流程图绘制工具,那么可能会好奇节点之间的连接线是如何计算出来的,跟随本文一起来探究一下吧。

2022年06月

  • 发表了文章 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

    这些年我开源的几个小项目

正在加载, 请稍后...
滑动查看更多
正在加载, 请稍后...
暂无更多信息
正在加载, 请稍后...
暂无更多信息