凯特林 凯特林
3年前
React - Fiber原理
浏览器渲染屏幕刷新率(FPS)浏览器的正常绘制频率是60次/秒,小于这个值时,用户会感觉到卡顿绘制一次的称为一帧,平均每帧16.6ms帧每个帧的开头包括样式计算、布局和绘制js的执行是单线程,js引擎和页面渲染引擎都占用主线程,GUI渲染和Javascript执行两者是互斥的如果某个js任务执行时间过长,浏览器会推迟渲染,每
Symbol卢 Symbol卢
3年前
js垃圾回收机制原理给你聊的明明白白
前言大多数语言都是提供自动内存管理机制,比如C、Java,JavaScript。自动内存管理机制也就是我们经常听到的垃圾回收机制。好神奇哦,语言会收垃圾,哈哈😄,不过这里的垃圾,可不是家里面的厨余垃圾啥的,而是一些不再使用的变量所占用的内存。我们的js的执行环境会自动对这些垃圾进行回收,也就是释放那些不再使用的变量所占用的内存,收垃圾的过程会按照固定的
Jacquelyn38 Jacquelyn38
3年前
一分钟入门 Babel(下一代 JavaScript 语法的编译器)
简单来说把JavaScript中es2015/2016/2017/2046的新语法转化为es5,让低端运行环境(如浏览器和node)能够认识并执行。严格来说,babel也可以转化为更低的规范。但以目前情况来说,es5规范已经足以覆盖绝大部分浏览器,因此常规来说转到es5是一个安全且流行的做法。ES6转ES5(第一种)初始化项目npm 
徐小夕 徐小夕
4年前
如何使用css3实现一个类在线直播的队列动画
之前在群里有个朋友问了这样一个问题,就是如何在小程序中实现类似直播平台的用户上线时的队列动画?作为一名前端工程师,解决方案无非以下2种:1.使用javascript根据条件来控制元素的样式实现队列动画2.用纯css3配合数据驱动模型来实现.大家都知道在现代的Web开发中,我们能使用Css实现的效果尽量不要用Js,所以我们应该优先考虑用C
Wesley13 Wesley13
3年前
H5实现APP和原生方式有多大差距,多少坑?JS才是王道!
纯H5的APP,虽然开发起来要比纯原生开发畅快的多,但最终效果和性能还是和原生比起来还是有很多问题,主要聚集在以下几个方面:1、动画动画有很多种,比如侧边栏菜单的滑入滑出、元素的响应动画、页面切换之间的过场等等,在H5之下的众多实现方法都没有办法达到纯原生的性能。一般有这几种不同的选择:css3动画,javascript动画,原生动画。cs
Wesley13 Wesley13
3年前
ES6知识点补充
前言ECMAScript6.0(简称ES6),作为下一代JavaScript的语言标准正式发布于2015年6月,至今已经发布3年多了,但是因为蕴含的语法之广,完全消化需要一定的时间,这里我总结了部分ES6,以及ES6以后新语法的知识点,使用场景,希望对各位有所帮助本文讲着重是对ES6语法特性的补充,不会讲解一些API层面的语法,更多的是发
Wesley13 Wesley13
3年前
Java,JavaScript和ABAP通过代码取得当前代码的调用栈Callstack
JavaStackTraceElementstackThread.currentThread().getStackTrace();System.out.println("Callstacktest");for(inti0;i<stack.length;i
Wesley13 Wesley13
3年前
JS的事件冒泡和事件捕获
什么是事件?事件是文档和浏览器窗口中发生的特定的交互瞬间。事件是javascript应用跳动的心脏,也是把所有东西黏在一起的胶水,当我们与浏览器中web页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击,鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是web浏览器中发生的事情,比如说某
Easter79 Easter79
3年前
TypeScript 之父:”开源是赢得 JavaScript 开发人员的唯一途径“
!(https://oscimg.oschina.net/oscnet/8df5a9e949fd469891feb541144b0bab.png"AndersHejlsberg")作者:LiamTung编译:王治治丨发布自:思否编辑部原文链接:https://www.zdnet.com/article/types
Stella981 Stella981
3年前
Facebook 将对 React 的优化实现到了浏览器!
点上方蓝字关注公众号「前端从进阶到入院」精选原创好文、进阶交流群助你进入大厂本文转载自公众号「code秘密花园」想要提高一个网页的加载速度是非常困难的,如果你的网站是在使用JavaScript渲染的内容,你必须要在网页的加载速度和网页的输入响应能力之间作出权衡:一次性执行首屏需要执行的逻辑(负载性能好,输入响应能力差)