首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端优化 Tree
订阅
想吃肉的十三
更多收藏集
微信扫码分享
微信
新浪微博
QQ
40篇文章 · 0订阅
babel插件入门-AST(抽象语法树)
Babel 是一个 JavaScript 编译器,它能将es2015,react等低端浏览器无法识别的语言,进行编译。 上图的左边代码中有箭头函数,Babel将进行了源码转换,下面我们来看Babel的运行原理。 解析(parse),转换(transform),生成(genera…
Webpack自动化构建实践指南
由于现在的博客是使用wordpress搭建,自己得经常修改过一些代码,但是修改第三方源码真的比较痛苦,于是决定计划开始使用React + Node.js / Python开发新博客项目,最终替换当前博客代码,方便以后博客的维护和更新,也能实现自我开发技术,架构设计,解决问题能力…
浏览器页面资源加载过程与优化
当浏览器截获到一个页面请求后,将会按照顺序做如下图所示的4件事。 首先会将所有需要加载的资源进行分类。 然后根据浏览器相关的安全策略,来决定资源的加载权限。 接着对各个资源的加载优先级进行计算和排序。 最后一步,根据加载优先级顺序来加载资源。 chrome浏览器会将资源分为14…
AlloyTouch 实现下拉刷新
原文地址: https://github.com/AlloyTeam/AlloyTouch/wiki/Pull-to-refresh 效果展示 扫码体验 你也可以点击这里访问 Demo 可以点击这里查看代码 背景 在手机 QQ 内部,其实客户端提供了下拉刷新的能力,拖动整个 webview…
10行代码实现页面无限滚动
由于网页的执行都是单线程的,在JS执行的过程中,页面会呈现阻塞状态。因此,如果JS处理的数据量过大,过程复杂,可能会造成页面的卡顿。传统的数据展现都以分页的形式,但是分页的效果并不好,需要用户手动点击下一页,才能看到更多的内容。有很多网站使用无限分页的模式,即网页视窗到达内容底…
前端面试考点多?看这些文章就够了(2019年6月更新版)
金三银四跳槽季,offer快到碗里来,前端面试考点众多,而网上各个知识点的博客文章又太多,看的眼花缭乱……所以便整理了一下常见知识点的精华文章,每个知识点的文章控制在3篇以内,尽量覆盖该知识点的下容易被面试到的所有内容,文章都是之前自己读过的,确定是精华干货。文章会一直更新,也…
前端高性能滚动 scroll 及页面渲染优化
前端高性能滚动 scroll 及页面渲染优化
[译] 2018 前端性能优化清单 - 第 4 部分
下面是前端性能问题的概述,您可能需要考虑以确保您的响应时间是快速和平滑的。 使用 资源提示 来节约时间,如 dns-prefetch (在后台执行 DNS 查询),preconnect (告诉浏览器在后台进行连接握手(DNS, TCP, TLS)),prefetch (告诉浏览…
手把手教你撸一个 Webpack Loader
经常逛 webpack 官网的同学应该会很眼熟上面的图。正如它宣传的一样,webpack 能把左侧各种类型的文件(webpack 把它们叫作「模块」)统一打包为右边被通用浏览器支持的文件。webpack 就像是魔术师的帽子,放进去一条丝巾,变出来一只白鸽。那这个「魔术」的过程是…