首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
晦涩难懂
掘友等级
前端
|
未设置
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
49
文章 43
沸点 6
赞
49
返回
|
搜索文章
赞
文章( 43 )
沸点( 6 )
基于 Flutter 的 Web 渲染引擎「北海」正式开源
阿里巴巴历时 3 年自研开发的 Web 渲染引擎 北海(英文名:Kraken)正式开源,致力打造易扩展,跨平台,高性能的渲染引擎,并已在优酷、大麦、天猫等业务场景中使用。 官网:https://ope
走进React Fiber的世界
Fiber 是对 React 核心算法的重构,facebook 团队使用两年多的时间去重构 React 的核心算法,在React16 以上的版本中引入了 Fiber 架构,其中的设计思想是非常值得我们学习的。 我们知道,在浏览器中,页面是一帧一帧绘制出来的,渲染的帧率与设备的刷…
nginx实现本地调试微信公众号线上配置域名
场景: 公司公众号线上域名后端大佬已经配置好了,前端使用的是vue框架并引入微信-js-sdk,域名已经确定的情况下,想要调试微信的功能就得发布到线上,然后在微信开发者工具上打开上线地址。这对于菜鸟的我,就有点难受了啊,毕竟试错试开发(手动狗头),打个断点,提交一下代码,con…
深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调(动图演示)
resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你,如果你不知道这些,那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame,你可能在做一些需求的时候想到了 requestIdleCallback,但是你不知道…
还在为网页渲染性能优化而苦恼吗?
博客 有更多精品文章哟。 在讨论性能优化之前,我们有必要了解一些浏览器的渲染原理。不同的浏览器进行渲染有着不同的实现方式,但是大体流程都是差不多的,我们通过 Chrome 浏览器来大致了解一下这个渲染流程。 处理 HTML 并构建 DOM Tree。 处理 CSS 并构建 CS…
浏览器播放rtsp视频流解决方案
最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究。而浏览器不能直接播放,只有通过插件或者转码来实现这个需求。 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一些开源的方案。这里的方案都是我尝试过了的,有些成功,有些没成功。但是因为每个项…
H5唤起APP指南(附开源唤端库)
前一段时间在做一些H5页面,需求中落地页占比较大,落地页承担的职责就是引流。引流有两种形式,同时也是我们对唤端的定义:引导已下载用户打开APP,引导未下载用户下载APP。 引导已下载用户打开APP,从数据上说用户停留在APP中的时间更多了,是在提高用户粘性;从体验上说,APP体…
Tree-Shaking性能优化实践 - 原理篇
一. 什么是Tree-shaking 上图形象的解释了Tree-shaking 的本意,本文所说的前端中的tree-shaking可以理解为通过工具"摇"我们的JS文件,将其中用不到的代码"摇"掉,是一个性能优化的范畴。具体来说,在 webpack 项目中,有一个入口文件,相当…
你的Tree-Shaking并没什么卵用
Tree-Shaking这个名词,很多前端coder已经耳熟能详了,它代表的大意就是删除没用到的代码。这样的功能对于构建大型应用时是非常好的,因为日常开发经常需要引用各种库。但大多时候仅仅使用了这些库的某些部分,并非需要全部,此时Tree-Shaking如果能帮助我们删除掉没有…
Webpack Tree shaking 深入探究
App往往有一个入口文件,相当于一棵树的主干,入口文件有很多依赖的模块,相当于树枝。实际情况中,虽然依赖了某个模块,但其实只使用其中的某些功能。通过Tree shaking,将没有使用的模块摇掉,这样来达到删除无用代码的目的。 关于Tree shaking的原理,在Tree S…
下一页
个人成就
文章被点赞
53
文章被阅读
13,818
掘力值
292
关注了
17
关注者
12
收藏集
14
关注标签
12
加入于
2017-11-28