首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端高级工程师底层原理必读清单
订阅
juanfu
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
用WebAssembly提升前端应用解压缩性能的尝试
3D形象展示项目的图片及模型等资源以压缩包的形式提供,需要下载并解压后再用Three.js加载并展示出来,其中的解压缩环节使用的是GitHub上获得5.6k Star的JS开源组件库JSZip。经过不断的优化,解压缩的性能已经有了较大提升,从几百毫秒降低到一百多甚至几十毫秒。 …
网站性能调优开发工具: Lighthouse, Puppeteer 以及进阶部分丨 Google 开发者大会 2018
这次 Google 开发者大会请来了 Lighthouse 的工程师 - Eric Bidelman ,分享如何简单地使用 Lighthouse, Puppeteer 来自动化我们日常的流程。它是一个开源的自动化工具,用于改进网络应用质量。您只需要提供网址,它就测试该页面,並生…
预测最近面试会考 Cookie 的 SameSite 属性
2 月份发布的 Chrome 80 版本中默认屏蔽了第三方的 Cookie,在灰度期间,就导致了阿里系的很多应用都产生了问题,为此还专门成立了小组,推动各 BU 进行改造,目前阿里系基本已经改造完成。所有的前端团队估计都收到过通知,也着实加深了一把大家对于 Cookie 的理解…
JavaScript中的this
前言 总括:详解JavaScript中的this的一篇总结,不懂this这个难点,很多时候会造成一些困扰,写出一些bug不知如何收场,所以一起来写bug吧,不对,一起来写代码吧。 原文地址:JavaScript中的this 知乎专栏: 前端进击者 博主博客地址:Damonare的…
如何准备20K+的大厂前端面试
3. Promise 4. 节流防抖 5. 路由 4. 高手的源码 (vuejs源码) 5. 高手点评 0. 根据package.json的npm run build逻辑找到vue执行的入口
前端性能优化 24 条建议(2020)
性能优化是把双刃剑,有好的一面也有坏的一面。好的一面就是能提升网站性能,坏的一面就是配置麻烦,或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景,需要谨慎使用,请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出,或者放在文末。 1. …
面试官:说说作用域和闭包吧
虽然 javascript 被认为是一门解释型语言/动态语言,但是它其实是一种编译型的语言。一般来说,需要运行一段 javascript 代码,有两个必不可少的东西:JS 引擎 和 编译器。前者类似于总管的角色,负责整个程序运行时所需的各种资源的调度;后者只是前者的一部分,负责…
我从来不理解JavaScript闭包,直到有人这样向我解释它
大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。 正如标题所述,JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章,在工作使用过闭包,有时甚至在项目中使用闭包,但我确实是这是在使用闭包的知识。 最近看到的一些文章,终于,有人用于一种让我明白方式对…
你真的了解回流和重绘吗
本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘,如果大家想直接看如何减少回流和重绘,优化性能,可以跳到后面。(这个渲染过程来自MDN) Display:将像素发送给GPU,展示在页面上。(这一步其实还有很多内容,比如会在GPU将多个合成层合并为同一个层,并展示在页面中。而…
浏览器渲染详细过程:重绘、重排和 composite 只是冰山一角
从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程,完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。