写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践

2021-07-14
阅读 13 分钟
13.2k
笔者近半年一直在参与项目重构,在重构过程中大量应用性能优化和设计模式两方面的知识。性能优化和设计模式两方面的知识不管在工作还是面试时都是高频应用场景,趁着这次参与大规模项目重构的机会,笔者认真梳理出一些常规且必用的性能优化建议,同时结合日常开发经验整理出笔者在网易四年来实践到的认为有用的所有性能...
封面图

中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践

2021-03-02
阅读 14 分钟
7.2k
不知不觉在网易已有三年半,占了一半时间都在与移动端打交道,整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在,不是说它多难而是说它坑位实在太多了,怎样填都填不完。Android和iOS各显神通,Android的系统版本和屏幕分辨率多得难以一招兼容,iOS的顽固标准和未知特性多得难以快速掌握。
封面图

一键格式化代码带来的快感-你还在为每个项目配置Stylelint和Eslint吗

2021-02-25
阅读 14 分钟
6.7k
大部分前端项目都配置Stylelint、Eslint、Tslint和Prettier四大前端代码校验工具。代码校验工具以下简称Lint,为了解决代码不严谨,通过预设规则校验代码,检测其是否存在错误/漏洞,并对错误/漏洞提示修复方案并尽可能依据修复方案格式化出正确代码。该功能称为格式化代码,基本上所有编辑器都需配置该功能。
封面图

8个硬核技巧带你迅速提升CSS技术 | 掘金直播总结

2021-02-24
阅读 33 分钟
4.5k
9月底发布的玩转CSS的艺术之美,首日预售就达到709本,预售仅三日就破1000本。这也让笔者感到惊讶,没想到CSS技术还是那么受倔友们的欢迎,让笔者觉得熬夜半年写这本小册还是值得的,毕竟能将自己的学习心路分享出去,让更多同学学到更多东西,也是一件值得开心的事情。
封面图

纯CSS免费让网站拥有暗黑模式切换功能

2021-02-22
阅读 8 分钟
5.7k
暗黑模式这个概念最早起源于MacOS系统的Mojave,提供浅色主题和深色主题两种皮肤供用户选择,深色主题就是我们常说的暗黑模式。为了眼睛健康,笔者在手机、平板和电脑上都选择了暗黑模式。
封面图

嗯,手搓一个TinyPng压缩图片的WebpackPlugin也SoEasy啦

2020-08-10
阅读 17 分钟
9.9k
曾经发表过一篇性能优化的文章《前端性能优化指南》,笔者总结了一些在项目开发过程中使用过的性能优化经验。说句真话,性能优化可能在面试过程中会有用,实际在项目开发过程中可能没几个同学会注意这些性能优化的细节。
封面图

聊聊NPM镜像那些险象环生的坑

2020-06-09
阅读 7 分钟
6.3k
由于国内网络环境的原因,在执行npm i安装项目依赖过程中,肯定会遇上安装过慢或安装失败的情况。有经验的同学通常会在安装完Node时顺便把NPM镜像设置成国内的淘宝镜像。
封面图

一杯喜茶的时间手搓Promise

2020-04-08
阅读 8 分钟
3.5k
我们都知道,JS是单线程的,只有前一个任务结束,才能执行下一个任务。显然在浏览器上,这样执行会堵塞浏览器对DOM的渲染。所以,JS中会有很多异步操作,那JS是如何实现异步操作呢?这就要想到Promise对象了,文本先来认识Promise,再手写代码实现Promise。
封面图

接近完美地判断JS数据类型,可行吗

2020-04-01
阅读 5 分钟
5.4k
JS的变量与其他语言的变量有很大区别,因为其变量松散的本质,决定了变量只是在特定时间内用于保存特定值的一个名字而已,变量的值及其数据类型可在声明周期内改变。
封面图

来自原形与原型链的拷问

2020-03-31
阅读 5 分钟
7.9k
在JS中,我们经常会遇到原型。字面上的意思会让我们认为,是某个对象的原型,可用来继承。但是其实这样的理解是片面的,下面通过本文来了解原型与原型链的细节,再顺便谈谈继承的几种方式。
封面图

妙用CSS变量,让你的CSS变得更心动

2020-03-09
阅读 10 分钟
3.7k
CSS变量又叫CSS自定义属性,为什么会突然提起这个很少人用到的东西呢?因为最近在重构个人官网,不知道为什么突然喜欢用上CSS变量,可能其自身隐藏的魅力,让笔者对它刮目相看。
封面图

25个你不得不知道的数组reduce高级用法

2020-02-13
阅读 9 分钟
16.5k
距离上一篇技术文章《1.5万字概括ES6全部特性》发布到现在,已经有整整4个月没有输出过一篇技术文章了。哈哈,不是不想写,而是实在太忙,这段时间每天不是上班就是加班,完全没有自己的时间。这篇文章也是抽空之余完成,希望大家喜欢,谢谢大家继续支持我。
封面图

灵活运用PS切图技巧

2019-11-07
阅读 5 分钟
8k
作者:JowayYoung仓库:Github、CodePen博客:官网、掘金、思否、知乎公众号:IQ前端特别声明:原创不易,未经授权不得转载或抄袭,如需转载可联系笔者授权系列灵活运用CSS开发技巧 请戳这里,持续更新灵活运用JS开发技巧 请戳这里,持续更新灵活运用PS切图技巧 请戳这里,持续更新前言话说,以前的前端工程师在入行时都...
封面图

灵活运用CSS开发技巧

2019-11-04
阅读 12 分钟
7.8k
作者:JowayYoung仓库:Github、CodePen博客:官网、掘金、思否、知乎公众号:IQ前端特别声明:原创不易,未经授权不得转载或抄袭,如需转载可联系笔者授权系列灵活运用CSS开发技巧 请戳这里,持续更新灵活运用JS开发技巧 请戳这里,持续更新灵活运用PS切图技巧 请戳这里,持续更新前言何为技巧,意指表现在文学、工艺、...
封面图

前端性能优化指南

2019-10-31
阅读 5 分钟
13.8k
发现总结性的小干货可以为大家提升更好的开发技巧和编码思维,对代码量产化提供更扎实的质量和支持。这次我们来聊聊大家可能都比较关心的话题:性能优化。
封面图

Cmder&iTerm美化你的终端

2019-10-28
阅读 2 分钟
7.1k
在npm的日益壮大下,开发项目时我们无法离开终端,但是如果你作为一名具备美感的前端,可能会吐槽为什么系统自带的终端会那么丑。下面贴上Windows和MacOS自带的终端界面。
封面图

H5与App的通讯方式

2019-10-24
阅读 3 分钟
7.8k
现在不管是桌面客户端还是移动客户端,都会夹杂着一部分H5页面,这种混合式的应用也是我们常说的Hybrid App。为什么会出现Hybrid App呢,早期是因为开发一个Android或iOS的客户端,需要的人力成本比较大,开发周期比较长,后来有些团队就通过将部分页面拆分出来,由前端来完成,再通过在客户端里的Webview来展示。
封面图

灵活运用JS开发技巧

2019-10-21
阅读 10 分钟
10.7k
作者:JowayYoung仓库:Github、CodePen博客:官网、掘金、思否、知乎公众号:IQ前端特别声明:原创不易,未经授权不得转载或抄袭,如需转载可联系笔者授权系列灵活运用CSS开发技巧 请戳这里,持续更新灵活运用JS开发技巧 请戳这里,持续更新灵活运用PS切图技巧 请戳这里,持续更新前言何为技巧,意指表现在文学、工艺、...
封面图

详细判断浏览器运行环境

2019-10-17
阅读 7 分钟
15.9k
看到标题,大家就能想起这个需求在很多项目上都能用到。我们部署在Web服务器上的前端应用,既可以用PC浏览器访问,也可以用手机浏览器访问,再加上现在智能设备的推广,我们甚至能在车载系统、穿戴设备和电视平台上访问。
封面图

1.5万字概括ES6全部特性(已更新ES2020)

2019-10-14
阅读 25 分钟
17.7k
第三次阅读阮一峰老师的《ES6标准入门》了,以前阅读时不细心,很多地方都是一目十行。最近这次阅读都是逐个逐个字来读,发现很多以前都没有注意到的知识点,为了方便记忆和预览全部ES6特性,所以写下本文。
封面图