一个正经的前端学习 开源 仓库(阶段八）

低调务实优秀中国好青年 (简介) && 附加答案

github.com/webVueBlog/…

一个 ☝️ 正经的前端学习 开源 仓库，启发来自 淘宝大佬 @冴羽 ，初心做一个真正能帮助到大家的仓库。（非常口语化的，手写总结）

👤：我是哪吒：如果你所学的东西 处于喜欢 才会有强大的动力支撑。

🐤 交流讨论 && 如何学习 && 转载声明

第一：你可以直接在本仓库阅读即可，阶段性学习。（可以转载里面的所有知识点用到任何地方，但请添加仓库的地址）有问题欢迎提交issues

欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个Star （此仓库每天都会准时更新）

🧑🏻 阶段八

• 216.事件循环Event Loop

• 217.知识点

• 218.html-css

• 219.0.1+0.2==0.3?

• 220.ES新特性

• 221.模块化

• 222.JS方法源码实现

• 223.用CSS创建一个三角形，并简述原理

• 224.写一个去除制表符和换行符的方法

• 225.圣杯布局和双飞翼布局的理解和区别

• 226.iframe框架都有哪些优缺点

• 227.BFC规范的理解

• 228.统计某一字符或字符串在另一个字符串中出现的次数

• 229.清除浮动的方式有哪些及优缺点

• 230.写一个加密字符串的方法

• 231.写一个判断数据类型的方法

• 232.优雅降级和渐进增强

• 233.浏览器内多个标签页之间的通信方式有哪些

• 234.viewport常见设置都有哪些

• 235.对比下px、em、rem有什么不同

• 236.http都有哪些状态码

• 237.标签语义化的理解

• 238.css常用的布局方式有哪些

• 239.简要描述下JS有哪些内置的对象

• 240.浏览器内核都有哪些

• 241.写一个获取当前url查询字符串中的参数的方法

• 242.html5中的form怎么关闭自动完成

• 243.什么是回调函数

• 244.网页应用从服务器主动推送到客户端有哪些方式

• 245.为什么HTML5只需要写就可以

• 246.写一个数组去重的方法

• 247.title与h1的区别、b与strong的区别、i与em的区别

• 248.style标签写在body前和body后的区别是什么

• 249.什么是闭包

• 250.返回到顶部的方法有哪些

🧑🏻‍💻 阶段七

• 191.new关键字

• 192.call

• 193.apply

• 194.bind

• 195.js

• 196.防抖与节流

• 197.原型链继承prototype

• 198.使用构造函数继承call

• 199.原型式继承Object.create.js

• 200.寄生式继承

• 201.寄生组合式继承

• 202.静态方法的实现原理

• 203.protected

• 204.class属性继承原理

• 205.class方法继承原理

• 206.https加密原理

• 207.总结原型链

• 208.原型链实例

• 209.call,apply借用原型链

• 210.原型继承

• 211.原型工厂封装

• 212.__proto__属性访问器

• 213.DataView视图

• 214.TypedArray

• 215.iterator使用场景

😇 阶段六

• 176.事件冒泡和事件捕获到底有何区别

• 177.用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值

• 178.写一个方法去掉字符串中的空格

• 179.CSS3有哪些新增的特性

• 180.html的元素有哪些

• 181.HTML全局属性(global attribute)有哪些

• 182.在页面上隐藏元素的方法有哪些

• 183.去除字符串中最后一个指定的字符

• 184.CSS选择器有哪些？哪些属性可以继承？

• 185.写一个方法把下划线命名转成大驼峰命名

• 186.HTML5的文件离线储存怎么使用，工作原理是什么

• 187.简述超链接target属性的取值和作用

• 188.CSS3新增伪类有哪些并简要描述

• 189.写一个把字符串大小写切换的方法

• 190.label都有哪些作用

🧑🏻‍💻 阶段五

• 151.数据绑定的容器更新

• 152.理解对象

• 153.箭头函数

• 154.高阶函数

• 155.静态属性的使用

• 156.instanceof

• 157.promise原理

• 158.数组的扩展

• 159.reduce

• 160.迭代器与for of

• 161.结构赋值

• 162.盒模型

• 163.权重和优先级

• 164.Flex实现垂直居中

• 165.一个大小为父元素宽度一半的正方形

• 166.左右固定中间自适应

• 167.flex左侧固定右侧自适应

• 168.函数有多个长辈

• 169.原型方法与对象方法优先级

• 170.使用父类构造函数初始属性

• 171.hasOwnProperty属性检测

• 172.isPrototypeOf原型检测

• 173.原型中的constructor引用

• 174.那些对象没有原型

• 175.instanceof

🥲 阶段四

• 146.页面导入样式时，使用link和@import有什么区别

• 147.什么是“use strict”,好处和坏处

• 148.console.log(0.1 + 0.2)

• 149.数组pop(), push(), unshift(), shift()的区别

• 150.==和===

🧑🏻‍💻 阶段三

• 101.闭包语义

• 102.构造函数的作用和使用形态

• 103.延伸函数生命周期

• 104.传递参数

• 105.对象的含义

• 106.浅拷贝

• 107.加解密

• 108.发送消息

• 109.深拷贝

• 110.对象api

• 111.计算机的组成

• 112.进程和线程

• 113.访问器

• 114.代理对象

• 115.代理函数

• 116.原型链

• 117.nodeEvent

• 118.websocket

• 119.HTTPS工作流程

• 120.三次挥手

• 121.缓存

• 122.数组使用代理拦截操作

• 123.创建对象

• 124.解构赋值

• 125.Object.assign

• 126.四次挥手

• 127.浏览器输入URL后回车

• 128.webpack实践

• 129.mustache

• 130.set语法

• 131.map语法

• 132.箭头函数

• 133.模板字符串

• 134.模板字符串

• 135.构造函数

• 136.声明类的语法

• 137.在类里面使用访问器

• 138.public属性

• 139.scoped

• 140.keep-alive

• 141.vue-router

• 142.vue-loader

• 143.修饰符

• 144.Vue.delete

• 145.OSI七层网络模型

🤣 阶段二

• 51.简述Chome盒模型与IE盒模型的区别

• 52.行内元素和块级元素都有哪一些

• 53.BFC

• 54.什么是弹性布局

• 55.html5有哪些新特性

• 56.position有哪些属性

• 57.请说出1px，1rem，1vh，1em各自代表的含义

• 58.什么是SPA

• 59.简述优雅降级与渐进增强

• 60.重绘与重排

• 61.解释下浮动和它的工作原理和清除浮动的方法

• 62.如何让一个盒子在页面垂直水平居中

• 63.前端性能优化方案

• 64.css选择器优先级顺序

• 65.CSS3有哪些新特性

• 66.什么是空元素

• 67.如何实现浏览器内多个标签页之间的通讯

• 68.为什么要初始化css样式

• 69.CSS3新增的伪类有哪些

• 70.说说对canvas，svg，webgl的理解

• 71.浏览器是如何渲染UI的

• 72.em、rem的区别

• 73.解释csssprites，如何使用

• 74.浏览器是如何渲染UI的

• 75.浏览器工作原理

• 76.伪类和伪元素的区别

• 77.介绍一下你对浏览器内核的理解

• 78.常见的浏览器内核有哪些

• 79.优化这些图片的加载

• 80.如何进行seo优化

• 81.如何实现0.5px边框

• 82.less和sass的区别

• 83.xhtml和html有什么区别

• 84.img标签上title与alt属性的区别是什么

• 85.a标签中 active hover link visited 正确的设置顺序是什么

• 86.如何处理HTML5新标签的浏览器兼容性问题

• 87.HTML5的离线储存怎么使用

• 88.页面导入样式时，使用link和@import有什么区别

• 89.git reset、git revert和git checkout

• 90.git pull 和 git fetch 之间有什么区别

• 91.如何在 Git 恢复先前的提交

• 92.使用箭头函数应注意什么

• 93.介绍下 Set、Map的区别

• 94.Promise构造函数是同步执行还是异步执行，那么 then 方法呢

• 95.setTimeout、Promise、Async/Await 的区别

• 96.下面的输出结果是多少

• 97.请写出以下代码的答案，并解释为什么要提升

• 98.var、let、const之间的区别

• 99.async 和 await

• 100.get和post的区别

🧑🏻‍💻 阶段一

• 1.xss总结

• 2.csrf

• 3.html加载过程

• 4.defer和async的区别

• 5.输入一个url后

• 6.浏览器线程线程模型

• 7.浏览器缓存

• 8.BFC

• 9.vue-DIFF算法

• 10.箭头函数和普通函数的区别

• 11.vue框架好在哪里

• 12.vue双向绑定弊端set实现

• 13.vue-router原理

• 14.跨域问题解决方案

• 15.ObjectdefinePropery和proxy

• 16.vue组件通信

• 17.vue双向绑定

• 18.三次握手和四次挥手

• 19.Axios

• 20.跨域

• 21.websocket

• 22.osi七层模型

• 23.模块加载方案

• 24.隐式类型转换

• 25.单向数据流与双向数据绑定

• 26.项目难点

• 27.EventBus订阅发布模式

• 28.http请求头

• 29.TCP

• 30.vue-router原理2

• 31.清除浮动的方式

• 32.发布订阅模式

• 41.闭包和作用域链

• 42.前端性能优化

• 43.模块化

• 44.http各版本

• 45.commonjs和es6

• 46.BFC

• 47.左侧固定右侧自适应

• 48.三角形

• 49.vuex核心原理

• 50.圣杯布局

全栈架构师

• 33.vue源码解读

• 34.webpack原理剖析

• 35.vue-router前端路由原理剖析

• 36.React16虚拟dom原理剖析

• 37.koa2源码剖析

• 38.Flutter

• 39.vue组件设计

• 40.Taro框架

Leetcode刷题&答案

• 1.两数之和

• 2.两数相加

• 20.有效的括号

• 21.合并两个有序链表

• 22.括号生成

• 24.两两交换链表中的节点

• 27.移除元素

• 35.搜索插入位置

• 49.字母异位词分组

• 46.全排列

• 53.最大子序和

• 56.合并区间

• 57.插入区间

• 77.组合

• 78.子集

• shields.io/

• leetcode

👩🏻‍💻：webVueBlog的leetcode刷题📒

1. Number题号

2. Title题目

3. Difficulty难度

4. Navigation解答

Number	Title	Difficulty	Navigation
1.	两数之和		两数之和
2.	两数相加		两数相加
3.	无重复字符的最长子串		无重复字符的最长子串

以 「早起」、「运动」、「冥想」、「写作」、「阅读」这五件能够快速改变人生的事情为切入点，帮助大家建立良好的生活习惯，技术的成长绝不是一朝一夕，良好的习惯将会帮助我们更快的进步，但在技术之外，我更希望大家能在这些事情的坚持中，收获一份自信，多一份底气，对人生多一份积极。--- （来源：低调务实优秀中国好青年群）

License