首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
泽锐Masayel
掘友等级
前端工程师
|
阿里巴巴集团 盒马产品技术部
一只盒马前端
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
20
文章 20
沸点 0
赞
20
返回
|
搜索文章
赞
文章( 20 )
沸点( 0 )
「源码解析 」这一次彻底弄懂react-router路由原理
个人理解,单页面应用是使用一个html下,一次性加载js, css等资源,所有页面都在一个容器页面下,页面切换实质是组件的切换。 history 可以理解为react-router的核心,也是整个路由原理的核心,里面集成了popState,history.pushState等底…
react-router原理之幕后history
上一篇react-router原理之Link跳转中提到了Link在onClick的处理函数中会调用history的push(或replace)方法。接下来我们就以push方法为例来看一下history具体都做了些什么。Link中的history是通过context传入进来的,需…
react-router原理之路径匹配
本文的目的是讲清楚react-router如何根据浏览器中的url来渲染不同的组件的,至于url是如何改变的(Link组件)请参见下一篇react-router原理之Link跳转。 react-router提供了专门的路由匹配方法matchPath(位于packages/rea…
夜沉-如何打造流程可扩展、高生产力的前端研发平台
前端早早聊大会,前端成长的新起点,与掘金联合举办。 加微信 codingdreamer 进大会专属周边群,赢在新的起跑线。
[译] MobX 背后的基础原理
不久之前 Bertalan Miklos 写了一篇很好的博文,比较了 MobX 和基于 proxy 的 NX-framework。这篇博文不仅证明了 proxy 的可行性,更好之处在于其触及了 MobX 中一些非常基础但通常又被隐藏的概念。迄今为止我还尚未详细阐述过这些概念,所…
Web 帧动画解决方案 - APNG原理与实现
作为前端同学,或多或少都会接到动画需求。如果是有规律性的动画还是相对容易实现的,但如果是比较复杂的帧动画,我们用 CSS 实现的话,就非常容易造成如下情况,设计师是卖家秀,我们开发的是买家秀。 或许你会想到用 GIF 实现,但是 GIF 经常会有杂边,无法满足设计师对精致度的要…
Bpmn.js 中文文档(一)
一. 引入Bpmn.js并初始化建模器 进入到源文件Modeler.js,可以找到创建Modeler建模器的时候需的参数。 初始化完成之后,在控制台打印this.bpmnModeler,可以发现BpmnModeler类继承了多个基础类。 Bpmn.js提供的默认扩展包名称,可以…
如何利用 JavaScript 实现并发控制
在开发过程中,有时会遇到需要控制任务并发执行数量的需求。 例如一个爬虫程序,可以通过限制其并发任务数量来降低请求频率,从而避免由于请求过于频繁被封禁问题的发生。 接下来,本文介绍如何实现一个并发控制器。 上述示例代码利用 Promise.all 方法模拟6个任务并发执行的场景,…
JS性能优化 —— JS代码优化
性能工具可以辅助我们知道如何写代码是更高效的,其本质上就是采集大量的执行样本进行数学统计和分析。 填写详细的测试用例信息(title/ slug是短名称,会生成一个网址,因此不可与别人的重复。) 全局变量定义在全局执行上下文,是所有作用域链的顶端。每次查找的时候都从局部找到最顶…
JS性能优化策略
JS 是一门弱类型语言,拥有独特的原型链机制,在宿主中的拥有一套 DOM、BOM 操作接口,增加其性能控制的复杂性。JavaScript 主要应用场景依然围绕浏览器展开,所以,它在浏览器中的行为表现依然重要。本篇将从笔者的实践经验出发,分别从加载解析、语法优化、DOM 操作等各…
下一页
个人成就
文章被点赞
389
文章被阅读
31,396
掘力值
1,367
关注了
26
关注者
176
收藏集
0
关注标签
9
加入于
2020-04-12