2021年前端知识整理-从入门到放弃系列

上班每天加班，现在难得有时间把以前买的书和想研究的技术和前端知识系统整理一下看看......

陆续整理中......

一、CSS篇

   CSS三角实现以及应用场景

   结构与布局-css垂直居中以及内容，背景自适应，表格定宽等技巧

   BFC

  从网易与淘宝的font-size思考前端设计稿与工作流

Retina屏的移动设备如何实现真正1px的线？

回流与重绘：CSS性能让JavaScript变慢？

杀了个回马枪，还是说说position:sticky吧

彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index

二、JS基础知识

   js基础知识梳理-数据类型以及实际应用场景

   this那些事

   js模拟call,apply,bind以及应用场景

   dom操作查询一览表

   js的嵌套函数与闭包函数

   js 手撕代码高频面试题

   js继承几种方法

   js的原型链

   图解 Promise 实现原理

 

三、vue.js篇：

3.1、VUE基础知识篇-vue从零开始学VUE

3.2、双向绑定原理

3.3、vue2和vue3实现原理

3.4、计算属性和监听属性

3.5、动态加载和异步加载

3.6、动手实践去实现 Vue 2.0 的核心原理

3.7、Vue中父子组件生命周期执行顺序回顾

四、react篇：

五、浏览器篇:

从输入URL到页面展示，这中间发生了什么？

 

V8的工作原理

eventLoop

js运行机制

浏览器垃圾回收机制

浏览器网络篇：

 http1.1\http2和http3的区别

TCP三次握手和状态

六、设计模式

行为型设计模式--观察者模式

七、脚手架相关

vue-cli

vite

手写一个定制化脚手架

 

8、打包工具

webpack

webpack中的bundle、module、chunk分别是什么https://juejin.cn/post/6844903935795265549

webpack 系列之多页面应用打包通用方案  https://juejin.cn/post/6892034642699485197

玩转 webpack，使你的打包速度提升 90%  https://juejin.cn/post/6892034642699485197

 

rollup

gulp

 

小程序

 小程序基础用法

官方文档

https://developers.weixin.qq.com/miniprogram/dev/framework/

 

 taro

官方文档

https://taro-docs.jd.com/taro/docs/README/index.html

简介#

Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ 小程序 / H5 / RN 等应用。

现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道。当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

 mpvue

官方文档：http://mpvue.com/

介绍
mpvue （github 地址请参见）是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。

 

reactNative

Flutter

node.js 篇

前端监控

腾讯CDC团队：前端异常监控解决方案

GMTC 大前端时代前端监控的最佳实践

 

 

-----------更新中----------------------