Home

Awesome

前端开发博客

  1. 2019年存档
  2. 2020年总结记录
  3. 2021年总结记录

最新推文

<!-- BLOG-POST-LIST:START --> <!-- BLOG-POST-LIST:END -->

微信群

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

前端日报

<!--START_SECTION:activity-->
  1. ❗ Opened issue #2912 in kujian/githubTrending
  2. ❗ Opened issue #1768 in kujian/frontendDaily
  3. ❗ Opened issue #2911 in kujian/githubTrending
  4. ❗ Opened issue #1767 in kujian/frontendDaily
  5. ❗ Opened issue #2910 in kujian/githubTrending
<!--END_SECTION:activity-->

每日会挑选一些比较有用的文章发在公众号上，欢迎关注我。

我的微信公众号：前端开发博客，在后台回复以下关键字可以获取资源。

  1. 回复「小抄」，领取Vue、JavaScript 和 WebComponent 小抄 PDF
  2. 回复「Vue脑图」获取 Vue 相关脑图
  3. 回复「思维图」获取 JavaScript 相关思维图
  4. 回复「简历」获取简历制作建议
  5. 回复「简历模板」获取精选的简历模板
  6. 回复「加群」进入500人前端精英群
  7. 回复「电子书」下载我整理的大量前端资源，含面试、Vue实战项目、CSS和JavaScript电子书等。
  8. 回复「知识点」下载高清JavaScript知识点图谱

#面试

  1. 2021年前端各大公司都考了那些手写题(附带代码)
  2. 切图仔面试宝典
  3. 牛客最新前端JS笔试百题
  4. 《2w字大章 38道面试题》彻底理清JS中this指向问题
  5. 阿里社招两年前端面经
  6. 前端面经 - 看这篇就够了（笔者靠这个拿到阿里和字节的offer）
  7. leetcode 最常见的 150 道前端面试题（简单题上）
  8. 170+道钉钉前端扫盲知识点
  9. 2021年7月 虾皮、OPPO、富途等十几家公司面经总结
  10. leetcode 最常见的150道前端面试题（简单题下）
  11. 前端经典面试题60道，附答案！
  12. ES6面试、复习干货知识点汇总
  13. 如何在面试中介绍自己的项目经验
  14. 66 道前端算法面试题附思路分析助你查漏补缺
  15. 面试官：谈谈A和B两者区别，这里有24个解答
  16. 2 年前端,如何跟抖音面试官 battle
  17. 一个算法面试题的5种不同解法
  18. 记一次高级前端开发工程师面经
  19. 一年半经验的前端面经总结
  20. 10个棘手的用于面试的JavaScript代码段
  21. 面试被问项目经验不用慌，按这个步骤回答绝对惊艳
  22. 5个常问的 Vue3 优势点
  23. 一道让人失眠的 Promise 试题深入分析
  24. 21道关于性能优化的面试题(附答案)
  25. 高频前端面试问题及答案整理
  26. 从面试官角度看一次前端面试经历
  27. 前端面试js高频手写大全
  28. 你好，谈谈你对前端路由的理解
  29. 这是我面试42场拿下微软、蚂蚁、头条offer的方法论
  30. 惜败虾皮、快手、拼多多，终拿字节 offer
  31. 30道Vue面试题详解【文末送书】
  32. 动图展示前端10大经典算法
  33. 2021 阿里字节快手面经 & 个人成长经验分享
  34. 一次关于Vue的自我模拟面试

#Vue

  1. Vue组件通信方式居然有这么多？你了解几种
  2. 尤雨溪回应：为什么 Vue 在国际上越来越没影响力？
  3. Vue3的setup还能这么用？
  4. 关于Vue代码可读性的几点建议
  5. 【前车之鉴】Vue，你真的熟练了么？
  6. 基于 Vue3 和 TypeScript 项目大量实践后的思考
  7. 来吧，解锁 vue3 全家桶+Ts 的正确姿势
  8. 11 个高级 Vue 编码技巧
  9. Vue 3.2正式发布，<script setup> + TS + Volar = 真香
  10. 从 Event Loop 角度解读 Vue NextTick 源码
  11. 10张脑图带你快速入门Vue3 | 附高清原图
  12. Vue3.0七大亮点
  13. 「自我检验」熬夜总结50个Vue知识点，全都会你就是神！！！
  14. Vue实战中的一些小魔法
  15. 5kb 的 Vue：尤雨溪发布新作 petite-vue
  16. 超实用：Vue 自定义指令合集
  17. 尤大为何放弃Webpack？来探索一下 Vite
  18. 基于Vite2+Vue3的项目复盘总结
  19. Vue.js 2021 年度报告出炉！
  20. 一篇由简到难的 Vue 面试题+详解答案
  21. Vue3 + TypeScript 复盘总结
  22. Vue中避免滥用this去读取data中数据
  23. Webpack5 搭建 Vue3 + TS 项目
  24. Vue 项目性能优化技巧分享
  25. 不要再用 Vue2 的思维写 Vue3 了
  26. 5个常问的 Vue3 优势点
  27. 超全的Vue3文档【Vue2迁移Vue3】
  28. 深入浅出 Vue Mixin
  29. Vite 2.0 搭建 Vue3 移动端项目
  30. 30道Vue面试题详解【文末送书】
  31. 一次关于Vue的自我模拟面试
  32. Vue.js开发移动端经验总结
  33. 做了一夜动画，就为让大家更好的理解Vue3的Composition Api
  34. 用vue实现一个仿简书的轮播图效果
  35. Vue3是如何变快的？
  36. 基于 Vue 的前端架构，我做了这 15 点

#JavaScript

  1. 有了for循环 为什么还要forEach？
  2. 使用Vue3 + AR撸猫，才叫好玩
  3. 可能是最好的 this 解析了...
  4. 开发必懂的文件加解密
  5. 这些JavaScript 细节，你未必知道
  6. 彻底解决新手对webpack的恐惧！
  7. 看看这些被同事喷的JS代码风格你写过多少
  8. 15个常用的JavaScript简写技巧
  9. 可能是最好的跨域解决方案了
  10. 不为人知的 JavaScript 技巧
  11. Webview加载pdf遇到的一些坑及解决方法
  12. 从零开始实现一个颜色选择器（原生JavaScript实现）
  13. 20 个杀手级 JavaScript 单行代码
  14. 从零破解一款轻量级滑动验证码
  15. 由浅入深，谈谈文件上传的优化思路
  16. 万物皆对象，你信吗？
  17. 8个最常用的Javascript对象方法
  18. 基于js管理大文件上传以及断点续传
  19. 16个必备的JavaScript代码片段
  20. 11个你不能忽略的JavaScript小技巧
  21. 做一些动图，学习一下 EventLoop
  22. JS对象中常见的操作方法
  23. 为了让她10分钟入门canvas，我熬夜写了3个小项目和这篇文章
  24. 记一次破解前端加密详细过程
  25. 8张JS 基础思维图，超详细！
  26. 阮老师详解ES6运算符扩展，浅显易懂！
  27. 用 console 画条龙?
  28. 一些熟悉而又值得较真的函数
  29. 常用的前端JavaScript方法封装
  30. 应该在JavaScript中使用Class吗？
  31. 轻松理解 JS 中的面向对象，顺便搞懂 prototype 和 proto
  32. 关于JS隐式类型转换的完整总结
  33. 不到30行 JS 实现一个炫酷的全景交互
  34. 厉害了，手把手教你搭建一个代码在线编辑预览工具
  35. 六则糟糕代码的优化方案
  36. 5个很棒的JavaScript Promise函数应用
  37. 33个前端常用的JavaScript函数封装方法
  38. 几个优雅的JavaScript运算符使用技巧
  39. Web登录其实没那么简单
  40. 7个提高JavaScript代码质量的优秀实践
  41. 10个棘手的用于面试的JavaScript代码段
  42. 42条JavaScript开发优化技巧
  43. JavaScript数组 API 实现的几个常见操作
  44. JS 定时器的 this 指向若干问题总结
  45. JavaScript 中 Promise对象 的部分使用特点
  46. 在JavaScript中使用Switch(true)模式
  47. 词法作用域与JavaScript的欺骗词法
  48. 深入理解 JavaScript 之事件循环(Event Loop)
  49. 前端海报生成的不同方案和优劣
  50. 2021年前端开发者需要知道的34种JS优化技巧
  51. 前端面试js高频手写大全
  52. 11个 Javascript 小技巧【文末送书】
  53. 理解JavaScript闭包9大使用场景
  54. 改善代码可读性的5种方法
  55. JavaScript代理的惊人力量
  56. base64 格式的数据是如何实现的
  57. toFixed 函数引起的 bug
  58. JavaScript队列和双端队列
  59. 什么是JavaScript的作用域
  60. JavaScript洗牌算法之重复抽奖（附送书的抽奖结果）
  61. Javascript 中数据类型那些可能会中招的细节
  62. 深入浅出前端本地储存
  63. 看完这篇文章，彻底了解 “原型” & “this”
  64. 一文带你全面解析postman工具的使用
  65. 深入理解setState
  66. 撸了一个「合成大西瓜」
  67. 用JavaScript实现淘宝放大镜的效果，附源码
  68. JavaScript 12种设计模式汇总
  69. 13个JavaScript单行代码，让你看起来更专业
  70. 如何精确统计页面停留时长
  71. 理解this及call，apply和bind的用法
  72. Virtual DOM 认知误区
  73. 深入浅出js实现继承的7种方式
  74. 重磅！超详细的 JS 数组方法整理出来了
  75. 你应该了解的25个JS技巧
  76. 增量 DOM 与虚拟 DOM 的对比使用

#ES6

  1. JS中优雅的使用async await
  2. ES6面试、复习干货知识点汇总
  3. 你需要知道的30个ES6—ES12开发技巧！
  4. 90% 前端都会的 ES6 简化代码技巧，你用过哪些？
  5. 9种JavaScript数组去重的高阶方法
  6. ES11的新特性：String 的 matchAll 方法、 import() 动态导入语句等
  7. 快速掌握ES6的代理和反射
  8. 九个超级实用的 ES6 特性
  9. 汇总JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性
  10. ES 2021 新特性提前知，附案例

#CSS

  1. CSS 垂直居中的正确打开方式
  2. [译] 写给设计师看的 CSS 容器查询
  3. 纯 CSS 自定义多行省略：从原理到实现
  4. 这才是前端该写的代码：CSS常见套路续
  5. 十几个CSS高级常见技巧汇总（虚线框、三角形、优惠券卡券、滚动条、多行溢出...）
  6. 27 个 CSS 案例演示和 DEMO
  7. CSS 快速实现烟花绽放（仅100多行代码）
  8. 每个前端都需要知道这些面向未来的CSS技术
  9. 只需一行CSS代码，让长列表网页的渲染性能提升几倍以上！
  10. 【中秋】纯CSS实现日地月的公转
  11. 14种CSS实现水平或垂直居中的技巧
  12. 能用CSS实现的就不用麻烦JavaScript
  13. CSS 动画制作的 12 个技巧
  14. 你不知道的 CSS 技巧
  15. 关于 z-index，你可能一直存在误区
  16. iPhone 12 页面卷动逐行滑入效果
  17. CSS3实现5个常用的网页动画效果
  18. 前端技巧：三种 Loading 制作方案
  19. 简单实用又不花里胡哨的鼠标滑过样式
  20. 纯 CSS 制作赛博朋克 2077 “故障风”按钮
  21. 3行核心CSS代码的rate评分组件，秀到你怀疑人生
  22. 用CSS如何实现两个球相交的粘粘动画效果

Star History

Star History Chart

<!-- 这个目录每个月会汇总新增一次，新增很简单，只要在公众号页面的控制台输入以下代码就能直接得到上面链接，所以不需要手动整理。 ```javascript var all = document.querySelectorAll('.album__list li'),arr=[]; for(var i=0,len=all.length;i<len;i++){ var el = all[i]; var url = el.getAttribute('data-link'); var tit = el.querySelectorAll('.album__item-title-wrp')[0].innerHTML; var str = `${i+1}. [${tit}](${url})`; arr.push(str); } console.log(arr.join('\n')); ``` 如果你有想要我整理的东西，也可以告知我哦。 -->