首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Lovely
掘友等级
前端开发工程师
|
****
Go for it!
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
147
文章 147
沸点 0
赞
147
返回
|
搜索文章
赞
文章( 147 )
沸点( 0 )
面试官:webpack原理都不会?
前一段时间我把webpack源码大概读了一遍,webpack 到4.x版本后,其源码已经比较庞大,对各种开发场景进行了高度抽象,阅读成本也愈发昂贵。 过度分析源码对于大家并没有太大的帮助。本文主要是想通过分析webpack的构建流程以及实现一个简单的webpack来让大家对we…
图解 script 标签中的 async 和 defer 属性
浏览器在解析 HTML 的时候,如果遇到一个没有任何属性的 script 标签,就会暂停解析,先发送网络请求获取该 JS 脚本的代码内容,然后让 JS 引擎执行该代码,当代码执行完毕后恢复解析。整个过程如下图所示: 可以看到,script 阻塞了浏览器对 HTML 的解析,如果…
深入React合成事件机制原理
点击进入React源码调试仓库。 由于fiber机制的特点,生成一个fiber节点时,它对应的dom节点有可能还未挂载,onClick这样的事件处理函数作为fiber节点的prop,也就不能直接被绑定到真实的DOM节点上。 为此,React提供了一种“顶层注册,事件收集,统一触…
「react进阶」一文吃透react事件系统原理
一 前言 今天我们来一起探讨一下React事件原理,这篇文章,我尽量用通俗简洁的方式,把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会
32个手写JS,巩固你的JS基础(面试高频)
作为前端开发,JS是重中之重,最近结束了面试的高峰期,基本上offer也定下来了就等开奖,趁着这个时间总结下32个手写JS问题,这些都是高频面试题,希望对你能有所帮助。 当然也可以用include、filter,思路大同小异。 类数组是具有length属性,但不具有数组原型上的…
异步编程的终极解决方案 async/await:用同步的方式去写异步代码
本文介绍了异步编程的发展过程,通过详细解析 Generator 生成器和协程来帮助理解 async/await 内部的实现原理,希望能对你有所帮助。
react源码--任务调度系统
react是一个通用型开源前端框架,在前端各(hua)种(li)优(hu)秀(shao)的前端界面构建库中尤为出名。对此本着让开发时甩锅bug的理由更有说服力,做为新一代苦逼的打工仔我决定开启reac
【手写简易浏览器】html parser 篇
这是我参与更文挑战的第6天,活动详情查看: 更文挑战。 上篇文章介绍了整体的思路,这篇开始写 html parser。 思路分析 实现 html parser 主要分为词法分析和语法分析两步。 词法分
html文档解析为AST语法树
1. 状态机 如此循环往复解析完整个树。 2. 栈 解析到开始标签则压栈,解析到结束标签则弹栈。例如解析到<div>时压栈,解析到</div>时则弹栈;
轻松理解webpack热更新原理
一种是页面刷新,不保留页面状态,就是简单粗暴,直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换,只需要局部刷新页面上发生变化的模块,同时可以保留当前的页面状态,比如复选框的选中状态、输入框的输入等。…
下一页
个人成就
文章被点赞
49
文章被阅读
12,778
掘力值
526
关注了
13
关注者
10
收藏集
1
关注标签
27
加入于
2018-07-22