前端开发博客

• 2019年存档

• 2020年总结记录

• 2021年总结记录

最新推文

• 2025年提升效率的 17 个前端工具推荐
• 阿里内部首发2025前端开发手册，完整版开放下载了！
• DeepSeek-R1：国产AI神器，免费好用，60秒建站/游戏！
• 前端开发效率翻倍？5个ChatGPT实用技巧助你轻松搞定！
• 11个强大的免费AI工具，无需注册！
• 一天面了6个前端开发，全是菜鸡！
• 10 个实用的CSS技巧！
• 2024 年的 CSS 革命：您需要了解的 7 个改变游戏规则的功能
• 20 个实用的 JavaScript 自动化脚本，提升浏览器效率，解放你的时间！
• 再有人问Promise，我就用这 9 个高级用法闪瞎他的眼！

微信群

备注 Github 拉你进前端开发分享群，每日更新

前端日报

• ❗ Opened issue #1 in kujian/cnas
• ❗ Opened issue #1769 in kujian/frontendDaily
• ❗ Opened issue #2911 in kujian/githubTrending
• ❗ Opened issue #1767 in kujian/frontendDaily
• ❗ Opened issue #2910 in kujian/githubTrending

每日会挑选一些比较有用的文章发在公众号上，欢迎关注我。 我的微信公众号：前端开发博客，在后台回复以下关键字可以获取资源。

• 回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF

• 回复「Vue脑图」获取 Vue 相关脑图

• 回复「思维图」获取 JavaScript 相关思维图

• 回复「简历」获取简历制作建议

• 回复「简历模板」获取精选的简历模板

• 回复「加群」进入500人前端精英群

• 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。

• 回复「知识点」下载高清JavaScript知识点图谱

#面试

• 2021年前端各大公司都考了那些手写题(附带代码)

• 切图仔面试宝典

• 牛客最新前端JS笔试百题

• 《2w字大章 38道面试题》彻底理清JS中this指向问题

• 阿里社招两年前端面经

• 前端面经 - 看这篇就够了（笔者靠这个拿到阿里和字节的offer）

• leetcode 最常见的 150 道前端面试题（简单题上）

• 170+道钉钉前端扫盲知识点

• 2021年7月 虾皮、OPPO、富途等十几家公司面经总结

• leetcode 最常见的150道前端面试题（简单题下）

• 前端经典面试题60道，附答案！

• ES6面试、复习干货知识点汇总

• 如何在面试中介绍自己的项目经验

• 66 道前端算法面试题附思路分析助你查漏补缺

• 面试官：谈谈A和B两者区别，这里有24个解答

• 2 年前端,如何跟抖音面试官 battle

• 一个算法面试题的5种不同解法

• 记一次高级前端开发工程师面经

• 一年半经验的前端面经总结

• 10个棘手的用于面试的JavaScript代码段

• 面试被问项目经验不用慌，按这个步骤回答绝对惊艳

• 5个常问的 Vue3 优势点

• 一道让人失眠的 Promise 试题深入分析

• 21道关于性能优化的面试题(附答案)

• 高频前端面试问题及答案整理

• 从面试官角度看一次前端面试经历

• 前端面试js高频手写大全

• 你好，谈谈你对前端路由的理解

• 这是我面试42场拿下微软、蚂蚁、头条offer的方法论

• 惜败虾皮、快手、拼多多，终拿字节 offer

• 30道Vue面试题详解【文末送书】

• 动图展示前端10大经典算法

• 2021 阿里字节快手面经 & 个人成长经验分享

• 一次关于Vue的自我模拟面试

#Vue

• Vue组件通信方式居然有这么多？你了解几种

• 尤雨溪回应：为什么 Vue 在国际上越来越没影响力？

• Vue3的setup还能这么用？

• 关于Vue代码可读性的几点建议

• 【前车之鉴】Vue，你真的熟练了么？

• 基于 Vue3 和 TypeScript 项目大量实践后的思考

• 来吧，解锁 vue3 全家桶+Ts 的正确姿势

• 11 个高级 Vue 编码技巧

• Vue 3.2正式发布，<script setup> + TS + Volar = 真香

• 从 Event Loop 角度解读 Vue NextTick 源码

• 10张脑图带你快速入门Vue3 | 附高清原图

• Vue3.0七大亮点

• 「自我检验」熬夜总结50个Vue知识点，全都会你就是神！！！

• Vue实战中的一些小魔法

• 5kb 的 Vue：尤雨溪发布新作 petite-vue

• 超实用：Vue 自定义指令合集

• 尤大为何放弃Webpack？来探索一下 Vite

• 基于Vite2+Vue3的项目复盘总结

• Vue.js 2021 年度报告出炉！

• 一篇由简到难的 Vue 面试题+详解答案

• Vue3 + TypeScript 复盘总结

• Vue中避免滥用this去读取data中数据

• Webpack5 搭建 Vue3 + TS 项目

• Vue 项目性能优化技巧分享

• 不要再用 Vue2 的思维写 Vue3 了

• 5个常问的 Vue3 优势点

• 超全的Vue3文档【Vue2迁移Vue3】

• 深入浅出 Vue Mixin

• Vite 2.0 搭建 Vue3 移动端项目

• 30道Vue面试题详解【文末送书】

• 一次关于Vue的自我模拟面试

• Vue.js开发移动端经验总结

• 做了一夜动画，就为让大家更好的理解Vue3的Composition Api

• 用vue实现一个仿简书的轮播图效果

• Vue3是如何变快的？

• 基于 Vue 的前端架构，我做了这 15 点

#JavaScript

• 有了for循环 为什么还要forEach？

• 使用Vue3 + AR撸猫，才叫好玩

• 可能是最好的 this 解析了...

• 开发必懂的文件加解密

• 这些JavaScript 细节，你未必知道

• 彻底解决新手对webpack的恐惧！

• 看看这些被同事喷的JS代码风格你写过多少

• 15个常用的JavaScript简写技巧

• 可能是最好的跨域解决方案了

• 不为人知的 JavaScript 技巧

• Webview加载pdf遇到的一些坑及解决方法

• 从零开始实现一个颜色选择器（原生JavaScript实现）

• 20 个杀手级 JavaScript 单行代码

• 从零破解一款轻量级滑动验证码

• 由浅入深，谈谈文件上传的优化思路

• 万物皆对象，你信吗？

• 8个最常用的Javascript对象方法

• 基于js管理大文件上传以及断点续传

• 16个必备的JavaScript代码片段

• 11个你不能忽略的JavaScript小技巧

• 做一些动图，学习一下 EventLoop

• JS对象中常见的操作方法

• 为了让她10分钟入门canvas，我熬夜写了3个小项目和这篇文章

• 记一次破解前端加密详细过程

• 8张JS 基础思维图，超详细！

• 阮老师详解ES6运算符扩展，浅显易懂！

• 用 console 画条龙?

• 一些熟悉而又值得较真的函数

• 常用的前端JavaScript方法封装

• 应该在JavaScript中使用Class吗？

• 轻松理解 JS 中的面向对象，顺便搞懂 prototype 和 proto_

• 关于JS隐式类型转换的完整总结

• 不到30行 JS 实现一个炫酷的全景交互

• 厉害了，手把手教你搭建一个代码在线编辑预览工具

• 六则糟糕代码的优化方案

• 5个很棒的JavaScript Promise函数应用

• 33个前端常用的JavaScript函数封装方法

• 几个优雅的JavaScript运算符使用技巧

• Web登录其实没那么简单

• 7个提高JavaScript代码质量的优秀实践

• 10个棘手的用于面试的JavaScript代码段

• 42条JavaScript开发优化技巧

• JavaScript数组 API 实现的几个常见操作

• JS 定时器的 this 指向若干问题总结

• JavaScript 中 Promise对象 的部分使用特点

• 在JavaScript中使用Switch(true)模式

• 词法作用域与JavaScript的欺骗词法

• 深入理解 JavaScript 之事件循环(Event Loop)

• 前端海报生成的不同方案和优劣

• 2021年前端开发者需要知道的34种JS优化技巧

• 前端面试js高频手写大全

• 11个 Javascript 小技巧【文末送书】

• 理解JavaScript闭包9大使用场景

• 改善代码可读性的5种方法

• JavaScript代理的惊人力量

• base64 格式的数据是如何实现的

• toFixed 函数引起的 bug

• JavaScript队列和双端队列

• 什么是JavaScript的作用域

• JavaScript洗牌算法之重复抽奖（附送书的抽奖结果）

• Javascript 中数据类型那些可能会中招的细节

• 深入浅出前端本地储存

• 看完这篇文章，彻底了解 “原型” & “this”

• 一文带你全面解析postman工具的使用

• 深入理解setState

• 撸了一个「合成大西瓜」

• 用JavaScript实现淘宝放大镜的效果，附源码

• JavaScript 12种设计模式汇总

• 13个JavaScript单行代码，让你看起来更专业

• 如何精确统计页面停留时长

• 理解this及call，apply和bind的用法

• Virtual DOM 认知误区

• 深入浅出js实现继承的7种方式

• 重磅！超详细的 JS 数组方法整理出来了

• 你应该了解的25个JS技巧

• 增量 DOM 与虚拟 DOM 的对比使用

#ES6

• JS中优雅的使用async await

• ES6面试、复习干货知识点汇总

• 你需要知道的30个ES6—ES12开发技巧！

• 90% 前端都会的 ES6 简化代码技巧，你用过哪些？

• 9种JavaScript数组去重的高阶方法

• ES11的新特性：String 的 matchAll 方法、 import() 动态导入语句等

• 快速掌握ES6的代理和反射

• 九个超级实用的 ES6 特性

• 汇总JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性

• ES 2021 新特性提前知，附案例

#CSS

• CSS 垂直居中的正确打开方式

• [[译] 写给设计师看的 CSS 容器查询](http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA==&mid=2650095521&idx=2&sn=6686fe180717ff6256f5cc4d26343ebb&chksm=83dba2c4b4ac2bd2d5125b5144a3badae519e696f06b1c5e6aaf51a73f0c6eb1f3f8f5273e77#rd)

• 纯 CSS 自定义多行省略：从原理到实现

• 这才是前端该写的代码：CSS常见套路续

• 十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出...）

• 27 个 CSS 案例演示和 DEMO

• CSS 快速实现烟花绽放（仅100多行代码）

• 每个前端都需要知道这些面向未来的CSS技术

• 只需一行CSS代码，让长列表网页的渲染性能提升几倍以上！

• 【中秋】纯CSS实现日地月的公转

• 14种CSS实现水平或垂直居中的技巧

• 能用CSS实现的就不用麻烦JavaScript

• CSS 动画制作的 12 个技巧

• 你不知道的 CSS 技巧

• 关于 z-index，你可能一直存在误区

• iPhone 12 页面卷动逐行滑入效果

• CSS3实现5个常用的网页动画效果

• 前端技巧：三种 Loading 制作方案

• 简单实用又不花里胡哨的鼠标滑过样式

• 纯 CSS 制作赛博朋克 2077 “故障风”按钮

• 3行核心CSS代码的rate评分组件，秀到你怀疑人生

• 用CSS如何实现两个球相交的粘粘动画效果

Star History