实践总结
文章平均质量分 87
yan2028
这个作者很懒,什么都没留下…
展开
-
【译】深入了解现代web浏览器(三)渲染进程内部工作
渲染进程的内部工作这是我们了解浏览器如何工作4篇博客的第3篇。之前,我们介绍了 多进程架构 和 导航流程。在本文中,我们将研究渲染进程内部发生了什么。渲染器进程涉及web优化的许多方面。由于渲染进程内部发生了很多事情,因此本文只是概述。如果你想更加深入,“web基础知识的性能优化部分”有更多的资源。渲染进程处理web内容渲染进程负责处理tab选项卡内发生的所有事情。在一个渲染进程中,主进程处理你发送给用户的大多数代码。如果有时候你使用web worker 或者 service worker,你的部翻译 2021-04-23 16:27:25 · 214 阅读 · 0 评论 -
浏览器的重排和重绘
参考文章: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 · 298 阅读 · 0 评论 -
taro-designer可视化拖拽技术点整理
突然间可视化拖拽的风好像在前端的各个角落吹起,自己也鼓捣了一下,代码基本开发完毕,做一下整理。github项目地址:taro-designer在线体验地址:taro-desiger主要涉及技术点如下:背景技术栈拖拽包装组件数据结构编辑器单个组件操作生成taro的源码预览和下载源码背景公司有一部分业务是做互动的开发,比如签到、礼品兑换等。由于互动的业务需要快速迭代,并且需要支持H5、微信小程序、以及淘宝小程序,因此前端采用了taro作为基础框原创 2021-01-18 15:38:59 · 885 阅读 · 1 评论 -
react-dnd嵌套使用
不做具体react-dnd的api讲解,如有需要请查看官网文档,描述很清晰。react-dnd-官网本文demo展示地址react-dnd-nested需求背景左侧是物料区,各个可以拖拽的小组件右侧为编辑区,可以将组件拖进去组成页面右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序技术栈react、react-dom、mobx、mobx-react、react-dnd实现逻辑数据结构设计属性类型说明idNumber组件id(根据规则自动生成)ty原创 2021-01-15 11:45:12 · 1166 阅读 · 0 评论