小杰在掘金

之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…

简单粗暴，就是监听DOM树的变动。 首先明确：MutationEvents在MDN中也写到了，是被DOM Event承认在API上有缺陷，反对使用。 甭记，这么多事件，各内核各版本浏览器想兼容怕是要天荒地老。 （1）事件多，可见的，监听多项就绑定多项。 （2）只要是绑定事件，离…

LNAsyncKit是一个异步渲染工具，它提供了便捷的方法帮助你将多个元素（Element）异步渲染到一张图片上，让这个过程代替UIKit的视图构建过程，进而优化App性能；Prender提供预加载策略帮助你在Feed流中弥补异步渲染带来的延时；除构建视图外，Transacti…

沉淀了数月，FlutterGo 终于迎来了第二次迭代更新！不仅新增个人中心的概念，还提供了第三方共建工具、并且，我们还完成了 FlutterGo web 版的开发。而这些~都在我们FlutterGo官网可见!!! Flutter 依旧在不断地更新，但仅凭我们几个 Flutter…

项目部署作为网页开发中必不可少的一环，每一名合格的前端开发都应当有所了解，而不是不闻不问。不可否认的是，初次经历整个部署流程会遇到不少曲折，但这些难得的经验对于我们理解从在浏览器输入网址，出现网页内容，再到与之交互的整个流程甚至细节都有着不可或缺甚至无法替代的作用。在这个弱肉强…

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。本文主要讲述Flutter整个渲染流程，重点…

之前项目中用到了 3D 模型演示的问题，整理了一下之前学习总结以及遇到的坑。3D 框架有老牌引擎 Three.js 和微软的 Babylon.js 3个基础概念：场景（scene）、相机（camera）和渲染器（renderer）。 相机 camera 的作用是定义可视域，相当…

npm 作为一种包管理工具，无论你是泛前端还是大前端都已经离不开它。它的出现方便了万千少年。让我们跨过了 Ctrl+C、Ctrl+V ，通过 npm install x 的方式将别人的优秀代码模块引入到自己的项目中。这些优秀的模块能被共享的原因，一方面是有 npm 这么一个包管…

在苹果上运行rn项目是需要cocoapod管理依赖的，官网有介绍，不然在你初始化的时候就会有提示说cocoapod安装依赖失败。然而这个cocoapod是很难安装的如果你没有科学上网的工具。如果有人遇到这个cocoapod 死活安装失败的情况，可以去找一下科学上网的工具，例如蓝…