/FrontendResource

前端技术资源整理

前端技术整理记录

javaScript 语言

  1. 事件循环机制 Event Loop
  2. JavaScript设计模式与开发实践(全)
  3. 通杀 Event Loop 面试题
  4. 备战明年金三银四
  5. 5个 JS 解构有趣的用途
  6. 从多线程到Event Loop全面梳理
  7. 你了解Promise吗
  8. Array.from() 五个超好用的用途
  9. 如何写出一个惊艳面试官的深拷贝
  10. 彻底弄懂 Promise 原理
  11. 浏览器的一些“滚动”行为鉴赏
  12. 如何优雅处理前端异常
  13. 这一次带你彻底了解Cookie
  14. Why do built-in functions not have a prototype property?
  15. JavaScript 工具函数大全
  16. Understanding Execution Context and Execution Stack in Javascript
  17. macrotasks-and-microtasks
  18. async/await
  19. promise实现
  20. 双精度浮点数
  21. 各种手写源码
  22. 剪切复制相关功能实现
  23. promise 10问
  24. JavaScript 装饰器
  25. 前端防御性编程
  26. JS模块化规范总结(面试必备良药)
  27. Web 安全总结(面试必备良药)
  28. 终极深度拷贝
  29. Performance API
  30. preload 和 prefetch
  31. PWA 等新技术
  32. domcontentloaded 和 onload 区别

移动端

移动端适配

  1. 移动端适配你需要知道的
  2. 移动端适配总结

移动端事件

  1. Touchmove 禁止默认滚动的几种方案

CSS

  1. 什么是BFC
  2. css掩人耳目式海浪动效🌊
  3. 你所不知道的 CSS 负值技巧与细节
  4. react-router源码解析
  5. 聊一聊CSS动画
  6. 灵活运用CSS开发技巧(66个实用技巧，值得收藏)
  7. 用css3实现惊艳面试官的背景即背景动画
  8. CSS如何在幕后工作
  9. 如何居中一个元素（终结版）
  10. 你未必知道的CSS知识点（第二季）
  11. 这几种经典 CSS 布局问题你都能解决嘛
  12. 中高级前端面试秘籍，助你直通大厂 css 篇
  13. 巧用 CSS 实现酷炫的充电动画

SSR

  1. react + koa SSR
  2. SSR
  3. SSR

webpack

  1. webpack 4 新增 sideEffects 配置的作用和注意事项
  2. Webpack优化——将你的构建效率提速翻倍
  3. webpack原理
  4. Webpack揭秘——走向高阶前端的必经之路

React

  1. 可靠React组件设计的7个准则之SRP
  2. react-router源码解析
  3. 21个React性能优化技巧
  4. 源码解析React Hook构建过程：没有设计就是最好的设计
  5. 160行代码实现动态炫酷的可视化图表 - 排行榜
  6. 2019年17道高频React面试题及详解
  7. 2019年，实现 React 动画的 5 种方式
  8. React源码解析之ExpirationTime
  9. React hooks: not magic, just arrays
  10. TypeScript与React的实战技巧
  11. TypeScript与React的实战技巧2
  12. 完全理解 redux（从零实现一个 redux）
  13. 使用 React Hook 检查网络连接状态
  14. React Hooks 详解 【近 1W 字】+ 项目实战
  15. useEffects
  16. Fiber
  17. 深入理解：React hooks是如何工作的
  18. React Hooks: 没有魔法，只是数组
  19. React Hooks异步操作二三事
  20. redux-connect

前端工程化

  1. AST 与前端工程化实战
  2. 15分钟搭一个企业级脚手架
  3. centos下安装java8环境
  4. Jenkins打造强大的前端自动化工作流
  5. 前端工程化：Docker、k8s、Serverless
  6. 前端工程化：Docker、k8s、Serverless
  7. 写给前端的Docker实战教程
  8. 前端部署发展史
  9. 自己的项目脚手架
  10. 京东微信购物首页性能优化实践
  11. Serverless 与前端工程化结合：让项目 5 分钟上线成为可能

HTTTP

  1. 图解HTTPS基本原理
  2. SSL/TLS协议运行机制的概述
  3. 彻底弄懂HTTPS

数据结构算法

  1. 前端该如何准备数据结构和算法？

技巧

  1. 逐步优雅的表单验证
  2. 前端程序员必须掌握之三角函数在前端动画中的应用
  3. 各种文件上传攻略，从小图片到大文件断点续传
  4. 跨域总结

nodeJS

  1. 深入理解Node.js 中的进程与线程
  2. 从零实现TypeScript简易版Koa

其他

  1. 爬虫，其实本就是这么简单
  2. 最常见的 Git 问题和操作清单汇总
  3. 两年工作经验成功面试阿里P6总结
  4. 七篇前端面试必考知识点，助你一臂之力
  5. 一种对开发更友好的前端骨架屏自动生成方案
  6. 剖析并手写十五个重要 API 的实现
  7. 高频JavaScript手写面试题及答案
  8. web 前端用 linux 应该知道的知识
  9. 前端必备 Nginx 配置
  10. 如何不花钱让html5播放rtsp视频流
  11. 交互动画库

浏览器

  1. 探寻浏览器渲染的秘密
  2. 11道浏览器原理面试题
  3. Chrome Devtools 高级调试指南（新）
  4. serviceWork
  5. 图解浏览器的工作原理（史上最全）
  6. devTools 最全

自动化测试

  1. 前端自动化测试
  2. AST抽象语法树——最基础的javascript重点知识，99%的人根本不了解

面试

  1. 常见的三个 JS 面试题
  2. 从阿里一面谈面试需要准备什么
  3. 关键题目
  4. (面试经验)[https://mp.weixin.qq.com/s/LP5tl9jsaKr5ZDwIqmRJSw]
  5. (几道高级前端面试题解析)[https://mp.weixin.qq.com/s/XrHFFE7WFLIDMxyIZ8DvuA]

软件

  1. 开源软件 | 使用可视化界面自定义输出带注释的项目文件树形结构

原生功能实现

  1. 高频JavaScript手写面试题及答案

web 安全

  1. 简析 6 种 Web 安全漏洞及解决方案
  2. http host头攻击漏洞

服务端

  1. Nginx 初探
  2. 写给前端工程师的 Serverless 入门
  3. node进阶——之事无巨细手写koa源码 - 掘金
  4. WebSocket 原理浅析与实现简单聊天
  5. Nginx技巧

http

  1. HTTP/2与HTTP/3 的新特性