Flag半年复盘（阅读篇）

今年的flag之一就是，每天至少看一篇技术文章(365篇) ，所以每天到公司的第一件事，就是关注一些技术网站，公众号发的热门文章，觉得不错的，就记录下来，整理分类，半年过去（181篇）做个复盘，也推荐给大家。后续会自己整理出来。

关于面试：

1、前端跳槽面试算法——动态规划

2、《前端基础面试整理(一)》

3、【面试篇】寒冬求职之你必须要懂的Web安全

4、「中高级前端面试」JavaScript手写代码无敌秘籍

5、《中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上)》

6，(中篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂

7，(下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂

8，阿里 P7 前端高级工程师，都需要掌握哪些技术栈？

关于JavaScript

1、《九种跨域方法实现原理》

2、《其实我们可以少写点if else和switch》

3、《都9102年了，还问GET和POST的区别》

4、《JavaScript异步编程的6种方法》

5，《前端面试查漏补缺--(一) 防抖和节流》

6，《 前端面试查漏补缺--(二) 垃圾回收机制]》

7，《 前端面试查漏补缺--(三) 跨域及常见解决办法》

8，《 前端面试查漏补缺--(四) 前端本地存储》

9，《 前端面试查漏补缺--(五) 渲染机制及重绘和回流》

10，《 前端面试查漏补缺--(六) 浏览器缓存》

11，《 前端面试查漏补缺--(七) XSS攻击与CSRF攻击》

12，《 前端面试查漏补缺--(八) 前端加密》

13，《前端面试查漏补缺--(九) HTTP与HTTPS》

14，《 前端面试查漏补缺--(十) 前端鉴权》

15，《 前端面试查漏补缺--(十一) 前端软件架构模式MVC/MVP/MVVM》

16，《 前端面试查漏补缺--(十二) 从输入URL到看到页面发生的全过程(含三握手,四挥手详解)》

17，《前端面试查漏补缺--(十三) 内存泄漏》

18，《 前端面试查漏补缺--(十四) 算法及排序》

19，《 前端面试查漏补缺--(十五) Event Loop》

20，《全面的vue面试题总结》

21，《最后一次搞懂 Event Loop》

22，《ES6、ES7、ES8、ES9、ES10新特性一览
》

23，《进阶 6-1 期】JavaScript 高阶函数浅析》

24，【数据结构基础】栈简介（使用ES6）

25， 详解JS错误处理：前端JS/Vue/React/Iframe/跨域/Node

26，JS无形装逼，最为致命

27，【第1601期】JavaScript函数的6个基本术语

28，【第1588期】彻底终结 Javascript 背后的隐式类型转换

29，JavaScript 高阶函数浅析

30，前端基础进阶系列

31，《JavaScript 数据类型检测终极解决方案》

ES6

1，《【ES6基础】箭头函数（Arrow functions）》

2，《【ES6基础】解构赋值（destructuring assignment）》

3，《【ES6基础】展开语法(Spread syntax)》

4，《【ES6基础】默认参数值》

5，「中高级前端」窥探数据结构的世界- ES6版

6， ES6—面试常见ES6问题集锦（14）

7，【第1587期】 深入实践 ES6 Proxy & Reflect

8，近一万字的ES6语法知识点补充》

全栈

1、《基于mongodb+express+vue+axios+bootstrap的掘金最热文章收藏评论分析》

2、《Vue+Express实现登录状态权限控制》

3、《nodejs使用mongodb做数据持久化》

4、「真®全栈之路」Web前端开发的后端指南

5， VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（上）

6， VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（中）

7，VueCli+Node+mongodb打造个人博客（含前台展示及后台管理系统）（下）

8， Vue全家桶+Socket.io+Koa2打造一个智能聊天室 接口已开放

9，Vue全家桶+Socket.io+Express/Koa2打造网页版手机QQ

10， Vue.js + socket.io 搭建智能聊天室

11，心路历程：vue2.0+webpack+koa2 前后端同构实践（一）

12，心路历程：vue2.0+webpack+koa2 前后端同构实践（二）

13，心路历程：vue2.0+webpack+koa2 前后端同构实践（三）

14，【全栈项目上线（vue+node+mongodb）】01.vps服务器购买

15，【全栈项目上线（vue+node+mongodb）】02.利用xshell连接Linux Ubuntu系统详细操

16，【全栈项目上线（vue+node+mongodb）】03.安装Nginx+node+mongodb+mysql+php环境

17，【全栈项目上线（vue+node+mongodb）】常见问题收集（持续更新）

18，【全栈项目上线（vue+node+mongodb）】04. 怎么在一台主机上面部署多个网站

19，【全栈项目上线（vue+node+mongodb）】05.vue项目上线（webhooks pm2 doc

20，【全栈项目上线（vue+node+mongodb）】06.nodejs服务上线（生产环境前后分离

21，【全栈项目上线（vue+node+mongodb）】排查解决问题常用方式（持续更新）

22，【全栈项目上线（vue+node+mongodb）】07.使用git webhooks 优雅的自动化上线vu

23，【知乎Live】狼叔：如何正确的学习Node.js

24，Node - 从0基础到实战企业官网

Vue

1、《 vue修饰符--可能是东半球最详细的文档（滑稽）》 》

2、《从零开始：一个正式的vue+webpack项目的目录结构是怎么形成的》

3、《vue+axios 前端实现登录拦截（路由拦截、http拦截）》

4、《很全面的vue面试题总结》

5、《 在Vue中如何使用axios跨域访问数据》

6，《Vue组建通信》

7，《面试官：自己搭建过vue开发环境吗？》

8，《3分钟了解vue数据劫持的原理》

9，《彻底揭秘keep-alive原理》

10，《透过 Keep-Alive 实现防抖 & 节流组件》

11，《基于webpack和vue.js搭建的H5端框架(其实主要用于Hybrid开发H5端框架，但是依然能够作为纯web端使用)》

12，《探索Vue高阶组件》

13，没有废话的vue高级进阶( 二 ) 8种组件通信详解

14，基于 vue.js 实现图片本地预览 + 裁剪 + 压缩 + 上传的功能（一）

15，基于 vue.js 实现图片本地预览 + 裁剪 + 压缩 + 上传的功能（二）

vue源码

1、《Vue源码阅读前必须知道javascript的基础内容》

2、《Vue2.1.7源码学习》

3，《Vue源码简析(版本vue-2.4.4)》

4，《「从源码中学习」Vue源码中的JS骚操作》

5，「从源码中学习」面试官都不知道的Vue题目答案

6，「从源码中学习」彻底理解Vue选项Props

7，人人都能懂的Vue源码系列—01—Vue源码目录结构

8，人人都能懂的Vue源码系列—02—Vue构造函数

9，人人都能懂的Vue源码系列—03—resolveConstructorOptions函数-上

10，人人都能懂的Vue源码系列—04—resolveConstructorOptions函数-下

11，人人都能懂的Vue源码系列—05—mergeOptions-上

12，人人都能懂的Vue源码系列—06—mergeOptions-下

13，人人都能懂的Vue源码系列—07—initProxy

14，人人都能懂的Vue源码系列—08—initLifecycle

15，人人都能懂的Vue源码系列—09—initEvents

16，vue 源码阅读（一）

17，Vue 源码阅读（二）props 属性实现细节

18，Vue 源码阅读（三）Special Attributes

19，Vue 源码阅读（四）Object.definePropety 相关的小错误

20，Vue 源码阅读（五）响应式实现

21，Vue 源码阅读（六）组件化

22，Vue 源码阅读（七） bind

webpack

1，《一个合格的Webpack4配置工程师素养：第一部分》

2，《一个合格的Webpack4配置工程师素养：第二部分》

3，《一个合格的Webpack4配置工程师素养：第三部分》

4，《 Webpack 打包优化之速度篇》

5，《webpack-dev-server 设置反向代理解决跨域问题》

6.《webpack开发跨域问题解决》

7，Webpack核心概念解析

小程序

1，《使用Vue开发微信小程序：mpvue框架》

2，《使用mpvue开发小程序教程（一）》

3 ，《使用mpvue开发小程序教程（二) 》

4，《使用mpvue开发小程序教程（三)》

5，《使用mpvue开发小程序教程（四）》

6，《使用mpvue开发小程序教程（五）》

7，《使用mpvue开发小程序教程（六）》

8，《如何在mpvue中正确的引用小程序的原生自定义组件》

node，nginx

1、《nginx 反向代理和负载均衡策略实战案例》

2、《用Node+wechaty写一个爬虫脚本每天定时给女朋友发微信》

3，《Nginx与前端开发》

4，《前端开发者必备的Nginx知识》

5，《nginx从入门到实践》

CSS

1、《纯 CSS 实现斜纹效果》

2、《【译】使用这些 CSS 属性选择器来提高前端开发效率！》

3， CSS实现两个球相交的粘粘效果

框架，编辑器、辅助工具

1、《认识 Fetch API》

2、前后端分离之更好的mock你的后端api

3、《推荐2个前端工具：Charles和Postman》

4、《当fetch遇到302状态码，会发生什么？》

5、《axios封装，使用拦截器统一处理接口，超详细的教程》

6，《揭秘简单请求与复杂请求》

7，《再次理解BFC(Block Formatting Context)》

8，《全面分析前端的网络请求方式》

9， 深入浅出 axios 源码

10，VsCode从零开始配置一个属于自己的Vue开发环境

11，Axios 源码解读

开发技巧

1、《H5 键盘兼容性小节》

2、《如何做一个听话的 “输入框”》

3、《移动端页面点击穿透问题》

前端相关知识

1、《你知道前端对图片的处理方式吗？》

2、《蚂蚁金服如何把前端性能监控做到极致?》

3、《如何在 Web 关闭页面时发送 Ajax 请求》

4，《一次Web端大量图片同时加载卡顿问题的优化之旅》

5，《页面可视化搭建工具技术要点》

6，《页面可视化搭建工具前生今世》

7，史上最详细的经典面试题 从输入URL到看到页面发生了什么？

8，《前端应该知道的web登录》

9，9102年：手写一个Vue的脚手架 【参考京东的优化方案】

10，前后端分用Jenkins + nginx 实现前端项目自动构建与api

11，《移动端页面开发资源总结》

12，《a标签的href属性与click事件的烦恼)》

13，html5-video 层级高的问题、全屏播放、canplay不执行

14，可能是最全的前端动效库汇总

15，Chrome运行时性能瓶颈分析

16，深入理解浏览器的缓存机制

17，【前端词典】分享 8 个有趣且实用的 API

18，【前端词典】从输入 URL 到展现涉及哪些缓存环节(非常详细)

19，【前端词典】进阶必备的网络基础（上）

20，【前端词典】进阶必备的网络基础（下）

21，您的四月份前端补给包已到，请查收～

22、前端路由原理解析和实现

23,前端实现图片压缩上传

自动化打包

1、利用Jenkins + nginx 实现前端项目自动构建与持续集成

2、《[手把手系列之]Docker 部署 vue 项目》

伪鸡汤

1、《给2019前端的5个建议》

2、《一名【合格】前端工程师的自检清单》

3、《我是如何将业务代码写优雅的》

数据结构、算法

1、JavaScript中的算法

2，JS版数据结构第一篇(栈)

3，JS版数据结构第二篇(队列)

4，JS版数据结构第三篇(链表)

5，JS版数据结构第四篇(矩阵)

6，JS版数据结构第五篇(二叉树)