# practical group4

**Repository Path**: qiao_guo_qing/practical-group4

## Basic Information

- **Project Name**: practical group4
- **Description**: 4组的天下
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-29
- **Last Updated**: 2021-07-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## 4组小组成员:高海瑶

## <u>**2021/4/15*</u>

#### 文章阅读:

- [HTTP和HTTPS详解) 新特性](https://juejin.cn/post/6844903604868874247)

#### 源码阅读
- [《React源码解析》系列完结！](https://juejin.cn/post/6844903568487497741)

#### 刷题
- [对称的二叉树](https://leetcode-cn.com/problems/symmetric-tree/)




## <u>**2021/4/14*</u>

#### 文章阅读:

- [从 JavaScript 发展历程中聊 ECMAScript(ES6-ES11) 新特性](https://juejin.cn/post/6844904074211491853)

#### 源码阅读
- [React Hooks源码解析](https://juejin.cn/post/6844904080758800392)

#### 刷题
- [第十行](https://leetcode-cn.com/problems/tenth-line/)




## <u>**2021/4/13*</u>

#### 文章阅读:

- [回流与重绘:](https://juejin.cn/post/6844903942137053192)

#### 源码阅读
- [源码系列-ConcurrentHashMap源码](https://juejin.cn/post/6949721212037627917)

#### 刷题
- [三合一](https://leetcode-cn.com/problems/three-in-one-lcci/)


## <u>**2021/4/12*</u>

#### 文章阅读:

- [Javascript异步详解（二）-Promise（1）](https://juejin.cn/post/6844904167442481166)

#### 源码阅读
- [React源码分析](https://juejin.cn/post/6844903586527182861)

#### 刷题
- [摆动排序](https://leetcode-cn.com/problems/wiggle-subsequence/)



## <u>**2021/4/10**</u>

#### 文章阅读:

- [Javascript异步详解（一）-异步机制)](https://juejin.cn/post/6844904161176190984)

#### 源码阅读
- [React 路由原理](https://juejin.cn/post/6908603290406092814)

#### 刷题
- [返回第三大的数](https://leetcode-cn.com/problems/third-maximum-number/)





## <u>**2021/4/9**</u>

#### 文章阅读:

- [Ajax(下)](https://juejin.cn/post/6900506692787240967)

#### 源码阅读
- [修改vue源码实现动态路由缓存 动态路由](https://juejin.cn/post/6844904055681220616)

#### 刷题
- [二进制中1的个数]https://leetcode-cn.com/problems/er-jin-zhi-zhong-1de-ge-shu-lcof/)





## <u>**2021/4/8**</u>

#### 文章阅读:

- [ajax上](https://juejin.cn/post/6900410284494553096)

#### 源码阅读
- [React源码解析-React.createElement](https://juejin.cn/post/6870291409841160206)

#### 刷题
- [在排序数组中查找数](https://leetcode-cn.com/problems/zai-pai-xu-shu-zu-zhong-cha-zhao-shu-zi-lcof/)

## <u>**2021/4/7**</u>

#### 文章阅读:

- [HTTP与HTTPS的区别](https://juejin.cn/post/6904227431939342344)

#### 源码阅读
- [React源码分析](https://juejin.cn/post/6844903586527182861)

#### 刷题
- [和为s的两个数](https://leetcode-cn.com/problems/he-wei-sde-liang-ge-shu-zi-lcof/)





## <u>**2021/4/6**</u>

#### 文章阅读:

- [跨域](https://juejin.cn/post/6919478696210350093)

#### 源码阅读
- [lodash源码解读之get](https://juejin.cn/post/6940561908030242824)

#### 刷题
- [数组中重复的数字](https://leetcode-cn.com/problems/shu-zu-zhong-zhong-fu-de-shu-zi-lcof/)


## <u>**2021/4/5**</u>

#### 文章阅读:

- [ajax ](https://juejin.cn/post/6919078995317243911)

#### 源码阅读
- [lodash源码解析：pull家族 ](https://juejin.cn/post/6871039148619694094)

#### 刷题
- [替换空格 ](https://leetcode-cn.com/problems/ti-huan-kong-ge-lcof/)






## <u>**2021/4/2**</u>

#### 文章阅读:

- [SpringMVC-JSON](https://juejin.cn/post/6941239363146055688)

#### 源码阅读
- [lodash 源码解析 -- chunk](https://juejin.cn/post/6938593635399106567)





#### 刷题
- [最小的k个数](https://leetcode-cn.com/problems/zui-xiao-de-kge-shu-lcof/)



## <u>**2021/4/1**</u>

#### 文章阅读:

- [JS：内存泄漏](https://juejin.cn/post/6944521392041754631)

#### 源码阅读
- [Promise](https://juejin.cn/post/6943966749407019021)





#### 刷题
- [旋转数组的最小值](https://leetcode-cn.com/problems/xuan-zhuan-shu-zu-de-zui-xiao-shu-zi-lcof/)





## <u>**2021/3/31**</u>

#### 文章阅读:

- [原型链](https://juejin.cn/post/6897782055917240333)

#### 源码阅读
- [umi-request 源码简析](https://juejin.cn/post/6941313144107057165)




#### 刷题

- [调整数组](https://leetcode-cn.com/problems/diao-zheng-shu-zu-shun-xu-shi-qi-shu-wei-yu-ou-shu-qian-mian-lcof/)














## <u>**2021/3/30**</u>

#### 文章阅读:

- [兼容性常规检测](https://juejin.cn/post/6844904037423267847)

#### 源码阅读

- [浅析dva](https://juejin.cn/post/6844903873312735246)



#### 刷题

- [最小的k个数](https://leetcode-cn.com/problems/zui-xiao-de-kge-shu-lcof/)








## <u>**2021/3/29**</u>

#### 文章阅读:

- [浏览器专题系列 - 浏览器内核](https://juejin.cn/post/6926729677088227342)

#### 源码阅读

- [ReactNative源码解析-初识源码](https://juejin.cn/post/6844903842446835719)


#### 刷题

- [第一个只出现一次的数](https://leetcode-cn.com/problems/di-yi-ge-zhi-chu-xian-yi-ci-de-zi-fu-lcof/)





## <u>**2021/3/27**</u>

#### 文章阅读:

- [对web标准的理解](https://juejin.cn/post/6844904017680662536)

#### 源码阅读

- [umi-request 源码简析](https://juejin.cn/post/6941313144107057165)

#### 刷题

- [翻转单词排序](https://leetcode-cn.com/problems/fan-zhuan-dan-ci-shun-xu-lcof/)




## <u>**2021/3/26**</u>

#### 文章阅读:

- [当面试官问Webpack的时候想知道什么](https://juejin.cn/post/6943468761575849992)

#### 源码阅读

- [Hello！umi](https://juejin.cn/post/6844903557783633927)

#### 刷题

- [第一次之出现一次的字符](https://leetcode-cn.com/problems/di-yi-ge-zhi-chu-xian-yi-ci-de-zi-fu-lcof/)



## <u>**2021/3/25**</u>

#### 文章阅读:

- [React.js的一些笔记](https://juejin.cn/post/6943532108841238535)


#### 源码阅读

- [JUC源码】CopyOnWriteArrayList源码分析](https://juejin.cn/post/6876822647309762568)

#### 刷题

- [翻转单词排序](https://leetcode-cn.com/problems/fan-zhuan-dan-ci-shun-xu-lcof/)



## <u>**2021/3/24**</u>

#### 文章阅读:

- [在 React 中如何防止代码爆炸](https://juejin.cn/post/6942762282220781604)

#### 源码阅读

- [Java容器源码系列](https://juejin.cn/post/6871436267255824391)

#### 刷题

- [连续子数组的最大和](https://leetcode-cn.com/problems/lian-xu-zi-shu-zu-de-zui-da-he-lcof/)




## <u>**2021/3/23**</u>

#### 文章阅读:

- [React 组件设计指南](https://juejin.cn/post/6942720798335434766)
- [Deno 将停用 TypeScript 的五个原因](https://juejin.cn/post/6934140963262562312)

#### 源码阅读

- [vuex 源码：源码系列解读总结](https://juejin.cn/post/6844903602314543112)
- [Redux 源码解读](https://juejin.cn/post/6844903732786757646)

#### 刷题

- [连续子数组的最大和](https://leetcode-cn.com/problems/lian-xu-zi-shu-zu-de-zui-da-he-lcof/)
- [翻转单词顺序](https://leetcode-cn.com/problems/fan-zhuan-dan-ci-shun-xu-lcof/)




## <u>**2021/3/22**</u>

#### 文章阅读:

- [宏任务和微任务](https://juejin.cn/post/6844903814508773383)
- [useEffect进阶指南（下）:](https://juejin.cn/post/6942397914782105637)

#### 源码阅读

- [【JUC源码】ArrayBlockingQueue源码分析](https://juejin.cn/post/6877218551016062990)
- [【Vue源码】mixin 源码解析](https://juejin.cn/post/6844904015495446536)

#### 刷题

- [青蛙跳阶问题](https://leetcode-cn.com/problems/qing-wa-tiao-tai-jie-wen-ti-lcof/)
- [链表中倒数第k个节点](https://leetcode-cn.com/problems/lian-biao-zhong-dao-shu-di-kge-jie-dian-lcof/)





## <u>**2021/3/21**</u>

#### 文章阅读:

- [React 中后台系统多页签实现 ｜ 项目复盘](https://juejin.cn/post/6941683774153293837)
- [React 性能优化实践 - 精细化渲染](https://juejin.cn/post/6941994861239205918)


#### 源码阅读

- [React源码解析-React.createElement](https://juejin.cn/post/6870291409841160206)
- [React源码解析-React.Children](https://juejin.cn/post/6869920189916381198)

#### 刷题

- [黑白方格画](https://leetcode-cn.com/problems/ccw6C7/)
- [顺时针打印矩形](https://leetcode-cn.com/problems/shun-shi-zhen-da-yin-ju-zhen-lcof/)




## <u>**2021/3/20**</u>

#### 文章阅读:

- [React router 原理与实现](https://juejin.cn/post/6941355856239788069)
- [代码中关于设计模式的思考](https://juejin.cn/post/6941290537160802312)


#### 源码阅读

- [React源码分析](https://juejin.cn/post/6844903586527182861)
- [React](https://juejin.cn/post/6844903698921947144)


#### 刷题

- [整数反转](https://leetcode-cn.com/problems/reverse-integer/)
- [回文数](https://leetcode-cn.com/problems/palindrome-number/)

## 4组小组成员: 武警荣
## <u>**2021/4/14**</u>
#### 文章阅读
- [10个JS优化小技巧](https://juejin.cn/post/6924108781542440974)

#### 源码阅读
- [Array.sort 算法原理](https://juejin.cn/post/6893402945585414151)

#### 力扣刷题
- [ 删除排序数组中的重复项](https://leetcode-cn.com/leetbook/read/tencent/xxynuj/)
  


## <u>**2021/4/13**</u>
#### 文章阅读
- [Vite2项目最佳实践](https://juejin.cn/post/6924912613750996999)

#### 源码阅读
- [redux-thunk 之谜](https://juejin.cn/post/6844903811178315790)

#### 力扣刷题
- [四数之和](https://leetcode-cn.com/problems/4sum/)
  


## <u>**2021/4/12**</u>
#### 文章阅读
- [使用 mask 实现视频弹幕人物遮罩过滤](https://juejin.cn/post/6931168723021758478)

#### 源码阅读
- [AndPermission源码阅读](https://juejin.cn/post/6844903840517455879)

#### 力扣刷题
- [旋转矩阵](https://leetcode-cn.com/leetbook/read/tencent/x5w3sr/)
  

## <u>**2021/4/10**</u>
#### 文章阅读
- [vue插件——滚动监听 vue-scrollwatch](https://juejin.cn/post/6844903559348256782)

#### 源码阅读
- [Vue源码阅读--过滤器](https://juejin.cn/post/6844903702298361870)

#### 力扣刷题
- [自行变形](https://leetcode-cn.com/problems/zigzag-conversion/)

## <u>**2021/4/09**</u>
#### 文章阅读
- [ES6的Proxy ，一颗问路的石子](https://juejin.cn/post/6929887545887031309)

#### 源码阅读
- [BetterScroll源码阅读顺便学习TypeScript](https://juejin.cn/post/6893416439504437262)
  
#### 力扣刷题
- [删除链表的倒数第N个节点](https://leetcode-cn.com/problems/remove-nth-node-from-end-of-list/)




## <u>**2021/4/08**</u>
#### 文章阅读
- [Vue SEO的四种方案](https://juejin.cn/post/6933089780389380110)

#### 源码阅读
- [redux-thunk 之谜](https://juejin.cn/post/6844903811178315790)
  
#### 力扣刷题
- [组合总和](https://leetcode-cn.com/problems/combination-sum-ii/)


## <u>**2021/4/07**</u>
#### 文章阅读
- [这些高阶ts内置泛型帮助类型，你用过几个](https://juejin.cn/post/6893071406481801224)

#### 源码阅读
- [【大型干货】手拉手带你过一遍vue部分源码](https://juejin.cn/post/6844903598258651144)
- 
#### 力扣刷题
- [二叉树遍历-递归推导]([zt.md](https://juejin.cn/post/6931699587954507784))


## <u>**2021/4/06**</u>
#### 文章阅读
- [面试题之Jsonp的理解及手写代码](https://juejin.cn/post/6947694608247685127)

#### 源码阅读
- [学习 vue3 源码的利器](https://juejin.cn/post/6925668019884523534)
#### 力扣刷题
- [跳水板](https://leetcode-cn.com/problems/diving-board-lcci/)


## <u>**2021/4/05**</u>
#### 文章阅读
- [ JavaScript高程笔记](https://juejin.cn/post/6932740042536747022)

#### 源码阅读
- [Gson源码阅读](https://juejin.cn/post/6844903875464396807)
#### 力扣刷题
- [三数之和](https://leetcode-cn.com/problems/3sum/)

## <u>**2021/4/02**</u>
#### 文章阅读
- [VUE的'动态'案例](https://juejin.cn/post/6893303835251441677)
- [浅谈前端模块化](https://juejin.cn/post/6893376571978022926)

#### 源码阅读
- [Spring源码阅读-IOC源码阅读（一）](https://juejin.cn/post/6844903991197827079)
#### 力扣刷题
- [最大子序和](https://leetcode-cn.com/leetbook/read/tencent/x5w3sr/)
- [反转字符串中的单词 ](https://leetcode-cn.com/leetbook/read/tencent/xxjfdd/)


## <u>**2021/4/01**</u>
#### 文章阅读
- [ Vue 2.x 源码阅读记录（一）：渲染过程](https://juejin.cn/post/6946075651782737933)
- [ 前端工程化之低代码体系](https://juejin.cn/post/6943564601694879775)

#### 源码阅读
- [ webpack核心模块tapable源码解析](https://juejin.cn/post/6946094725703139358)
#### 力扣刷题
- [ 单词搜索](https://leetcode-cn.com/leetbook/read/top-interview-questions/xaorig/)
- [ 字符串转换整数](https://leetcode-cn.com/problems/jump-game-ii/)


## <u>**2021/3/31**</u>
#### 文章阅读
- [移动端页面布局开发](https://juejin.cn/post/6945719197276045342)
- [前端工程化之低代码体系](https://juejin.cn/post/6943564601694879775)

#### 源码阅读
- [基于React全家桶开发「网易云音乐PC」项目实战(二)](https://juejin.cn/post/6894914653479960583#heading-40)
#### 力扣刷题
- [外观数列](https://leetcode-cn.com/problems/count-and-say/)
- [跳跃游戏](https://leetcode-cn.com/problems/jump-game-ii/)


## <u>**2021/3/30**</u>
#### 文章阅读
- [一文吃透react-hooks原理](https://juejin.cn/post/6944863057000529933)
- [Bind、Call、Apply 理解与应用](https://juejin.cn/post/6945282299692843044)

#### 源码阅读
- [深入阅读 koa 源码](https://juejin.cn/post/6844903966577295368)
#### 力扣刷题
- [最大子序和](https://leetcode-cn.com/leetbook/read/tencent/x5w3sr/)
- [URL缓存机制](https://leetcode-cn.com/leetbook/read/tencent/x57w6h/)

## <u>**2021/3/29**</u>
#### 文章阅读
- [什么是BFC](https://juejin.cn/post/6924572579386621960)
- [算法与数据结构」Trie树之美](https://juejin.cn/post/6888451657504391181)
#### 源码阅读
- [AngularJS源码研究](https://juejin.cn/post/6931645998141800462)
#### 力扣刷题
- [螺旋矩阵](https://leetcode-cn.com/leetbook/read/tencent/x5elr5/)
- [最小栈](https://leetcode-cn.com/leetbook/read/tencent/x5l233/)


## <u>**2021/3/27**</u>
#### 文章阅读
- [css晦涩难懂的点都在这啦](https://juejin.cn/post/6888102016007176200)

- [Vue - 动态创建注册component](https://juejin.cn/post/6844903865209323527)
#### 源码阅读
- [react/react-native性能优化](https://juejin.cn/post/6844903737262080014)
#### 力扣刷题
- [字符串相乘](https://leetcode-cn.com/problems/multiply-strings/)

- [相加32算法](https://leetcode-cn.com/problems/to-lower-case/solution/javascript-a65-a97-xiang-jia-32-suan-fa-by-maroone/)



## <u>**2021/3/26**</u>
#### 文章阅读
- [打造自适应网站只用一个CSS属性就够了](https://juejin.cn/post/6892766734995226631)

- [小程序和vue简单对比](https://juejin.cn/post/6844903504633397256)
#### 源码阅读
- [AndPermission源码阅读](https://juejin.cn/post/6844903840517455879)
#### 力扣刷题
- [无重复字符的最长字符串](https://leetcode-cn.com/problems/longest-substring-without-repeating-characters/)

- [移除链表元素](https://leetcode-cn.com/problems/remove-linked-list-elements/)


## <u>**2021/3/25**</u>
#### 文章阅读
- [初识React](https://juejin.cn/post/6844903503496740871)

- [【JavaScript】有趣的作用域和提升](https://juejin.cn/post/6883462967082516487)
#### 源码阅读
- [Webpack 详解](https://juejin.cn/post/6926760819375996941)
#### 力扣刷题
- [四数之和](https://leetcode-cn.com/problems/4sum/)
- [最小栈](https://leetcode-cn.com/leetbook/read/tencent/x5l233/)




## <u>**2021/3/24**</u>
#### 文章阅读
- [面向对象还是基于对象？](https://juejin.cn/post/6942880054946824229)

- [浅谈Vue虚拟DOM技术](https://juejin.cn/post/6943047783888715813)
#### 源码阅读

- [AndPermission源码阅读](https://juejin.cn/post/6844903840517455879)
#### 力扣刷题

- [存在重复元素](https://leetcode-cn.com/leetbook/read/tencent/x5h4n3/)

- [正则表达式匹配](https://leetcode-cn.com/problems/regular-expression-matching/)



## <u>**2021/3/23**</u>
#### 文章阅读
- [JS设计模式之策略模式](https://juejin.cn/post/6942716720612114446)

- [全面解析JavaScript中的call、apply、bind、new](https://juejin.cn/post/6940963094948478990)
#### 源码阅读
- [带你全面分析vue-router源码](https://juejin.cn/post/6844904064367460366)
#### 力扣刷题
- [二进制求和](https://leetcode-cn.com/problems/add-binary/)

- [回文数](https://leetcode-cn.com/problems/palindrome-number/)


## <u>**2021/3/22**</u>
#### 文章阅读
- [JS中new关键字的实现](https://juejin.cn/post/6942398603876892685)
- [javaScript 语言基础](https://juejin.cn/post/6942162373557878798)
#### 源码阅读
- [一步一步实现一个 Vue](https://juejin.cn/post/6844903539349651463)
#### 力扣刷题
- [最后一个单词的长度](https://leetcode-cn.com/problems/length-of-last-word/)
- [罗马数字转整数](https://leetcode-cn.com/problems/roman-to-integer/)


## <u>**2021/3/21**</u>
#### 文章阅读
- [前端工程化开发之工程化基础](https://juejin.cn/post/6942004101823758373)

- [做好前端的 10 个习惯](https://juejin.cn/post/6916420781069041677)
#### 源码阅读
- [增加点击时应用内跳转URL](https://github.com/im3x/Scriptables/blob/main/one/latest.js)
#### 力扣刷题
- [检查两个字符串数组是否相等](https://leetcode-cn.com/problems/check-if-two-string-arrays-are-equivalent/)



## <u>**2021/3/20**</u>
#### 文章阅读
- [ES6 对象解构的用法与用途](https://juejin.cn/post/6941597799121158157)
- [JavaScript 中哪一种循环最快呢？](https://juejin.cn/post/6930973929452339213)
#### 源码阅读
- [Axios 源码解析](https://juejin.cn/post/6844903824583294984)
#### 力扣刷题
- [整数反转](https://leetcode-cn.com/problems/reverse-integer/)

- [数组总和11](https://leetcode-cn.com/problems/combination-sum/)





## 4组小组成员 ： 乔国卿

## <u>**2021/4/1**</u>

#### 文章阅读
- [4-1 当面试官问Webpack的时候他想知道什么](https://juejin.cn/post/6943468761575849992#heading-2)
#### 源码阅读
- [4-1 手写 call，apply，bind，new原生方法](https://www.sdk.cn/details/O09rDkZdewOVbBo5pa)
#### LeetCode刷题
- [4-1 大的国家MySQL](https://leetcode-cn.com/problems/big-countries/submissions/)
#### 项目代码

- 

#### 遇到的问题

- 123123
## <u>**2021/3/31**</u>

#### 文章阅读
- [3-31 手摸手，带你优雅的使用 icon](https://juejin.cn/post/6844903517564436493)
#### 源码阅读
- [3-31 flat的几种实现](https://www.jianshu.com/p/cd5f3f60d28a)
#### LeetCode刷题
- [3-31 只出现一次的数字](https://leetcode-cn.com/problems/single-number/submissions/)
#### 项目代码

- 做到了图片页面

#### 遇到的问题

- 123123
## <u>**2021/3/30**</u>

#### 文章阅读

-  [3-30 彻底搞懂word-break、word-wrap、white-space](https://juejin.cn/post/6844903667863126030)
   ##### 1.white-space，控制空白字符的显示，同时还能控制是否自动换行。它有五个值：normal | nowrap | pre | pre-wrap | pre-line
   ##### 2.word-break，控制单词如何被拆分换行。它有三个值：normal | break-all | keep-all
   ##### 3.word-wrap（overflow-wrap）控制长度超过一行的单词是否被拆分换行，是word-break的补充，它有两个值：normal | break-word

#### 源码阅读
   - [3-30【Vue源码】mixin 源码解析](https://juejin.cn/post/6844904015495446536)
#### LeetCode刷题
   - [3-30 最大子序和](https://leetcode-cn.com/problems/maximum-subarray/solution/zui-da-zi-xu-he-by-leetcode-solution/)
   - [3-30 螺旋矩阵](https://leetcode-cn.com/problems/spiral-matrix/solution/luo-xuan-ju-zhen-by-leetcode-solution/)
#### 项目代码

- 1232131

#### 遇到的问题

- 123123


## <u>**2021/3/27**</u>

#### 文章阅读

- [3-27 【1 月最新】前端 100 问：能搞懂 80% 的请把简历给我]([git@gitee.com:qiao_guo_qing/practical-group5.git](https://juejin.cn/post/6844903885488783374#heading-11))

#### 源码阅读

#### LeetCode刷题

#### 项目代码

- 1232131

#### 遇到的问题

- 123123



## <u>**2021/3/26**</u>

#### 文章阅读

- [3-36 不好意思！耽误你的十分钟，让MVVM原理还给你](https://juejin.cn/post/6844903586103558158)

#### 源码阅读

#### LeetCode刷题

#### 项目代码

- 1232131

#### 遇到的问题

- 123123





## <u>**2021/3/25**</u>

#### 文章阅读

- [3-24 rem布局解析](https://juejin.cn/post/6844903671143088136)
-  媒体查询    js  css  插件  
  
#### 源码阅读

#### LeetCode刷题

#### 项目代码

- 1232131

#### 遇到的问题

- 123123






## <u>**2021/3/24**</u>
#### 文章阅读

- [3-24 css加载会造成阻塞吗](https://segmentfault.com/a/1190000018130499)
- 1 css加载不会阻塞DOM树的解析
- 2 css加载会阻塞DOM树的渲染
- 3 css加载会阻塞后面js语句的执行、
## 因此，为了避免让用户看到长时间的白屏时间，我们应该尽可能的提高css加载速度，比如可以使用以下几种方法:
- [使用CDN(因为CDN会根据你的网络状况，替你挑选最近的一个具有缓存内容的节点为你提供资源，因此可以减少加载时间)对css进行压缩(可以用很多打包工具，比如webpack,gulp等，也可以通过开启gzip压缩)
- 合理的使用缓存(设置cache-control,expires,以及E-tag都是不错的，不过要注意一个问题，就是文件更新后，你要避免缓存而带来的影响。其中一个解决防范是在文件名字后面加一个版本号)
    减少http请求数，将多个css文件合并，或者是干脆直接写成内联样式(内联样式的一个缺点就是不能缓存)]
- [3-24 不可思议的纯 CSS 滚动进度条效果](https://juejin.cn/post/6844903758074216462)
``` css
body {
    background-image: linear-gradient(to right top, #ffcc00 50%, #eee 50%);
    background-size: 100% calc(100% - 100vh + 5px);
    background-repeat: no-repeat;
}
```
  
#### 源码阅读


#### LeetCode刷题


#### 项目代码

- 1232131

#### 遇到的问题

- 123123






## <u>**2021/3/23**</u>

#### 文章阅读

- [3-23 TypeScript，初次见面，请多指教](https://zhuanlan.zhihu.com/p/57958328)
  
#### 源码阅读

#### LeetCode刷题

#### 项目代码

- 1232131

#### 遇到的问题

- 123123




## <u>**2021/3/22**</u>

#### 文章阅读

- [3-22 可能是你需要的 React + TypeScript 50 条规范和经验](https://juejin.cn/post/6844903849166110728)
- 
#### 源码阅读

- [3-22 原生JS实现简单的Promise](https://www.ucloud.cn/yun/103844.html)

#### LeetCode刷题


#### 项目代码

- 1232131

#### 遇到的问题

- 123123





## <u>**2021/3/21**</u>

#### 文章阅读

- [3-21 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践](https://juejin.cn/post/6921886428158754829)
- [3-21 一个合格的初级前端工程师需要掌握的模块笔记](https://juejin.cn/post/6925197705832562696)


#### 源码阅读

- 123123213

#### LeetCode刷题

- [3-21 两数之和](https://leetcode-cn.com/problems/two-sum/submissions/)

#### 项目代码

- 1232131

#### 遇到的问题

- 123123





## <u>**2021/3/19**</u>

#### 文章阅读

- [3-19 JavaScript 中哪一种循环最快呢？](https://juejin.cn/post/6930973929452339213)
- [3-19 三十分钟包会——正则表达式](https://juejin.cn/post/6939854031787393031)    

#### 源码阅读

- 123123213

#### LeetCode刷题

- [3-19 数组和字符串](https://leetcode-cn.com/leetbook/read/array-and-string/chg0d/)

#### 项目代码

- 1232131

#### 遇到的问题

- 123123

## 王君霁
## <u>**2021-4-15**</u>
#### 文章阅读 
   - [常见react面试题汇总](https://www.cnblogs.com/passkey/p/12735123.html#item-9)
#### 源码阅读 
   - [深入理解 redux 及其中间件原理](https://juejin.cn/post/6844904191228411911)  
#### LeetCode刷题  
   - [杨辉三角 II](https://leetcode-cn.com/problems/pascals-triangle-ii/submissions/)
#### 项目代码 

## <u>**2021-4-14**</u>
#### 文章阅读 
   - [web前端面试题-jQuery篇](https://juejin.cn/post/6844903989499150350)
#### 源码阅读 
   - [jQuery源码解析之clone()](https://juejin.cn/post/6844903830782476295)  
#### LeetCode刷题  
   - [杨辉三角](https://leetcode-cn.com/problems/pascals-triangle/submissions/)
#### 项目代码 

## <u>**2021-4-13**</u>
#### 文章阅读 
   - [50 个React 面试题](https://juejin.cn/post/6950052678927908901https://blog.csdn.net/eyeofangel/article/details/88797314)
#### 源码阅读 
   - [lodash源码浅析之如何实现深拷贝](https://juejin.cn/post/6844904098345582599)  
#### LeetCode刷题  
   - []()
#### 项目代码 

## <u>**2021-4-12**</u>
#### 文章阅读 
   - [TypeScript](https://juejin.cn/post/6950052678927908901)
#### 源码阅读 
   - [lodash 源码解析 -- get](https://juejin.cn/post/6940561908030242824)  
#### LeetCode刷题  
   - []()
#### 项目代码
   - [x] 练习Jenkins部署


## <u>**2021-4-10**</u>
#### 文章阅读 
   - [跨域](https://juejin.cn/post/6947940375008903176)
#### 源码阅读 
   - [lodash 源码解析 -- size](https://juejin.cn/post/6948707883433328648)  
#### LeetCode刷题  
   - []()
#### 项目代码
   - [x] 修改细节


## <u>**2021-4-8**</u>
#### 文章阅读 
   - [为什么要学习设计原则](https://juejin.cn/post/6948235657978314783)
#### 源码阅读 
   - [惰性求值的原理分析](https://www.cnblogs.com/walls/p/9499454.html)  
#### LeetCode刷题  
   - []()
#### 项目代码
   - [x] 添加删除班级教室数据
#### 遇到的问题

## <u>**2021-4-7**</u>
#### 文章阅读 
   - [为什么要学习设计原则](https://juejin.cn/post/6948235657978314783)
#### 源码阅读 
   - [惰性求值的原理分析](https://www.cnblogs.com/walls/p/9499454.html)  
#### LeetCode刷题  
   - []()
#### 项目代码
   - [x] 获取班级管理数据渲染页面
#### 遇到的问题

## <u>**2021-4-6**</u>
#### 文章阅读 
   - [this指向](https://juejin.cn/post/6946021671656488991)
#### 源码阅读 
   - [lodash学习](https://blog.csdn.net/qq_35414779/article/details/79077618)
#### LeetCode刷题  
   - []()
#### 项目代码
   - [x] 获取班级管理数据渲染页面
#### 遇到的问题

## <u>**2021-4-2**</u>
#### 文章阅读 
   - [React 面试题(三)](https://juejin.cn/post/6942813303664017444)
#### 源码阅读 
   - [lodash](https://www.jianshu.com/p/d46abfa4ddc9)
#### LeetCode刷题  
   - [删除有序数组重复项](https://leetcode-cn.com/problems/remove-duplicates-from-sorted-array/))
#### 项目代码
   - [x] 搭建项目结构
   - [x] 页面主要排版
   - [x] 登录页面排版
#### 遇到的问题 

## <u>**2021-4-1**</u>
#### 文章阅读 
   - [React 面试题(二)](https://juejin.cn/post/6942438427291811870)
#### 源码阅读 
   - [Diff算法](https://segmentfault.com/a/1190000017039293)
#### LeetCode刷题  
   - [删除有序数组重复项](https://leetcode-cn.com/problems/remove-duplicates-from-sorted-array/))
#### 项目代码
   - [x] 搭建项目结构
   - [x] 登录页面排版
#### 遇到的问题 

## <u>**2021-3-31**</u>
#### 文章阅读 
   - [React 面试题(一)](https://juejin.cn/post/6940873220618731551)
#### 源码阅读 
   - [promise实现原理](https://juejin.cn/post/6945113134826946596)
#### LeetCode刷题  
   - [删除有序数组重复项](https://leetcode-cn.com/problems/remove-duplicates-from-sorted-array/))
#### 项目代码
  
#### 遇到的问题 


## <u>**2021-3-30**</u>
#### 文章阅读 
   - [React 组件设计指南](https://juejin.cn/post/6942720798335434766)
#### 源码阅读 
   - [React Router 的原理](https://juejin.cn/post/6943566842132693028)
#### LeetCode刷题  
   - [第二高的薪水](https://leetcode-cn.com/problems/second-highest-salary/)
#### 项目代码
   - [x] 渲染品牌列表
   - [x] 渲染车系列表
   - [x] 修改详情页面 
   - [x] 渲染图片页面
#### 遇到的问题 

## <u>**2021-3-29**</u>
#### 文章阅读 
   - [HTTP知识点总结](https://juejin.cn/post/6944989981651763214)
#### 源码阅读 
   - [react-hooks原理](https://juejin.cn/post/6944863057000529933)
#### LeetCode刷题  
   - [第二高的薪水](https://leetcode-cn.com/problems/second-highest-salary/)
#### 项目代码
   - [x] 渲染品牌列表
   - [x] 渲染车系列表
   - [x] 渲染详情页面 
#### 遇到的问题 

## <u>**2021-3-27**</u>
#### 文章阅读 
   - [设计模式系列 -- 单例模式](https://juejin.cn/post/6944547838743445540)
#### 源码阅读 
  - [【Vue源码】mixin 源码解析](https://juejin.cn/post/6844904015495446536)
#### LeetCode刷题  
   - [从不订购的客户](https://leetcode-cn.com/problems/customers-who-never-order/)
#### 项目代码
   - [x] 渲染品牌列表
   - [x] 渲染车系列表
   - [x] 渲染详情页面
#### 遇到的问题 

## <u>**2021-3-26**</u>
#### 文章阅读 
   - [useEffect(二)](https://juejin.cn/post/6944547838743445540)
#### 源码阅读 
  - [【Vue源码】mixin 源码解析](https://juejin.cn/post/6844904015495446536)
#### LeetCode刷题  
   - [查找重复的数据](https://leetcode-cn.com/problems/duplicate-emails/submissions/)
#### 项目代码
   - [x] 渲染品牌列表
   - [x] 渲染车系列表
   - [x] 获取详情页面数据
#### 遇到的问题 

## <u>**2021-3-25**</u>
#### 文章阅读 
  - [useEffect(一)](https://juejin.cn/post/6942738290667700231)
#### 源码阅读
  - [Observer/Dep/Watcher三者实现](https://blog.csdn.net/u011374329/article/details/102486479)
#### LeetCode刷题  
   - [删除重复数据](https://leetcode-cn.com/problems/delete-duplicate-emails/)
#### 项目代码
   - [x] 渲染品牌列表
   - [x] 渲染车系列表
#### 遇到的问题 
   - 

## <u>**2021-3-24**</u>
#### 文章阅读 
   - [Vue3.0 新特性](https://juejin.cn/post/6940454764421316644)
#### 源码阅读 
   - [dva源码分析](https://juejin.cn/post/6942662493118414861)
#### LeetCode刷题  
   - [组合两个表](https://leetcode-cn.com/problems/combine-two-tables/submissions/)
#### 项目代码
   - [x] 渲染车系列表
#### 遇到的问题 
   - 下载redux-logger报错 已解决
  
## <u>**2021-3-23**</u>
#### 文章阅读 
   - [HTTP状态码](https://www.yuque.com/woaibiancheng/eibiux/vh83gthttps://blog.csdn.net/qq_27674439/article/details/93976115)
   - [umi常用配置](https://www.91kuzhan.com/article-8464-1.html?_dsign=f119227b)
#### 源码阅读 
   - [vue3 reactive 实现响应式](https://blog.csdn.net/qq_15009739/article/details/110421846)
#### LeetCode刷题  
   - [去掉最低工资和最高工资后的工资平均值](https://leetcode-cn.com/problems/average-salary-excluding-the-minimum-and-maximum-salary/submissions/)
#### 项目代码
   - [x] 渲染品牌列表
#### 遇到的问题 
   - 

## <u>**2021-3-22**</u>
#### 文章阅读 
   - [npm和yarn的区别](https://blog.csdn.net/qq_27674439/article/details/93976115)
   - [yarn官网](https://yarn.bootcss.com/docs/)
#### 源码阅读 
   - Vue computed以及watch简单实现
#### LeetCode刷题  
   - [移除元素](https://leetcode-cn.com/problems/remove-element/)
#### 项目代码
   - 完成
#### 遇到的问题 
   - git 上传不上去  已解决
   - 代码报错   已解决
  
## <u>**2021-3-21**</u>
#### 文章阅读 
   - [react设计原理](https://blog.csdn.net/running_shuai/article/details/80284698)
#### 源码阅读 
   - 
#### LeeCode刷题  
   - [两数之和](https://leetcode-cn.com/problems/two-sum/)
#### 项目代码
   - 
#### 遇到的问题
   - 

## <u>**2021-3-20**</u>
#### 文章阅读 
  - [css径向渐变](https://blog.csdn.net/zag666/article/details/100111292)
#### 源码阅读 
#### LeetCode刷题  
   - [搜索插入位置](https://blog.csdn.net/zag666/article/details/100111292)
#### 项目代码
   - 
#### 遇到的问题
   -  无

## <u>**2021-3-19**</u>
#### 文章阅读 
   - [虚拟DOM](https://juejin.cn/post/6844904122517291021)
#### 源码阅读 
   - 
#### LeetCode刷题  
   - [寻找中心下标](https://leetcode-cn.com/leetbook/read/array-and-string/cxqdh/)
#### 项目代码
   - 
#### 遇到的问题
   - 无



## 仉涛

## <u>**2021/3/28**</u>

#### 文章阅读

- [IE与火狐的事件机制有什么区别?如何阻止冒泡](https://blog.csdn.net/palette_/article/details/71106561)
- [focus/blur与focusin/focusout的区别于联系](https://blog.csdn.net/weixin_30819163/article/details/96921121)

#### 源码阅读

- [介绍dom dom2 dom3 的事件处理方式区别](https://blog.csdn.net/YYT_0109/article/details/88529101)

#### LeeCode刷题

- [丑数](https://leetcode-cn.com/problems/maximum-subarray/solution/zui-da-zi-xu-he-by-leetcode-solution/)
- [丑数二](https://leetcode-cn.com/problems/spiral-matrix/solution/luo-xuan-ju-zhen-by-leetcode-solution/)

 #### 项目进度

      []页面渲染,
      []楼层,
      []详情，

#### 遇到的问题

- 没有

## <u>**2021/3/26**</u>

#### 文章阅读

- [什么是window对象?什么是cocument对象?](https://www.w3school.com.cn/jsref/dom_obj_window.asp)
- [解释下事件代理？](https://blog.csdn.net/xujie_0311/article/details/44459255)

#### 源码阅读

- [vue 中 computed & watch的简单实现](https://blog.csdn.net/mate_ge/article/details/90415164)

#### LeeCode刷题

- [最大子序和](https://leetcode-cn.com/problems/maximum-subarray/solution/zui-da-zi-xu-he-by-leetcode-solution/)
- [螺旋矩阵](https://leetcode-cn.com/problems/spiral-matrix/solution/luo-xuan-ju-zhen-by-leetcode-solution/)

 #### 项目进度

      [x]页面渲染,
      [x]楼层,
      [x]详情，

#### 遇到的问题

- 数据没有获取到

## <u>**2021/3/25**</u>

#### 文章阅读

- [JS 运行机制](https://www.jianshu.com/p/e06e86ef2595)
- [内存泄露](https://www.jianshu.com/p/e06e86ef2595)

#### 源码阅读

- [Watcher 实现](https://blog.csdn.net/weixin_33728708/article/details/88016918)
- [path 实现](https://blog.csdn.net/zhangxuekang/article/details/87718101)

#### LeeCode刷题

- [删除排序链表中的重复元素](https://leetcode-cn.com/problems/remove-duplicates-from-sorted-list/solution/shan-chu-pai-xu-lian-biao-zhong-de-zhong-49v5/)
- [两数之和](https://leetcode-cn.com/problems/two-sum/solution/javascript-ha-xi-jie-fa-by-tboys-mrvp/)

#### 项目进度

      [x]页面渲染,
      [x]楼层,
      [x]详情，

#### 遇到的问题

- 数据没有获取到

## <u>**2021/3/24**</u>

#### 文章阅读

- [闭包的缺点](https://zhuanlan.zhihu.com/p/60462068)

#### 源码阅读

- [diff的实现](https://blog.csdn.net/weixin_44369568/article/details/91488905)
- [patch的实现](https://www.jianshu.com/p/41ed877aa0cd)

#### LeeCode刷题

- [根据字符出现评率排序](https://leetcode-cn.com/problems/sort-characters-by-frequency/solution/tong-pai-xu-tong-yong-jie-fa-by-rodrick2-cnzf/)
- [永辉少数量的箭引爆气球](https://leetcode-cn.com/problems/minimum-number-of-arrows-to-burst-balloons/solution/yong-zui-shao-shu-liang-de-jian-yin-bao-qi-qiu-1-2/)

#### 项目进度

      [x]页面渲染,
      [x]楼层,
      [x]详情，

#### 遇到的问题

- 数据没有获取到

## <u>**2021/3/23**</u>

#### 文章阅读

- [原型链中的this指向](https://zhuanlan.zhihu.com/p/163633300)

#### 源码阅读

- [flat实现](https://www.jianshu.com/p/54609c2eec4e)

#### LeeCode刷题

- [随机反转矩阵](https://leetcode-cn.com/problems/random-flip-matrix/solution/javascript-knuth-durstenfeld-shuffle-ha-jwh4m/)
- [超级洗衣机](https://leetcode-cn.com/problems/super-washing-machines/)

#### 项目进度

      []页面渲染,
      [x]楼层,
      [x]详情，

#### 遇到的问题

- 没有

## <u>**2021/3/22**</u>

#### 文章阅读

- [原型链]([深入理解js对象](https://juejin.cn/post/6921911176133771278))

#### 源码阅读

- [Promise](https://www.jianshu.com/p/266022277e2a)

#### LeeCode刷题

- [提莫攻击](https://leetcode-cn.com/problems/teemo-attacking/solution/495-ti-mo-gong-ji-by-evanliu-b-pzpi/)
- [在每个树行中找最大值][(https://leetcode-cn.com/problems/teemo-attacking/solution/495-ti-mo-gong-ji-by-evanliu-b-pzpi/](https://leetcode-cn.com/problems/find-largest-value-in-each-tree-row/solution/515-zai-mei-ge-shu-xing-zhong-zhao-zui-da-zhi-by-a/)

#### 项目进度

      []页面渲染，
      []全选反选,
      []加加减减,
      []计算总价，

#### 遇到的问题

- 没有

## <u>**2021/3/20**</u>

#### 文章阅读

- [深入理解js对象](https://juejin.cn/post/6921911176133771278)

#### 源码阅读

- [React生态，dva源码阅读](https://juejin.cn/post/6844903766991306766)

#### LeeCode刷题

- [LeetCode 算法题刷题心得（JavaScript）](https://juejin.cn/post/6844903604038402056)

#### 项目进度

      [] 页面排版

#### 遇到的问题

- 没有

## <u>**2021/3/19**</u>

#### 文章阅读

- [请描述一下 cookies,sessionStorage 和 localStorage的区别](https://blog.csdn.net/weixin_41829196/article/details/107685499)
- [介绍JS的基本数据类型](https://blog.csdn.net/jiangjuanjaun/article/details/80326757)

#### 源码阅读

- [介绍JS的基本数据类型](https://blog.csdn.net/jiangjuanjaun/article/details/80326757)

#### LeeCode刷题

- [斐波那契数](https://leetcode-cn.com/problems/fibonacci-number/solution/509-fei-bo-na-qi-shu-by-zhanzekun-nrxx/)
- [七进制数](https://leetcode-cn.com/problems/base-7/solution/di-gui-jie-fa-by-supermanblues-u489/)

#### 项目进度

      [X] 页面排版

#### 遇到的问题

- 没有

## 4组小组成员:高海瑶

## <u>**2021/3/27**</u>

#### 文章阅读:

- [对web标准的理解](https://juejin.cn/post/6844904017680662536)

#### 源码阅读

- [umi-request 源码简析](https://juejin.cn/post/6941313144107057165)

#### 刷题

- [翻转单词排序](https://leetcode-cn.com/problems/fan-zhuan-dan-ci-shun-xu-lcof/)







## <u>**2021/3/26**</u>

#### 文章阅读:

- [当面试官问Webpack的时候想知道什么](https://juejin.cn/post/6943468761575849992)

#### 源码阅读

- [Hello！umi](https://juejin.cn/post/6844903557783633927)

#### 刷题

- [第一次之出现一次的字符](https://leetcode-cn.com/problems/di-yi-ge-zhi-chu-xian-yi-ci-de-zi-fu-lcof/)






## <u>**2021/3/25**</u>

#### 文章阅读:

- [React.js的一些笔记](https://juejin.cn/post/6943532108841238535)


#### 源码阅读

- [JUC源码】CopyOnWriteArrayList源码分析](https://juejin.cn/post/6876822647309762568)

#### 刷题

- [翻转单词排序](https://leetcode-cn.com/problems/fan-zhuan-dan-ci-shun-xu-lcof/)


## <u>**2021/3/24**</u>

#### 文章阅读:

- [在 React 中如何防止代码爆炸](https://juejin.cn/post/6942762282220781604)

#### 源码阅读

- [Java容器源码系列](https://juejin.cn/post/6871436267255824391)

#### 刷题

- [连续子数组的最大和](https://leetcode-cn.com/problems/lian-xu-zi-shu-zu-de-zui-da-he-lcof/)

## <u>**2021/3/23**</u>

#### 文章阅读:

- [React 组件设计指南](https://juejin.cn/post/6942720798335434766)
- [Deno 将停用 TypeScript 的五个原因](https://juejin.cn/post/6934140963262562312)

#### 源码阅读

- [vuex 源码：源码系列解读总结](https://juejin.cn/post/6844903602314543112)
- [Redux 源码解读](https://juejin.cn/post/6844903732786757646)

#### 刷题

- [连续子数组的最大和](https://leetcode-cn.com/problems/lian-xu-zi-shu-zu-de-zui-da-he-lcof/)
- [翻转单词顺序](https://leetcode-cn.com/problems/fan-zhuan-dan-ci-shun-xu-lcof/)




## <u>**2021/3/22**</u>

#### 文章阅读:

- [宏任务和微任务](https://juejin.cn/post/6844903814508773383)
- [useEffect进阶指南（下）:](https://juejin.cn/post/6942397914782105637)

#### 源码阅读

- [【JUC源码】ArrayBlockingQueue源码分析](https://juejin.cn/post/6877218551016062990)
- [【Vue源码】mixin 源码解析](https://juejin.cn/post/6844904015495446536)

#### 刷题

- [青蛙跳阶问题](https://leetcode-cn.com/problems/qing-wa-tiao-tai-jie-wen-ti-lcof/)
- [链表中倒数第k个节点](https://leetcode-cn.com/problems/lian-biao-zhong-dao-shu-di-kge-jie-dian-lcof/)





## <u>**2021/3/21**</u>

#### 文章阅读:

- [React 中后台系统多页签实现 ｜ 项目复盘](https://juejin.cn/post/6941683774153293837)
- [React 性能优化实践 - 精细化渲染](https://juejin.cn/post/6941994861239205918)


#### 源码阅读

- [React源码解析-React.createElement](https://juejin.cn/post/6870291409841160206)
- [React源码解析-React.Children](https://juejin.cn/post/6869920189916381198)

#### 刷题

- [黑白方格画](https://leetcode-cn.com/problems/ccw6C7/)
- [顺时针打印矩形](https://leetcode-cn.com/problems/shun-shi-zhen-da-yin-ju-zhen-lcof/)




## <u>**2021/3/20**</u>

#### 文章阅读:

- [React router 原理与实现](https://juejin.cn/post/6941355856239788069)
- [代码中关于设计模式的思考](https://juejin.cn/post/6941290537160802312)


#### 源码阅读

- [React源码分析](https://juejin.cn/post/6844903586527182861)
- [React](https://juejin.cn/post/6844903698921947144)


#### 刷题

- [整数反转](https://leetcode-cn.com/problems/reverse-integer/)
- [回文数](https://leetcode-cn.com/problems/palindrome-number/)