Lv.3
街角小林
更多个人资料
193
成长值
0
关注
3
粉丝
+ 关注
私信
个人介绍
一个普通的前端开发。
感兴趣或擅长的领域
编程语言
个人勋章
TA还没获得勋章~
成长雷达
170
3
0
0
20
个人资料
个人介绍
一个普通的前端开发。
感兴趣或擅长的领域
编程语言
达成规则
以上满足
项可达成此勋章
博客
关注
粉丝
论坛
全部时间
全部时间
最近三天
最近一周
最近一月
全部
暂无专栏分类
为了实践微前端,重构了自己的导航网站
笔者早期开发了一个导航网站,一直想要重构,因为懒拖了好几年,终于,在了解到微前端大法后下了决心,因为工作上一直没有机会实践,没办法,只能用自己的网站试试,思来想去,访问量最高的也就是这个破导航网站了,于是用最快的时间完成了基本功能的重构,然后准备通过微前端来扩展网站的功能,比如天气、待办、笔记、秒表计时等等,这些功能属于附加的功能,可能会越来越多,所以不能和导航本身强耦合在一起,需要做到能独...
JavaScript
前端
网站
街角小林
2022-10-28 21:32:14
1092
0
0
2022-10-28 21:32:14
999+
0
0
基于Vue2.x的前端架构,我们是这么做的
通过Vue CLI可以方便的创建一个Vue项目,但是对于实际项目来说还是不够的,所以一般都会根据业务的情况来在其基础上添加一些共性能力,减少创建新项目时的一些重复操作,本着学习和分享的目的,本文会介绍一下我们Vue项目的前端架构设计,当然,有些地方可能不是最好的方式,毕竟大家的业务不尽相同,适合你的就是最好的。除了介绍基本的架构设计,本文还会介绍如何开发一个Vue CLI插件和preset预...
NAT
Vue
前端
街角小林
2022-10-28 21:31:38
1005
0
0
2022-10-28 21:31:38
999+
0
0
图解树布局算法,轻松实现思维导图
笔者不久前翻译了一篇介绍树布局算法的文章【译】绘制一棵漂亮的树,但是那篇文章对于算法只是大致介绍了实现的思路,属于启发式文章,虽然有完整的代码,但是要理解起来还是有一定难度,并且要基于该算法实现思维导图也需要进行一定修改,所以本文会通过图解的方式一步步的分解该算法,并最终实现一个思维导图布局。阅读本文前推荐先阅读一下译文,方便理解文中提到的一些概念。 算法图解节点类如下,请务必仔细看一下ri...
JavaScript
前端
街角小林
2022-10-28 21:31:03
721
0
0
2022-10-28 21:31:03
721
0
0
【译】绘制一棵漂亮的树
ps.本文是对https://llimllib.github.io/pymag-trees/文章的翻译,原文使用的是python语言,译者改用JavaScript实现,并在文章的最后加上了译者详细的解析,有思维导图等树形结构绘制需求的朋友千万别错过。当我需要为我的项目绘制一些树的时候,我觉得肯定会有一种经典又简单的算法,但最终我发现了一些有意思的事情:树的布局不仅仅是一个NP完全问题,在树的...
街角小林
2022-10-28 21:30:32
677
0
0
2022-10-28 21:30:32
677
0
0
使用Skypack在浏览器上直接导入ES模块
场景复现笔者最近给自己的项目CodeRun增加了一个直接在浏览器上使用ES模块的功能,之前使用一个包前需要先找到它的在线CDN地址然后引进来,就像这样:现在可以直接这样:那么这是怎么实现的呢,很简单,使用Skypack,上图中的导入语句实际上最终会变成这样:import rough from 'https://cdn.skypack.dev/roughjs'这个转换是通过babel实现的,...
JavaScript
前端
街角小林
2022-10-28 21:29:50
640
0
0
2022-10-28 21:29:50
640
0
0
如何实现一个能精确同步滚动的Markdown编辑器
简介随着Markdown越来越流行,Markdown编辑器也越来越多,除去所见即所得的实时预览编辑器外,通常其他Markdown编辑器都会采用源代码和预览双栏显示的方式,就像这样:这种方式一般会有一个同步滚动的功能,比如在编辑区域滚动时,预览区域会随着滚动,反之亦然,方便两边对照查看,如果你用过多个平台的Markdown编辑器的话可能会发现有的平台编辑器同步滚动非常精确,比如掘金、segm...
HTML
JavaScript
Markdown
街角小林
2022-10-28 21:29:09
1291
0
0
2022-10-28 21:29:09
999+
0
0
我用这些开源项目轻松搭建了一个在线文档平台
前言笔者最近闲来无事给自己做了一个在线文档平台,支持白板、思维导图、文档、电子表格、PPT、流程图、Markdown等,界面是这样的:其实现在市面上有很多这种在线文档平台,笔者为什么要自己做一个呢,且听笔者短话长说。最开始笔者只是想在开源白板项目excalidraw的基础上增加云端存储的功能,因为它的云端保存版是要收费的,况且加个数据库的增删改查也不是什么难事,做完以后想到自己做了一个开源...
JavaScript
前端
开源
街角小林
2022-10-28 21:27:37
3459
1
1
2022-10-28 21:27:37
999+
1
1
Vue2.6.0源码阅读(六):组件基础
以下面这个十分简单的示例:Vue.component('my-component', { template: ` <span>{{text}}</span> `, data() { return { text: '我是子组件' } }})new Vue({ el: '#app', template: ` <div> <my-compon...
Vue
街角小林
2022-10-28 21:26:55
3012
0
0
2022-10-28 21:26:55
999+
0
0
Vue2.6.0源码阅读(五):挂载及编译部分
初始化结束后,如果存在el属性,那么最后会进行挂载操作:if (vm.$options.el) { vm.$mount(vm.$options.el)}$mount方法是个区分平台的方法,web平台的如下:const mount = Vue.prototype.$mountVue.prototype.$mount = function ( el, hydrating) { el ...
Vue
街角小林
2022-10-28 21:26:20
742
0
0
2022-10-28 21:26:20
742
0
0
Vue2.6.0源码阅读(四):响应性原理
这一篇我们来看一下Vue核心的响应性原理,在上一篇我们知道了初始化时Vue会把data选项的数据递归的转换成响应性的数据,具体来说就是给数组和对象创建一个关联的Observer实例,然后对于数组,会拦截它的所有方法,以此来监听数组的变化,对于普通对象,会遍历它自身所有可枚举的属性,将其转换成setter和getter形式,以此来监听某个属性的变化,为什么要这么做呢,我们来看一下。首先简单介绍...
Vue
街角小林
2022-10-28 21:25:52
767
0
0
2022-10-28 21:25:52
767
0
0
总条数:76
10
10
20
50
100
1
2
3
4
5
6
7
8
上滑加载中
https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=0&rsv_idx=1&tn=baidu&wd=sed%20%E6%9B%BF%E6%8D%A2%E5%AD%97%E7%AC%A6%E4%B8%B2&rsv_pq=c7db61a600035dc5&rsv_t=5e19yEsbV9N5fIvdlGRU
+ 关注
私信