首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端
订阅
Xuew
更多收藏集
微信扫码分享
微信
新浪微博
QQ
22篇文章 · 0订阅
Webpack 的 Chunk,想怎么分就怎么分
想必大家都用过 webpack,也或多或少了解它的原理,但是不知道大家有没有写过 Webpack 的插件呢? 今天我们就一起来写一个划分 Chunk 的 webpack 插件吧,写完后你会发现想怎么分
快速掌握 Performance 性能分析:一个真实的优化案例
Chrome Devtools 的 Performance 工具是性能分析和优化的利器,因为它可以记录每一段代码的耗时,进而分析出性能瓶颈,然后做针对性的优化。 这么强大的工具肯定是要好好掌握的,今天
10种跨域解决方案(附终极大招)
嗯。又来了,又说到跨域了,这是一个老生常谈的话题,以前我觉得这种基础文章没有什么好写的,会想着你去了解底层啊,不是很简单吗。但是最近在开发一个 「vscode 插件」 发现,当你刚入门一样东西的时候,你不会想这么多,因为你对他不熟悉,当你遇到不会的东西,你就是想先找到解决方案,…
Tapable,看这一篇就够了
「万字解析」详解 Tapable 核心工作机制,Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ,真正精通所谓工程化前端。
还在摸黑 TreeShaking 么?来试下 Chrome Devtools 的 Coverage 可视化
网页的性能优化我们会分为两部分来看:资源加载的性能优化、代码运行的性能优化。 代码运行的性能优化需要用 Performance 工具记录某段时间的代码运行情况,分析出 long task,定位到耗时高
webpack 十连问你能接住几题
前言 面试题只是一个引子,快速刷题就是背(面试官问你,但是他不一定很深入),想深入理解还是得花大量精力; webpack 的构建流程是什么 初始化参数:解析webpack配置参数,合并shell传入和
🔥【万字】透过分析 webpack 面试题,构建 webpack5.x 知识体系
1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ,解答不同深度的 Webpack 面试题问题 🤓
10个常见的前端手写功能,你全都会吗?
地基打的牢,才能永远立于不败之地。今天给大家带来的是10个常见的 JavaScript 手写功能,重要的地方已添加注释。大部分是自己写的,如有不正确的地方,欢迎多多指正。
前端进阶高薪必看-Webpack篇
webpack 是自动化打包解决方案,也可以理解为是一个模块打包机。它帮助我们分析项目结构,找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript 等),并将其打包为合适的格式以供浏览器使用。 Entry:入口,Webpack…
浏览器层合成与页面渲染优化
Web 页面性能是前端开发特别需要关注的重点,评判前端 Web 页面性能的指标有很多,页面的流畅度是其中的一种,如何让页面变得 “柔顺丝滑”,要讨论起来可就是个相当有料的话题了。之前开发移动端 H5 页面的时候,就遇到过一个有趣的性能问题 —— 某个卖场页面在 IOS 手机上出…