ThecoadeR / blog

Some front-end points and some interview questions.

🏀 苏震的个人博客

记录点滴学习进程

🚀 JavaScript 设计模式篇

设计模式-发布订阅模式.
设计模式-观察者模式.
设计模式-装饰器模式.
设计模式-策略模式.
设计模式-单例模式.
订阅发布模式Vs 观察者模式.

🚀 JavaScript 零散知识篇

JavaScript: hasOwnProperty vs in.
JavaScript: Array.reduce的使用.
JavaScript: for-in vs for-of.
JavaScript: call vs apply.
JavaScript: context 作用域.
JavaScript: 中的this.
JavaScript: 中的闭包.
JavaScript: 防抖(debounce)和节流(throttle).
JavaScript: 函数式编程-柯里化.
JavaScript: 原型链的理解.
JavaScript: 深拷贝与浅拷贝.
JavaScript: DOM下的事件流和事件委托.
JavaScript: 判断数组的方法.
JavaScript: null 和 undefined的区别.
JavaScript: 函数声明 vs 函数定义.
JavaScript: 执行上下文和执行栈是什么?.
JavaScript: 使用ES6改变this指向.
JavaScript: new操作符具体都干了什么.
JavaScript: 栈和堆.
JavaScript: 深拷贝浅拷贝的区别,如何实现一个深拷贝?.
JavaScript: 原型和原型链?.
JavaScript: forEach 和 map.
JavaScript: 判断一个元素是否出现在可视区域中.
JavaScript: 如何将浮点数点左边的数每三位添加一个逗号.
JavaScript: Reflect的静态方法及Reflect.apply.
JavaScript: 每间隔一秒输出.
JavaScript: 优雅处理async-await, 避免每次try-catch.
JavaScript: 浅谈JS中的 递归 和 尾递归.

🚀 JavaScript 异步编程

异步编程: 机制, EventLoop, 消息队列, 宏任务, 微任务.
异步编程: async / await 基础解读.
异步编程: async / await 如果右边方法执行出错怎么办.
异步编程: 使用Promise模拟一个耗时异步方法.
异步编程: 实现一个sleep函数.
异步编程: 回调函数 .
异步编程: 精讲-(1)-Promise .
异步编程: 精讲-(2)-宏任务和微任务.
异步编程: 精讲-(3)-async-await.
异步编程: Promise retry方法实现.
异步编程: Promise题目(1-1).
异步编程: Promise题目(1-2).
异步编程: Promise题目(1-3).
异步编程: Promise题目(1-4).
异步编程: Promise题目(1-5).
异步编程: Promise题目(1-6).
异步编程: Promise题目(2-1).
异步编程: Promise题目(2-2).
异步编程: Promise题目(2-3-1).
异步编程: Promise题目(2-3-2).
异步编程: Promise题目(2-4).
异步编程: Promise题目(2-5).
异步编程: Promise题目(3-0).
异步编程: Promise题目(3-1).
异步编程: Promise题目(3-2).
异步编程: Promise题目(3-3).
异步编程: Promise题目(3-4).
异步编程: Promise题目(3-5).
异步编程: Promise题目(3-6).
异步编程: Promise题目(3-7).
异步编程: Promise题目(3-8).
异步编程: Promise题目(3-9).
异步编程: Promise题目(3-10).
异步编程: Promise题目(4-1).
异步编程: Promise题目(4-2).
异步编程: Promise题目(4-3).
异步编程: Promise题目(4-4).
异步编程: Promise题目(5-1).
异步编程: Promise题目(5-2).
异步编程: Promise题目(5-3).
异步编程: Promise题目(5-4).
异步编程: Promise题目(5-5).
异步编程: Promise题目(5-6).
异步编程: Promise题目(5-7).
异步编程: Promise题目(5-8).
异步编程: Promise题目(5-9).
异步编程: Promise题目(6-1).
异步编程: Promise题目(6-2).
异步编程: Promise题目(7-1).
异步编程: Promise题目(7-2).
异步编程: Promise题目(7-3).
异步编程: Promise题目-使用Promise实现每隔1秒输出1,2,3.
异步编程: Promise题目-使用Promise实现红绿灯交替重复亮.
异步编程: Promise,Genarator, Async 区别和联系.

🚀 HTTP

http TCP连接的三次握手/四次挥手.
http 从输入URL到页面展示,中间发生了什么.
HTTP PUT/POST/PATCH的区别.
HTTP CDN原理.
HTTP GET / POST.
HTTP 状态码一览.
HTTP 本地存储方案.

🚀 Webpack

webpack 热更新原理.
webpack 构建过程.
webpack 常见的loader.
webpack 常见的plugin.
webpack loader vs plugin.
webpack 如何优化 Webpack 的构建速度.
webpack 提高效率的插件.
webpack 文件指纹是什么.
Webpack devServer的配置解析.
Webpack resolve 的配置.
Webpack- 简述webpack的理解.

🚀 网络安全

网络安全: 什么是跨域.
网络安全: 如何解决跨域- CORS.
网络安全: 简单请求 simple-request 解决跨域.
网络安全: 非简单请求 not-simple-request 解决跨域.
网络安全: Node 正向代理.
网络安全: Nginx 反向代理.
网络安全: 跨站伪造请求-CSRF.
网络安全: 跨站攻击脚本-XSS.
网络安全: 浅入浅出读懂XSS及防御措施.
网络安全: 浅入浅出读懂CSRF及防御措施.

🚀 CSS

CSS: 实现水平垂直居中的几种方案.
CSS: position.
CSS: 三角形.
CSS: 垂直居中.
CSS: 次行缩进.
CSS: Flex布局.
CSS: 引用方式. link vs @import.
CSS: 盒子模型.
CSS: CSS选择符.
CSS: 伪元素 ::before 和 :after.
CSS: 实现一个三角形.
CSS: 哪些属性可以继承.
CSS: rem与em的使用.
CSS: width:auto 和 width:100%的区别.
CSS: display:none和visibility:hidden的区别.
CSS: 浮动/清除浮动.
CSS: 创建动画的步骤.
CSS: CSS3有哪些新特性.
CSS: 画一条0.5px的直线.
CSS: 扔到桌子上面的图片.
CSS: flex:1.
CSS: @support calc @media.
CSS: 说说em,px,rem,vh,vw的区别.
CSS: Grid网格布局-1 基础属性.
CSS: Grid网格布局-2 justift/align.
CSS: flex 不是 display:flex-1.
CSS: flex 不是 display:flex-2.
CSS: 响应式设计-原理和实现.
CSS: 如何实现单行／多行文本溢出的省略样式.
CSS: 说说对Css预编语言的理解？有哪些区别?.

🚀 性能优化

性能优化: 24 条建议(上).
性能优化: 24 条建议(下).

🚀 Vue

Vue: computed vs watch.
Vue: 组件间的传值方式.
Vue: this.$nextTick.
Vue: watch 的用法.
Vue: 双向绑定原理.
Vue: 常用的修饰符.
Vue: data为什么是函数.
Vue: use() vs component().
Vue: hash模式 vs history模式.
Vue: keep alive的了解.
Vue: 一句话简答题.
Vue: Vue3中响应式数据原理.
Vue: Vue的性能如何优化.
Vue: 函数式组件.
Vue: 父子生命周期.
Vue: 作用域插槽.
Vue: 子组件获取父组件的异步数据.
Vue: 在script区域使用自定义的过滤器-filters.
Vue: 使用$set动态给数据设置属性.
Vue: 使用异步完成子组件的表单校验.
Vue: Object.defineProperty Vs Proxy.
Vue: Keep-alive 和 activated的使用.
Vue: 使用回调减少数据并发操作数据的差异.
Vue: 为什么要用Proxy替代defineProperty.
Vue: Vue中的MVVM模型.
Vue: v-if和v-for为什么不建议同时使用.
Vue3: Vue3性能提升通过哪几方面体现的?.
Vue3: Composition Api 与 Options Api.
Vue3: 响应式系统的实现原理.
React vs Vue.
Vue: Vue也是单向数据流.
Vue: 为什么Vue实例只允许有一个根节点.
Vue: Vue中通过JSON数据导出excel(带合并的).
Vue: Vue响应式详解.
Vue: Vue 性能优化.
Vue: 动态绑定 class 样式.
Vue: 路由守卫 Router Guards.
Vue: 为什么Vue的虚拟DOM比React虚拟DOM性能好.
Vue: Vue3中的样式穿透 deep的使用.
Vue: 文件夹static和assets的区别.
Vue: 路由组件传参.
Vue: 封装组件中的slot作用.
Vue: Vue3中 reactive 和 ref.
Vue: Vue3中常用的API - 1 - setup(1).
Vue: Vue3中常用的API - 2 - setup(2).
Vue: Vue3中常用的API - 2 - 生命周期.
Vue: Vue3中常用的API - 3 - reactive.
Vue: Vue3中常用的API - 4 - ref.
Vue: Vue3中常用的API - 5 - toRef.
Vue: Vue3中常用的API - 6 - toRefs.
Vue: Vue3中常用的API - 7 - shallowReactive.
Vue: Vue3中常用的API - 8 - shallowRef/triggerRef.
Vue: Vue3中常用的API - 9 - markRaw.
Vue: Vue3中常用的API - 10 - toRaw.
Vue: Vue3中常用的API - 11 - provide&&inject.
Vue: Vue3中常用的API - 12 - watch && effect.
Vue: Vue3中常用的API - 13 - getCurrentInstance.
Vue: Vue3中常用的API - 14 - useStore.
Vue: Vue3中常用的API - 15 - 获取标签元素.
Vue: Vue3中常用的API - 16 - 组件传参v-model.
Vue: 组件上的 v-moel .
Vue: Vue3中配置Vuex中State支持TS.

🚀 Vue - vue-property-decorator

vue-property-decorator -1- 定义变量和方法.
vue-property-decorator -2- 引用组件.
vue-property-decorator -3- Prop.
vue-property-decorator -4- Model.
vue-property-decorator -5- Emit.
vue-property-decorator -6- Provide-Inject.
vue-property-decorator -7- Ref.

🚀 React

React: 受控组件和非受控组件.
React: 高阶组件.
React: 循环时加key的作用.
React: JSX和React.createElement.
React: Redux是什么.
React: 手动实现基础版Redux.
React: Hooks简介.
React: React中的refs作用是什么.
React: constructor中的super.
React: 构造函数使用带 props 参数的目的是什么.
React: MobX 异步方法修改State的3种方式.
React: JSX中的内联条件表达式.
React: React16 和 React15 生命周期的不同.
React: 在componentWill开头的生命周期中做的错事.
React: Hooks-useContext 如何简化代码的.
React: Hooks-useEffect 调用异步方法.
React: Hooks-useState 实现原理.
React: Hooks 知识点小结.
React: 在JSX中如何进行for循环.
React: 为什么类方法需要绑定this.
React: SSR Next: getStaticProps Vs getServerSideProps.
React: setState是同步还是异步.
React: Diff 简短的总结.
React: Hooks为什么不能放在条件判断中.
React: $$typeof是什么 和 JSX中的组件名要以大写字母.
React: React-Hooks 设计动机与工作模式-1.
React: React-Hooks 设计动机与工作模式-2.
React: 数据是如何在 React 组间之间流动的-1.
React: 数据是如何在 React 组间之间流动的-2.
React: 理解React Fiber的架构的设计**.
React: 理解React Fiber的架构的工作原理及数据结构.
React: 什么是虚拟DOM?.
React: Redux-saga 使用步骤.
React: React为什么不实现数据的双向绑定.
React: Router中Link组件和a标签的区别.

🚀 TypeScript

TypeScript: 数据类型/type/interface.
TypeScript: 如何理解泛型中的 .
TypeScript: 如何在window对象上显示设置属性.
TypeScript: 如何为对象动态分配属性.
TypeScript-泛型-1-概念,泛型接口和泛型类.
TypeScript-泛型-2-泛型约束.
TypeScript-泛型-3-泛型参数默认类型.
TypeScript-泛型-4-泛型条件类型.
TypeScript-泛型-5-泛型工具类型.
TypeScript-interfaces 与 type.
TypeScript-理解函数重载的作用.
TypeScript- xxx.d.ts 是干什么的?(shims-vue.d.ts).
TypeScript- # 和 private 的区别.
TypeScript- TS中的函数类型.
TypeScript- TS中实现函数类型的两种方式.
TypeScript- TypeScript 装饰器.
TypeScript- 联合类型和类型别名.
TypeScript- 构造函数中的super.
TypeScript- 抽象类,接口,类类型.

🚀 API

API: 浅谈Restful API.

🚀 Git

Git: 60+ Git 常用命令行.
Git: 使用 Git Actions 部署项目.

🚀 Babel

babel: .babelrc vs babel.config.js.
babel: 关于 Babel 那些事儿.
babel: Babel的各种名词及详细使用,附代码步骤.

🚀 JavaScript 算法相关

数组中有10万条数据,取第1条和第10万条的时间相差多少.

🚀 Other

Other: What is "Blob".
Other: URL.revokeObjectURL.
Other: Canvas.toDataURL.
Other: 文件的分片上传.
Other: cookies,sessionStorage 和 localStorage.
Other: 什么是单点登录 sso .
Other: 单点登录的代码实现 vue 为例 .
Other: nrm 和 nvm .
Other: 域名 + Nginx的配置,把IP转成域名访问.
Other: 域名 由 HTTP 转成 HTTPS.

🚀 Node.js

Node: path.basename().
Node: path.dirname() 和 path.extname().
Node: path.parse().
Node: path.isAbsolute().
Node: path.join()和path.normalize().
Node: path.resolve().
Node: 使用fs模块完成文件的COPY.
Node: 创建目录-同步方式/异步方式.
Node: fs.createReadStream文件读取流操作步骤.
Node: 模拟文件可读流的模拟实现.
Node: Stream的背压机制(back pressure).
Node: 单向链表的实现 one-way-linkedlist.
Node: 创建TCP通信的服务端和客户端.
Node: TCP通信粘包问题的解决.
Node: 代理客户端的实现.
Node: 代理客户端解决跨域.