一个正经的前端学习 开源 仓库(阶段十二)

共 5661字,需浏览 12分钟

 ·

2022-04-11 23:48

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

github.com/webVueBlog/…

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

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

🐤 交流讨论 && 如何学习 && 转载声明 && 帮忙修正

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

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

🥰 阶段十二(340)


展开查看
  • 325.最佳实践

  • 326.typeof 操作符

  • 327.Undefined 类型

  • 328.Null 类型

  • 329.Boolean 类型

  • 330.Number 类型

  • 331.String 类型

  • 332.Symbol 类型

  • 333.Object 类型

  • 334.函数

  • 335.原始值与引用值

  • 336.动态属性

  • 337.复制值

  • 338.传递参数

  • 339.typeof 操作符

  • 340.执行上下文与作用域


😉 阶段十一(324)


展开查看
  • 307.script元素

  • 308.script元素放置位置

  • 309.推迟执行脚本

  • 310.异步执行脚本

  • 311.动态加载脚本

  • 312.可扩展超文本标记语言

  • 313.行内代码与外部文件

  • 314.文档模式

  • 315.元素

  • 316.区分大小写

  • 317.标识符

  • 318.注释

  • 319.严格模式

  • 320.语句最佳实践

  • 321.关键字与保留字

  • 322.var

  • 323.let

  • 324.const


🙃 阶段十(306)


展开查看
  • 286.HTTP工作原理

  • 287.cookie和session区别

  • 288.get和post的区别

  • 289.xss

  • 290.Symbol 语法

  • 291.响应式原理

  • 292.computed和data

  • 293.MVVM

  • 294.路由缓存

  • 295.v-model的原理

  • 296.模版引擎

  • 297.SEO优化

  • 298.重置data

  • 299.Observable

  • 300.this.parent

  • 301.data和属性名

  • 302.生命周期

  • 303.SPA单页面

  • 304.location.href

  • 305.计算属性和监听器

  • 306.v-show, v-if


😍 阶段九(285)


展开查看
  • 251.元素的alt和title有什么区别

  • 252.new

  • 253.call

  • 254.防抖

  • 255.flex

  • 256.节流

  • 257.柯里化

  • 258.promise

  • 259.字符串编号

  • 260.模拟forOf

  • 261.super原理分析

  • 262.promise的单一状态与中转

  • 263.promise.then

  • 264.then返回值的处理技巧

  • 265.promise封装ajax

  • 266.封装setTimeout定时器

  • 267.promise队列原理

  • 268.异步封装到类内部

  • 269.class和await的结合

  • 270.用reduce实现promise队列

  • 271.BFC

  • 272.重绘与重排

  • 273.动画

  • 274.inline-block

  • 275.左固定右适应

  • 276.三角形

  • 277.flex属性

  • 278.visibility

  • 279.position

  • 280.清除浮动

  • 281.弹性布局

  • 282.什么是语义化与新特性

  • 283.cookie和token

  • 284.cookie是如何工作的

  • 285.测试promise例子


🧑🏻 阶段八(250)


展开查看
  • 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.返回到顶部的方法有哪些


🧑🏻‍💻 阶段七(215)


展开查看
  • 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使用场景


😇 阶段六(190)


展开查看
  • 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都有哪些作用


🧑🏻‍💻 阶段五(175)


展开查看
  • 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


🥲 阶段四(150)


展开查看
  • 146.页面导入样式时,使用link和@import有什么区别

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

  • 148.console.log(0.1 + 0.2)

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

  • 150.==和===


🧑🏻‍💻 阶段三(145)


展开查看
  • 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七层网络模型


🤣 阶段二(100)


展开查看
  • 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的区别


🧑🏻‍💻 阶段一(50)


展开查看
  • 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.子集

  • 90.子集II

  • 94.二叉树的中序遍历


  • shields.io/

  • leetcode

👩🏻‍💻:webVueBlog的leetcode刷题📒

       

  1. Number题号

  2. Title题目

  3. Difficulty难度

  4. Navigation解答

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

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

License


浏览 42
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报