首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
angelayun
掘友等级
前端开发工程师
just do it
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
798
文章 766
沸点 32
赞
798
返回
|
搜索文章
angelayun
赞了这篇文章
菠萝的蜜
FE
·
2年前
关注
Webpack 中的 module、chunk、bundle 究竟是什么?
如题,在研究 Webpack 时,这个问题也曾经困扰了我很久。 到目前为止,在我看来,这些术语可以这样理解: module:不同文件类型的模块。Webpack 就是用来对模...
6
评论
分享
angelayun
赞了这篇文章
菠萝的蜜
FE
·
2年前
关注
Webpack5 系列(五):Tree Shaking
一、前言 上一篇讲到对JS语法的处理,本篇将介绍 Tree Shaking 。 我们经常会在主文件或者组件文件中引入其他模块中的代码,但实际上我们只用其中的一部分,剩下的代...
28
10
分享
angelayun
赞了这篇文章
西西贝贝Xx
前端 @阿里巴巴、哔哩哔哩
·
2年前
关注
Promise的then的第二个参数和catch的区别
Promise的then的第二个参数和catch的区别,catch要好于then第二个参数写法,因为catch可以捕获前面then方法执行中的错误,也更接近同步的写法(tr...
11
2
分享
angelayun
赞了这篇文章
浮游本尊
前端开发
·
2天前
关注
5个常见的前端手写功能:New、call apply bind、防抖和节流、instanceof、ajax
实现New 首先创建一个新的空对象 设置原型,将对象的原型设置为函数的prototype对象 让函数的this指向这个对象,执行构造函数的代码 判断函数的返回值类型,如果是...
2
评论
分享
angelayun
赞了这篇文章
西西贝贝Xx
前端 @阿里巴巴、哔哩哔哩
·
1年前
关注
浅谈一下在阿里工作的前端性能优化的全链路经验
在阿里做性能优化也有一段时间了,那就总结一下前端常见的优化内容吧 首先作为一个前端工程师,要明白性能优化的重要性以及必要性,基本都涵盖了从开发、打包构建、以及前端工程化模块...
174
33
分享
angelayun
赞了这篇文章
西西贝贝Xx
前端 @阿里巴巴、哔哩哔哩
·
2年前
关注
ES新特性双问号操作符 ?? 与可选链?.操作符
?? 在 value1 和 value2 之间,只有当 value1 为 null 或者 undefined 时取 value2 ,否则取 value1...
1
1
分享
angelayun
赞了这篇文章
lzg9527
前端开发工程师 | 广州
·
3年前
关注
webpack的异步加载原理及分包策略
webpack ensure 有人称它为异步加载,也有人称为代码切割,他其实就是将 js 模块给独立导出一个.js 文件,然后使用这个模块的时候,再创建一个 script ...
104
8
分享
angelayun
赞了这篇文章
Emma_
1年前
关注
Webpack 5 实践:你不知道的 Tree Shaking
本篇文章从 什么是 Tree Shaking、如何使用 Tree Shaking、Tree Shaking 的原理:usedExports 和 sideEffects 以及...
37
4
分享
angelayun
赞了这篇文章
小子王
前端 @广州
·
2年前
关注
懒加载原理及手写实现
面试官:懒加载原理是什么,如何实现?? 懒加载(延迟加载) 是一种仅在需要资源时才加载它们的策略。 原理:当用户滚动页面时,判断元素是否处于可视区域,而可视区域外的元素资源...
16
评论
分享
angelayun
赞了这篇文章
猪头切图仔
11月前
关注
三种虚拟列表原理与实现
在前端工作中免不了接触到虚拟列表,本文通过简单易懂的图和代码手把手教大家实现三种虚拟列表。看完本文,相信各位随手就能撸出一个虚拟列表!...
364
102
分享
angelayun
赞了这篇文章
前端西瓜哥
@公众号:前端西瓜哥
·
1年前
关注
长列表优化:用 React 实现虚拟列表
携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第14天,点击查看活动详情 大家好,我是前端西瓜哥。这次我们来看看虚拟列表是什么玩意,并用 React ...
83
11
分享
angelayun
赞了这篇文章
芒果炒香菜
2年前
关注
浏览器渲染机制、重绘、重排
关于CSS重排和重绘的概念,最近看到不少这方面的文章,觉得挺有用,在制作中考虑浏览器的性能,减少重排能够节省浏览器对其子元素及父类元素的重新渲染;避免过分的重绘也能节省浏览...
28
评论
分享
angelayun
赞了这篇文章
Tozlam
1年前
关注
请说下前端性能优化有哪些方式?
前端性能优化可以分成两部分来讲 加载性能优化 渲染性能优化 加载性能优化 本质: 减少请求次数; 减少请求资源的大小; 网络优化; 减少请求次数 减少资源大小 网络优化 路...
1
评论
分享
angelayun
赞了这篇文章
乍见
前端开发
·
4年前
关注
【转】哪些情况下会导致重排或重绘的发生?请给出性能优化的建议。
浏览器下载完页面中的所有组件(HTML、JavaScript、CSS、图片)之后会解析生成两个内部数据结构(DOM树和渲染树),DOM树表示页面结构,渲染树表示DOM节点如...
1
1
分享
angelayun
赞了这篇文章
郑鱼咚
前端工程师 @一家大厂
·
1年前
关注
关于前端低代码的一些个人观点
2022,低代码彻底火了,甚至火到没有点相关经验,都不好意思出去面试的程度,堪称lowcode“元年”。在整个互联网大裁员的背景下,无论你是否相信它是降本提效的利器,都不重...
719
315
分享
angelayun
赞了这篇文章
程序员晚天
前端开发专家 @某大厂
·
11月前
关注
重新理解 JavaScript 发布订阅模式
JavaScript 发布订阅模式(Publish/Subscribe Pattern)是一种常用的设计模式。在发布订阅模式中,事件的发生者(发布者)不需要直接调用事件的处...
7
1
分享
angelayun
赞了这篇文章
xiaoxiaobaibai
4年前
关注
JavaScript 发布-订阅模式
发布-订阅模式,看似陌生,其实不然。工作中经常会用到,例如 Node.js EventEmitter 中的 on 和 emit 方法;Vue 中的 $on 和 $emit ...
206
17
分享
angelayun
赞了这篇文章
Moment
学生
·
8月前
关注
京东一面:浏览器跨标签页通信的方式都有什么?🧐🧐🧐
还是这家公司问的问题,首先问的是浏览器跨标签也通信的方式有什么,我答完浏览器通信通信的方式,后面就接着问 JavaScript 有什么方式的了。 浏览器通信方式 每个浏览器...
283
35
分享
angelayun
赞了这篇文章
灵扁扁
一线开发
·
2年前
关注
js脚本一定会阻塞浏览器渲染文档吗?script标签的async和defer属性
js脚本一定会阻塞浏览器渲染文档吗?script标签的async和defer属性。浏览器解析文档时,默认是按照排列顺序向下解析的,当遇到script标签时,和其他标签元素一...
109
2
分享
angelayun
赞了这篇文章
爱划水de鲸鱼哥
前台端菜工程师 @某神仙单位
·
1年前
关注
npm i 和npm ci 到底有什么区别?
本文已参与「新人创作礼」活动,一起开启掘金创作之路 npm 是 Node 自带的软件包管理工具,以往我们在多人协同开发过程中经常使用 npm i 来安装/更新项目依赖,但在...
2
评论
分享
下一页
个人成就
文章被点赞
6
文章被阅读
1,849
掘力值
58
关注了
410
关注者
56
收藏集
35
关注标签
51
加入于
2017-05-21