Lv.3
街角小林
更多个人资料
193
成长值
0
关注
2
粉丝
+ 关注
私信
个人介绍
一个普通的前端开发。
感兴趣或擅长的领域
编程语言
个人勋章
TA还没获得勋章~
成长雷达
170
3
0
0
20
个人资料
个人介绍
一个普通的前端开发。
感兴趣或擅长的领域
编程语言
达成规则
以上满足
项可达成此勋章
博客
关注
粉丝
论坛
全部时间
全部时间
最近三天
最近一周
最近一月
全部
暂无专栏分类
【译】一个超级小的编译器
本文是对the-super-tiny-compiler仓库的翻译,原文章(代码):https://github.com/jamiebuilds/the-super-tiny-compiler/blob/master/the-super-tiny-compiler.js今天我们一起动手写一个编译器,但不是我们平常所说的编译器,而是一个超级超级小的编译器,小到如果你把本文件的所有注释都删了,真正...
数据结构
街角小林
2022-10-28 21:38:18
844
0
0
2022-10-28 21:38:18
844
0
0
ES5的继承和ES6的继承有什么区别?让Babel来告诉你
如果以前问我ES5的继承和ES6的继承有什么区别,我一定会自信的说没有区别,不过是语法糖而已,充其量也就是写法有区别,但是现在我会假装思考一下,然后说虽然只是语法糖,但也是有点小区别的,那么具体有什么区别呢,不要走开,下文更精彩!本文会先回顾一下ES5的寄生组合式继承的实现,然后再看一下ES6的写法,最后根据Babel的编译结果来看一下到底有什么区别。 ES5:寄生组合式继承js有很多种继承...
babel
JavaScript
前端
街角小林
2022-10-28 21:37:36
2559
0
0
2022-10-28 21:37:36
999+
0
0
从一道算法题实现一个文本diff小工具
众所周知,很多社区都是有内容审核机制的,除了第一次发布,后续的修改也需要审核,最粗暴的方式当然是从头再看一遍,但是编辑肯定想弄死你,显然这样效率比较低,比如就改了一个错别字,再看几遍可能也看不出来,所以如果能知道每次都修改了些什么,就像git的diff一样,那就方便很多了,本文就来简单实现一个。 一道算法题想要知道两段文本有什么差异,我们可以先求出它们的公共内容,剩下的就是被删除或新增的。在...
数据结构
街角小林
2022-10-28 21:37:02
2967
0
0
2022-10-28 21:37:02
999+
0
0
一文搞懂jsBridge的运行机制
我司的APP是一个典型的混合开发APP,内嵌的都是前端页面,前端页面要做到和原生的效果相似,就避免不了调用一些原生的方法,jsBridge就是js和原生通信的桥梁,本文不讲概念性的东西,而是通过分析一下我司项目中的jsBridge源码,来从前端角度大概了解一下它是怎么实现的。 js调用方式先来看一下,js是怎么来调用某个原生方法的,首先初始化的时候会调用window.WebViewJavas...
JavaScript
前端
街角小林
2022-10-28 21:36:20
711
0
0
2022-10-28 21:36:20
711
0
0
如何手动解析vue单文件并预览?
开头笔者之前的文章里介绍过一个代码在线编辑预览工具的实现(传送门:快速搭建一个代码在线编辑预览工具),实现了css、html、js的编辑,但是对于demo场景来说,vue单文件也是一个比较好的代码组织方式,至少笔者就经常在写vue项目的同时顺便写写各种demo,但是分享不太方便,因为单文件不能直接运行看效果,基于此,笔者决定在之前的基础上再增加一个vue单文件的编辑及预览功能。ps.如果没...
CSS
Vue
街角小林
2022-10-28 21:35:46
2607
0
0
2022-10-28 21:35:46
999+
0
0
手把手教你实现在Monaco Editor中使用VSCode主题
背景笔者开源了一个小项目code-run,类似codepen的一个工具,其中代码编辑器使用的是微软的Monaco Editor,这个库是直接从VSCode的源码中生成的,只不过是做了一点修改让它支持在浏览器中运行,但是功能基本是和VSCode一样强大的,所以在笔者看来Monaco Editor等于VSCode的编辑器核心。另外笔者是一个颜控,不管做什么项目,都热衷于配套一些好看的皮肤、主题...
JavaScript
前端
街角小林
2022-10-28 21:35:16
871
0
0
2022-10-28 21:35:16
871
0
0
浅析组件库实现按需引入的几种方式
按需加载是所有组件库都会提供的一个基础能力,本文会分析ElementUI、Vant及varlet几个组件库的实现并进行相应实践,帮助你彻底搞懂其实现原理。 先搭个简单的组件库笔者从ElementUI里copy了两个组件:Alert和Tag,并将我们的组件库命名为XUI,当前目录结构如下:组件都放在packages目录下,每个组件都是一个单独的文件夹,最基本的结构是一个js文件和一个vue文件...
JavaScript
Vue
街角小林
2022-10-28 21:34:23
2279
0
0
2022-10-28 21:34:23
999+
0
0
揭开Vue异步组件的神秘面纱
简介在大型应用里,有些组件可能一开始并不显示,只有在特定条件下才会渲染,那么这种情况下该组件的资源其实不需要一开始就加载,完全可以在需要的时候再去请求,这也可以减少页面首次加载的资源体积,要在Vue中使用异步组件也很简单:// AsyncComponent.vue<template> <div>我是异步组件的内容</div></template><script>export defaul...
JavaScript
Vue
街角小林
2022-10-28 21:33:53
614
0
0
2022-10-28 21:33:53
614
0
0
Vue动态组件的实践与原理探究
我司有一个工作台搭建产品,允许通过拖拽小部件的方式来搭建一个工作台页面,平台内置了一些常用小部件,另外也允许自行开发小部件上传使用,本文会从实践的角度来介绍其实现原理。ps.本文项目使用Vue CLI创建,所用的Vue版本为2.6.11,webpack版本为4.46.0。 创建项目首先使用Vue CLI创建一个项目,在src目录下新建一个widgets目录用来存放小部件:一个小部件由一个Vu...
JavaScript
Vue
街角小林
2022-10-28 21:33:23
591
0
0
2022-10-28 21:33:23
591
0
0
从零打造一个Web地图引擎
说到地图,大家一定很熟悉,平时应该都使用过百度地图、高德地图、腾讯地图等,如果涉及到地图相关的开发需求,也有很多选择,比如前面的几个地图都会提供一套js API,此外也有一些开源地图框架可以使用,比如OpenLayers、Leaflet等。那么大家有没有想过这些地图是怎么渲染出来的呢,为什么根据一个经纬度就能显示对应的地图呢,不知道没关系,本文会带各位从零实现一个简单的地图引擎,来帮助大家了...
前端
图引擎服务 GES
街角小林
2022-10-28 21:32:53
1840
0
0
2022-10-28 21:32:53
999+
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
+ 关注
私信