- 博客(5)
- 收藏
- 关注
翻译 【译】深入了解现代web浏览器(三)渲染进程内部工作
渲染进程的内部工作 这是我们了解浏览器如何工作4篇博客的第3篇。之前,我们介绍了 多进程架构 和 导航流程。在本文中,我们将研究渲染进程内部发生了什么。 渲染器进程涉及web优化的许多方面。由于渲染进程内部发生了很多事情,因此本文只是概述。如果你想更加深入,“web基础知识的性能优化部分”有更多的资源。 渲染进程处理web内容 渲染进程负责处理tab选项卡内发生的所有事情。在一个渲染进程中,主进程处理你发送给用户的大多数代码。如果有时候你使用web worker 或者 service worker,你的部
2021-04-23 16:27:25
207
原创 浏览器的重排和重绘
参考文章:https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/ 浏览器的高层结构 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6oKA8Wm4-1614155685460)(https://cdn.nlark.com/yuque/0/2021/png/164495/1614094080989-341c3ee0-ed60-4cae-bd39-7e6d370890a5.png#align=lef.
2021-02-24 16:37:52
288
原创 2020总结 - 我的这一年
最近工作不仅有Q4总结,还有年终总结,再加上年终述职,各种总结,各种PPT搞的人心烦意乱。那些总结都是偏向于理性的总结,而我终究是个感性的人,所以想以自己真实的想法去回顾一下这一年。 工作 业务项目 疫情的关系,在家办公了1个月,每天被各种钉钉语音、视频拉着开各种会议,要写日报周报,每天晚上项目经理还要再开负责人会议,一开就是好几个小时,真的我可能是一个天生不喜欢开会的人,尤其是那些低效率的会议,讨论的东西让我觉得毫无意义,我们都在顺应着管理者的爱好。最讨厌的是一帮开会的人里面,除了我还在一线写代码,产品经
2021-01-29 18:12:42
159
原创 taro-designer可视化拖拽技术点整理
突然间可视化拖拽的风好像在前端的各个角落吹起,自己也鼓捣了一下,代码基本开发完毕,做一下整理。 github项目地址:taro-designer 在线体验地址:taro-desiger 主要涉及技术点如下: 背景 技术栈 拖拽 包装组件 数据结构 编辑器 单个组件操作 生成taro的源码 预览和下载源码 背景 公司有一部分业务是做互动的开发,比如签到、礼品兑换等。由于互动的业务需要快速迭代,并且需要支持H5、微信小程序、以及淘宝小程序,因此前端采用了taro作为基础框
2021-01-18 15:38:59
879
1
原创 react-dnd嵌套使用
不做具体react-dnd的api讲解,如有需要请查看官网文档,描述很清晰。 react-dnd-官网 本文demo展示地址 react-dnd-nested 需求背景 左侧是物料区,各个可以拖拽的小组件 右侧为编辑区,可以将组件拖进去组成页面 右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序 技术栈 react、react-dom、mobx、mobx-react、react-dnd 实现逻辑 数据结构设计 属性 类型 说明 id Number 组件id(根据规则自动生成) ty
2021-01-15 11:45:12
1146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人