EveryDay

KO | EN

gitlite — search

#hacktoberfest #machine-learning #rust #nodejs #macos #java #windows #awesome #kubernetes #awesome-list #security #pytorch #mcp #open-source

(★ 2,262)

前端基础个人博客学习笔记

EveryDay Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# EveryDay

<a href="https://github.com/WindRunnerMax/EveryDay">GitHub</a>
｜
<a href="./Timeline.md">Timeline</a>
｜
<a href="https://blog.touchczy.top/">Blog</a>
｜
<a href="https://blog-ssg.touchczy.top/">Blog-SSG</a>
｜
<a href="./I18N/README.md">English</a>

> 勤学如春起之苗，不见其增，日有所长；  
> 辍学如磨刀之石，不见其损，日有所亏。
 
如果觉得还不错，点个`star`吧 😁

版本库中共有`512`篇文章，总计`103572`行，`1266714`字，`3427208`字符。

这是一个前端小白的学习历程，如果只学习而不记录点什么那基本就等于白学了。这个版本库的名字`EveryDay`就是希望激励我能够每天学习，下面的文章就是从`2020.02.25`开始积累的文章，都是参考众多文章归纳整理学习而写的。文章包括了`HTML`基础、`CSS`基础、`JavaScript`基础与拓展、`Browser`浏览器相关、`Vue`使用与分析、`React`使用与分析、`Plugin`插件相关、`RichText`富文本、`Patterns`设计模式、`Linux`命令、`LeetCode`题解等类别，内容都是比较基础的，毕竟我也还是个小白。此外基本上每个示例都是本着能够即时运行为目标的，新建一个`HTML`文件复制之后即可在浏览器运行或者直接可以在`console`中运行。

如果想按照笔记顺序进行阅读的话可以 [查看目录](./Timeline.md) ，另外如果想更条理地查看的话可以访问 [我的博客](https://blog.touchczy.top/) 独立站点。博客同时也是本版本库的`gh-pages`分支，是作为纯静态页面搭建在`Git Pages`上的，使用`jsdelivr`以及`cloudflare`作为缓存缓解国内访问速度问题。后期还在`gh-pages-ssg`分支上部署了`SSG`版本的 [新版博客](https://blog-ssg.touchczy.top/)，并且借助`ChatGPT`提供了英文翻译版本，分支是部署在`Vercel`上来缓解国内访问速度问题。在博客中的内容就相对比较多了，除了学习笔记之外还有一些做项目时的记录以及遇到的坑等。`HXDM`如果觉得还不错，点个`star`吧，这个对我真的很重要。

## HTML
* [DOCTYPE](HTML/DOCTYPE.md)
* [HTML语义化](HTML/HTML语义化.md)
* [Cookie与Session](HTML/Cookie与Session.md)
* [LocalStorage与SessionStorage](HTML/LocalStorage与SessionStorage.md)
* [Iframe框架及优缺点](HTML/Iframe框架及优缺点.md)
* [HTML节点操作](HTML/HTML节点操作.md)
* [手动实现轮播图功能](HTML/手动实现轮播图功能.md)
* [Canvas基础](HTML/Canvas基础.md)
* [前端性能优化方案](HTML/前端性能优化方案.md)
* [HTML5新特性](HTML/HTML5新特性.md)
* [行内元素和块级元素](HTML/行内元素和块级元素.md)
* [图片等比例缩放方案](HTML/图片等比例缩放方案.md)
* [实现瀑布流布局](HTML/实现瀑布流布局.md)
* [实现图片懒加载](HTML/实现图片懒加载.md)
* [Web Worker](HTML/Web%20Worker.md)
* [300ms点击延迟](HTML/300ms点击延迟.md)
* [默认行为及阻止](HTML/默认行为及阻止.md)
* [可替换元素和非替换元素](HTML/可替换元素和非替换元素.md)
* [HTML与XHTML区别](HTML/HTML与XHTML区别.md)
* [常见的兼容性问题](HTML/常见的兼容性问题.md)
* [Attribute和Property的区别](HTML/Attribute和Property的区别.md)
* [实现拼图滑动验证码](HTML/实现拼图滑动验证码.md)
* [实现加载提示组件](HTML/实现加载提示组件.md)
* [实现消息提示组件](HTML/实现消息提示组件.md)
* [DOM和BOM的区别](HTML/DOM和BOM的区别.md)
* [实现三栏布局](HTML/实现三栏布局.md)
* [Shadow DOM的理解](HTML/Shadow%20DOM的理解.md)
* [Service Worker的应用](HTML/Service%20Worker的应用.md)
* [蒙层禁止页面滚动的方案](HTML/蒙层禁止页面滚动的方案.md)
* [SVG与foreignObject元素](HTML/SVG与foreignObject元素.md)

## CSS
* [布局垂直居中](CSS/布局垂直居中.md)
* [伪类与伪元素](CSS/伪类与伪元素.md)
* [CSS盒子模型](CSS/CSS盒子模型.md)
* [CSS选择器](CSS/CSS选择器.md)
* [CSS样式优先级](CSS/CSS样式优先级.md)
* [Flex布局](CSS/Flex布局.md)
* [Grid布局](CSS/Grid布局.md)
* [Table布局](CSS/Table布局.md)
* [SVG基础](CSS/SVG基础.md)
* [CSS引入方式](CSS/CSS引入方式.md)
* [CSS3新特性](CSS/CSS3新特性.md)
* [响应式布局的实现](CSS/响应式布局的实现.md)
* [块级格式化上下文](CSS/块级格式化上下文.md)
* [Position定位](CSS/Position定位.md)
* [Float浮动](CSS/Float浮动.md)
* [文本溢出截断省略](CSS/文本溢出截断省略.md)
* [CSS隐藏元素的方法](CSS/CSS隐藏元素的方法.md)
* [如何避免FOUC](CSS/如何避免FOUC.md)
* [display的值及作用](CSS/display的值及作用.md)
* [CSS常用单位](CSS/CSS常用单位.md)
* [实现毛玻璃效果](CSS/实现毛玻璃效果.md)
* [CSS实现图形效果](CSS/CSS实现图形效果.md)
* [实现文字滚动播放](CSS/实现文字滚动播放.md)
* [CSS实现展开动画](CSS/CSS实现展开动画.md)
* [CSS实现渐隐渐现效果](CSS/CSS实现渐隐渐现效果.md)

## JavaScript
* [手动实现AJAX](JavaScript/手动实现AJAX.md)
* [ES6新特性](JavaScript/ES6新特性.md)
* [原型与原型链](JavaScript/原型与原型链.md)
* [JavaScript闭包](JavaScript/JavaScript闭包.md)
* [JS变量提升](JavaScript/JS变量提升.md)
* [匿名函数与自执行函数](JavaScript/匿名函数与自执行函数.md)
* [apply、call、bind](JavaScript/apply、call、bind.md)
* [事件冒泡及阻止](JavaScript/事件冒泡及阻止.md)
* [JS事件流模型](JavaScript/JS事件流模型.md)
* [函数声明与函数表达式](JavaScript/函数声明与函数表达式.md)
* [JS中this的指向](JavaScript/JS中this的指向.md)
* [new运算符](JavaScript/new运算符.md)
* [Js遍历数组总结](JavaScript/Js遍历数组总结.md)
* [Promise对象](JavaScript/Promise对象.md)
* [async、await](JavaScript/async、await.md)
* [Generator函数](JavaScript/Generator函数.md)
* [Js中==与===](JavaScript/Js中==与===.md)
* [JavaScript选择器](JavaScript/JavaScript选择器.md)
* [Json Web Token](JavaScript/Json%20Web%20Token.md)
* [Js模块化导入导出](JavaScript/Js模块化导入导出.md)
* [let与const](JavaScript/let与const.md)
* [作用域与作用域链](JavaScript/作用域与作用域链.md)
* [JavaScript异步机制](JavaScript/JavaScript异步机制.md)
* [Js数组操作](JavaScript/Js数组操作.md)
* [Js继承的实现方式](JavaScript/Js继承的实现方式.md)
* [Function与Object](JavaScript/Function与Object.md)
* [Js严格模式](JavaScript/Js严格模式.md)
* [Js箭头函数](JavaScript/Js箭头函数.md)
* [手动实现apply call bind](JavaScript/手动实现apply%20call%20bind.md)
* [Js遍历对象总结](JavaScript/Js遍历对象总结.md)
* [Js获取数据类型](JavaScript/Js获取数据类型.md)
* [手动实现Promise](JavaScript/手动实现Promise.md)
* [Js实现数组排序](JavaScript/Js实现数组排序.md)
* [defineProperty](JavaScript/defineProperty.md)
* [Js实现链表操作](JavaScript/Js实现链表操作.md)
* [getter与setter](JavaScript/getter与setter.md)
* [Js中的堆栈](JavaScript/Js中的堆栈.md)
* [防抖与节流](JavaScript/防抖与节流.md)
* [Js的GC机制](JavaScript/Js的GC机制.md)
* [实现浅拷贝与深拷贝](JavaScript/实现浅拷贝与深拷贝.md)
* [Map与WeakMap](JavaScript/Map与WeakMap.md)
* [Set与WeakSet](JavaScript/Set与WeakSet.md)
* [Object对象](JavaScript/Object对象.md)
* [Js捕获异常的方法](JavaScript/Js捕获异常的方法.md)
* [Js中fetch方法](JavaScript/Js中fetch方法.md)
* [XML和JSON的比较](JavaScript/XML和JSON的比较.md)
* [Js文件异步加载](JavaScript/Js文件异步加载.md)
* [深入理解Js数组](JavaScript/深入理解Js数组.md)
* [模板语法的简单实现](JavaScript/模板语法的简单实现.md)
* [Thunk函数的使用](JavaScript/Thunk函数的使用.md)
* [async、await剖析](JavaScript/async、await剖析.md)
* [null和undefined的区别](JavaScript/null和undefined的区别.md)
* [Js创建对象的方式](JavaScript/Js创建对象的方式.md)
* [Js中RegExp对象](JavaScript/Js中RegExp对象.md)
* [Js中String对象](JavaScript/Js中String对象.md)
* [Js中Number对象](JavaScript/Js中Number对象.md)
* [Js中Math对象](JavaScript/Js中Math对象.md)
* [Js中数组空位问题](JavaScript/Js中数组空位问题.md)
* [Js中Array对象](JavaScript/Js中Array对象.md)
* [Js中Currying的应用](JavaScript/Js中Currying的应用.md)
* [Js中Date对象](JavaScript/Js中Date对象.md)
* [Js中Symbol对象](JavaScript/Js中Symbol对象.md)
* [valueOf与toString](JavaScript/valueOf与toString.md)
* [Js模块化开发的理解](JavaScript/Js模块化开发的理解.md)
* [常见的内存泄漏场景](JavaScript/常见的内存泄漏场景.md)
* [Js中Proxy对象](JavaScript/Js中Proxy对象.md)
* [Js中Reflect对象](JavaScript/Js中Reflect对象.md)
* [Js中的逻辑运算符](JavaScript/Js中的逻辑运算符.md)
* [Js将字符串转数字的方式](JavaScript/Js将字符串转数字的方式.md)
* [函数式编程的理解](JavaScript/函数式编程的理解.md)
* [Js实用小技巧](JavaScript/Js实用小技巧.md)
* [深入理解Js中的this](JavaScript/深入理解Js中的this.md)
* [Js中的位操作符](JavaScript/Js中的位操作符.md)

## Browser
* [跨域问题](Browser/跨域问题.md)
* [XSS跨站脚本攻击](Browser/XSS跨站脚本攻击.md)
* [CSRF跨站请求伪造](Browser/CSRF跨站请求伪造.md)
* [SQL注入](Browser/SQL注入.md)
* [浏览器渲染与内核](Browser/浏览器渲染与内核.md)
* [浏览器重绘与回流](Browser/浏览器重绘与回流.md)
* [HTTP协议概述](Browser/HTTP协议概述.md)
* [CSS劫持攻击](Browser/CSS劫持攻击.md)
* [HTTPS加密传输过程](Browser/HTTPS加密传输过程.md)
* [对称加密与非对称加密](Browser/对称加密与非对称加密.md)
* [分布式SESSION一致性](Browser/分布式SESSION一致性.md)
* [TCP三次握手](Browser/TCP三次握手.md)
* [TCP与UDP异同](Browser/TCP与UDP异同.md)
* [浏览器事件](Browser/浏览器事件.md)
* [浏览器页面呈现过程](Browser/浏览器页面呈现过程.md)
* [RESTful架构与RPC架构](Browser/RESTful架构与RPC架构.md)
* [HTTP协议发展历程](Browser/HTTP协议发展历程.md)
* [微信小程序实现原理](Browser/微信小程序实现原理.md)
* [Window对象](Browser/Window对象.md)
* [OSI七层模型](Browser/OSI七层模型.md)
* [浏览器窗口间通信](Browser/浏览器窗口间通信.md)
* [OAUTH开放授权](Browser/OAUTH开放授权.md)
* [SSO单点登录](Browser/SSO单点登录.md)
* [DNS解析过程](Browser/DNS解析过程.md)
* [强缓存与协商缓存](Browser/强缓存与协商缓存.md)
* [GET和POST的区别](Browser/GET和POST的区别.md)
* [CDN缓存的理解](Browser/CDN缓存的理解.md)
* [domReady的理解](Browser/domReady的理解.md)
* [Document对象](Browser/Document对象.md)
* [Location对象](Browser/Location对象.md)
* [SSRF服务器端请求伪造](Browser/SSRF服务器端请求伪造.md)
* [浏览器本地存储方案](Browser/浏览器本地存储方案.md)
* [Node对象](Browser/Node对象.md)
* [History对象](Browser/History对象.md)
* [Navigator对象](Browser/Navigator对象.md)
* [Element对象](Browser/Element对象.md)
* [HTMLElement对象](Browser/HTMLElement对象.md)
* [Event对象](Browser/Event对象.md)
* [IntersectionObserver对象](Browser/IntersectionObserver对象.md)
* [MutationObserver对象](Browser/MutationObserver对象.md)
* [基于fetch的SSE方案](Browser/基于fetch的SSE方案.md)

## Vue
* [Vue学习笔记](Vue/Vue学习笔记.md)
* [Vue-Cli4笔记](Vue/Vue-Cli4笔记.md)
* [Vue生命周期](Vue/Vue生命周期.md)
* [Vue中key的作用](Vue/Vue中key的作用.md)
* [Vue数据双向绑定](Vue/Vue数据双向绑定.md)
* [data为何以函数形式返回](Vue/data为何以函数形式返回.md)
* [Vue中$nextTick的理解](Vue/Vue中$nextTick的理解.md)
* [MVVM模式的理解](Vue/MVVM模式的理解.md)
* [v-if与v-show的区别](Vue/v-if与v-show的区别.md)
* [Vue中$refs的理解](Vue/Vue中$refs的理解.md)
* [Vue中虚拟DOM的理解](Vue/Vue中虚拟DOM的理解.md)
* [Vue中diff算法的理解](Vue/Vue中diff算法的理解.md)
* [$router和$route的区别](Vue/$router和$route的区别.md)
* [对keep-alive组件的理解](Vue/对keep-alive组件的理解.md)
* [SPA单页应用的优缺点](Vue/SPA单页应用的优缺点.md)
* [Vue事件绑定原理](Vue/Vue事件绑定原理.md)
* [Vue中数组变动监听](Vue/Vue中数组变动监听.md)
* [Vue父子组件生命周期](Vue/Vue父子组件生命周期.md)
* [Vue中computed分析](Vue/Vue中computed分析.md)
* [Vue路由Hash模式分析](Vue/Vue路由Hash模式分析.md)
* [Vue路由History模式分析](Vue/Vue路由History模式分析.md)
* [v-model数据绑定分析](Vue/v-model数据绑定分析.md)
* [Vue路由懒加载](Vue/Vue路由懒加载.md)
* [VueRouter导航守卫](Vue/VueRouter导航守卫.md)
* [服务端渲染SSR的理解](Vue/服务端渲染SSR的理解.md)
* [Vue常用性能优化](Vue/Vue常用性能优化.md)
* [Vuex和普通全局对象](Vue/Vuex和普通全局对象.md)
* [Vuex中的核心方法](Vue/Vuex中的核心方法.md)
* [Vue中组件间通信的方式](Vue/Vue中组件间通信的方式.md)
* [Vue3.0新特性](Vue/Vue3.0新特性.md)
* [Vue为何采用异步渲染](Vue/Vue为何采用异步渲染.md)
* [Vue中的三种Watcher](Vue/Vue中的三种Watcher.md)
* [v-html可能导致的问题](Vue/v-html可能导致的问题.md)
* [初探webpack之搭建Vue开发环境](Plugin/初探webpack之搭建Vue开发环境.md)
* [Vue首屏性能优化组件](Vue/Vue首屏性能优化组件.md)

## React
* [React生命周期](React/React生命周期.md)
* [React虚拟DOM的理解](React/React虚拟DOM的理解.md)
* [React中JSX的理解](React/React中JSX的理解.md)
* [React组件的state和props](React/React组件的state和props.md)
* [有状态和无状态组件](React/有状态和无状态组件.md)
* [受控组件和非受控组件](React/受控组件和非受控组件.md)
* [React中的纯组件](React/React中的纯组件.md)
* [React中的高阶组件](React/React中的高阶组件.md)
* [React中refs的理解](React/React中refs的理解.md)
* [React中的合成事件](React/React中的合成事件.md)
* [ReactRouter的实现](React/ReactRouter的实现.md)
* [React中组件间通信的方式](React/React中组件间通信的方式.md)
* [React组件复用的方式](React/React组件复用的方式.md)
* [React中diff算法的理解](React/React中diff算法的理解.md)
* [Hooks中的useState](React/Hooks中的useState.md)
* [useEffect与useLayoutEffect](React/useEffect与useLayoutEffect.md)
* [useMemo与useCallback](React/useMemo与useCallback.md)
* [setState同步异步场景](React/setState同步异步场景.md)
* [手写useState与useEffect](React/手写useState与useEffect.md)
* [Mobx与Redux的异同](React/Mobx与Redux的异同.md)
* [Context与Reducer](React/Context与Reducer.md)
* [Hooks与普通函数的区别](React/Hooks与普通函数的区别.md)
* [Hooks与事件绑定](React/Hooks与事件绑定.md)
* [React闭包陷阱](React/React闭包陷阱.md)
* [ReactPortals传送门](React/ReactPortals传送门.md)
* [基于React的SSG渲染方案](React/基于React的SSG渲染方案.md)
* [基于React的虚拟滚动方案](React/基于React的虚拟滚动方案.md)
* [低代码场景的状态管理方案](React/低代码场景的状态管理方案.md)

## Plugin
* [Git常用命令](Plugin/Git常用命令.md)
* [Git与SVN对比](Plugin/Git与SVN对比.md)
* [Nginx常用配置](Plugin/Nginx常用配置.md)
* [Rollup的基本使用](Plugin/Rollup的基本使用.md)
* [Jest中Mock网络请求](Plugin/Jest中Mock网络请求.md)
* [TS内置类型与拓展](Plugin/TS内置类型与拓展.md)
* [竞态问题与RxJs](Plugin/竞态问题与RxJs.md)
* [BGF处理Git历史Blob文件](Plugin/BGF处理Git历史Blob文件.md)
* [基于NoCode构建简历编辑器](Plugin/基于NoCode构建简历编辑器.md)
* [基于drawio构建流程图编辑器](Plugin/基于drawio构建流程图编辑器.md)
* [初探webpack之编写plugin](Plugin/初探webpack之编写plugin.md)
* [初探webpack之搭建Vue开发环境](Plugin/初探webpack之搭建Vue开发环境.md)
* [初探webpack之编写loader](Plugin/初探webpack之编写loader.md)
* [初探webpack之单应用多端构建](Plugin/初探webpack之单应用多端构建.md)
* [初探webpack之解析器resolver](Plugin/初探webpack之解析器resolver.md)
* [从零实现的Chrome扩展](Plugin/从零实现的Chrome扩展.md)
* [从零实现的浏览器Web脚本](Plugin/从零实现的浏览器Web脚本.md)
* [基于Chrome扩展的浏览器事件](Plugin/基于Chrome扩展的浏览器事件.md)
* [从脚本管理器的角度审视Chrome扩展](Plugin/从脚本管理器的角度审视Chrome扩展.md)
* [浏览器扩展开发的相关问题与解决方案](Plugin/浏览器扩展开发的相关问题与解决方案.md)
* [基于WebRTC的局域网文件传输](Plugin/基于WebRTC的局域网文件传输.md)
* [基于ServiceWorker的文件传输方案](Plugin/基于ServiceWorker的文件传输方案.md)
* [基于Canvas构建简历编辑器](Plugin/基于Canvas构建简历编辑器.md)
* [Canvas编辑器之数据结构设计](Plugin/Canvas编辑器之数据结构设计.md)
* [Canvas编辑器之剪贴板数据处理](Plugin/Canvas编辑器之剪贴板数据处理.md)
* [Canvas编辑器之图形状态管理](Plugin/Canvas编辑器之图形状态管理.md)
* [Canvas编辑器之Rspack工程实践](Plugin/Canvas编辑器之Rspack工程实践.md)
* [Canvas编辑器之层级渲染事件管理](Plugin/Canvas编辑器之层级渲染事件管理.md)
* [Canvas编辑器之选中绘制交互方案](Plugin/Canvas编辑器之选中绘制交互方案.md)
* [基于向量检索实现基础RAG服务](Plugin/基于向量检索实现基础RAG服务.md)
* [流式Markdown增量富文本解析算法](Plugin/流式Markdown增量富文本解析算法.md)
* [仿照豆包实现Prompt变量模板输入框](Plugin/仿照豆包实现Prompt变量模板输入框.md)
* [基于NodeJs实现任务队列与优雅停机](Plugin/基于NodeJs实现任务队列与优雅停机.md)
* [基于MdIt的无序列表折叠插件](Plugin/基于MdIt的无序列表折叠插件.md)

## RichText
* [初探富文本之富文本概述](RichText/初探富文本之富文本概述.md)
* [初探富文本之编辑器引擎](RichText/初探富文本之编辑器引擎.md)
* [初探富文本之OT协同算法](RichText/初探富文本之OT协同算法.md)
* [初探富文本之OT协同实例](RichText/初探富文本之OT协同实例.md)
* [初探富文本之CRDT协同算法](RichText/初探富文本之CRDT协同算法.md)
* [初探富文本之CRDT协同实例](RichText/初探富文本之CRDT协同实例.md)
* [初探富文本之React实时预览](RichText/初探富文本之React实时预览.md)
* [初探富文本之文档diff算法](RichText/初探富文本之文档diff算法.md)
* [初探富文本之在线文档交付](RichText/初探富文本之在线文档交付.md)
* [初探富文本之划词评论能力](RichText/初探富文本之划词评论能力.md)
* [初探富文本之文档虚拟滚动](RichText/初探富文本之文档虚拟滚动.md)
* [初探富文本之搜索替换算法](RichText/初探富文本之搜索替换算法.md)
* [初探富文本之序列化与反序列化](RichText/初探富文本之序列化与反序列化.md)
* [基于slate构建文档编辑器](RichText/基于slate构建文档编辑器.md)
* [WrapNode数据结构与操作变换](RichText/WrapNode数据结构与操作变换.md)
* [TS类型扩展与节点类型检查](RichText/TS类型扩展与节点类型检查.md)
* [Decorator装饰器渲染调度](RichText/Decorator装饰器渲染调度.md)
* [Node节点与Path路径映射](RichText/Node节点与Path路径映射.md)
* [从零设计实现富文本编辑器](RichText/从零设计实现富文本编辑器.md)
* [基于MVC模式的编辑器架构设计](RichText/基于MVC模式的编辑器架构设计.md)
* [基于Delta的线性数据结构模型](RichText/基于Delta的线性数据结构模型.md)
* [浏览器选区模型的核心交互策略](RichText/浏览器选区模型的核心交互策略.md)
* [编辑器选区模型的状态结构表达](RichText/编辑器选区模型的状态结构表达.md)
* [浏览器选区与编辑器选区模型同步](RichText/浏览器选区与编辑器选区模型同步.md)
* [基于组合事件的半受控输入模式](RichText/基于组合事件的半受控输入模式.md)
* [浏览器输入模式的非受控DOM行为](RichText/浏览器输入模式的非受控DOM行为.md)
* [编辑器文本结构变更的受控处理](RichText/编辑器文本结构变更的受控处理.md)
* [React视图层适配器的模式扩展](RichText/React视图层适配器的模式扩展.md)
* [Immutable状态维护与增量渲染](RichText/Immutable状态维护与增量渲染.md)
* [React可编辑节点的组件预设](RichText/React可编辑节点的组件预设.md)
* [React非编辑节点的内容渲染](RichText/React非编辑节点的内容渲染.md)
* [编辑器历史变更管理与状态回溯](RichText/编辑器历史变更管理与状态回溯.md)

## Patterns
* [简单工厂模式](Patterns/简单工厂模式.md)
* [工厂方法模式](Patterns/工厂方法模式.md)
* [抽象工厂模式](Patterns/抽象工厂模式.md)
* [建造者模式](Patterns/建造者模式.md)
* [原型模式](Patterns/原型模式.md)
* [单例模式](Patterns/单例模式.md)
* [外观模式](Patterns/外观模式.md)
* [适配器模式](Patterns/适配器模式.md)
* [代理模式](Patterns/代理模式.md)
* [装饰器模式](Patterns/装饰器模式.md)
* [桥接模式](Patterns/桥接模式.md)
* [组合模式](Patterns/组合模式.md)
* [享元模式](Patterns/享元模式.md)
* [模板方法模式](Patterns/模板方法模式.md)
* [观察者模式](Patterns/观察者模式.md)
* [状态模式](Patterns/状态模式.md)
* [策略模式](Patterns/策略模式.md)
* [责任链模式](Patterns/责任链模式.md)
* [命令模式](Patterns/命令模式.md)
* [访问者模式](Patterns/访问者模式.md)
* [中介者模式](Patterns/中介者模式.md)
* [备忘录模式](Patterns/备忘录模式.md)
* [迭代器模式](Patterns/迭代器模式.md)
* [解释器模式](Patterns/解释器模式.md)
* [链模式](Patterns/链模式.md)
* [委托模式](Patterns/委托模式.md)
* [数据访问对象模式](Patterns/数据访问对象模式.md)
* [防抖节流模式](Patterns/防抖节流模式.md)
* [简单模板模式](Patterns/简单模板模式.md)
* [惰性模式](Patterns/惰性模式.md)
* [参与者模式](Patterns/参与者模式.md)
* [等待者模式](Patterns/等待者模式.md)
* [同步模块模式](Patterns/同步模块模式.md)
* [异步模块模式](Patterns/异步模块模式.md)
* [Widget模式](Patterns/Widget模式.md)
* [MVC模式](Patterns/MVC模式.md)
* [MVP模式](Patterns/MVP模式.md)
* [MVVM模式](Patterns/MVVM模式.md)

## Linux
* [aspell-拼写检查](Linux/aspell-拼写检查.md)
* [awk-文本处理工具](Linux/awk-文本处理工具.md)
* [cat-输出文件内容](Linux/cat-输出文件内容.md)
* [chattr-更改文件属性](Linux/chattr-更改文件属性.md)
* [chmod-更改文件权限](Linux/chmod-更改文件权限.md)
* [chown-更改文件所有者](Linux/chown-更改文件所有者.md)
* [cmp-文件差异状态](Linux/cmp-文件差异状态.md)
* [col-过滤控制字符](Linux/col-过滤控制字符.md)
* [colrm-删除文件内容列](Linux/colrm-删除文件内容列.md)
* [comm-对比文件内容](Linux/comm-对比文件内容.md)
* [cp-复制文件](Linux/cp-复制文件.md)
* [csplit-分割文件](Linux/csplit-分割文件.md)
* [curl-网络数据传输](Linux/curl-网络数据传输.md)
* [cut-截取文件内容](Linux/cut-截取文件内容.md)
* [diff-对比文件差异](Linux/diff-对比文件差异.md)
* [diffstat-文件差异计量](Linux/diffstat-文件差异计量.md)
* [du-磁盘占用管理](Linux/du-磁盘占用管理.md)
* [ed-文本编辑器](Linux/ed-文本编辑器.md)
* [egrep-正则模式搜索](Linux/egrep-正则模式搜索.md)
* [ex-文本编辑器](Linux/ex-文本编辑器.md)
* [expr-表达式计算](Linux/expr-表达式计算.md)
* [fgrep-固定字符串搜索](Linux/fgrep-固定字符串搜索.md)
* [file-探测文件类型](Linux/file-探测文件类型.md)
* [find-查找文件](Linux/find-查找文件.md)
* [fmt-格式化输出内容](Linux/fmt-格式化输出内容.md)
* [fold-折叠文件内容](Linux/fold-折叠文件内容.md)
* [grep-模式搜索匹配](Linux/grep-模式搜索匹配.md)
* [ifconfig-网络接口管理](Linux/ifconfig-网络接口管理.md)
* [ip-网络接口管理](Linux/ip-网络接口管理.md)
* [join-合并文件内容](Linux/join-合并文件内容.md)
* [journalctl-系统日志管理](Linux/journalctl-系统日志管理.md)
* [kill-终止进程](Linux/kill-终止进程.md)
* [less-分页输出文件内容](Linux/less-分页输出文件内容.md)
* [ln-创建文件链接](Linux/ln-创建文件链接.md)
* [locate-快速查找文件](Linux/locate-快速查找文件.md)
* [look-查找字典单词](Linux/look-查找字典单词.md)
* [lsattr-显示文件属性](Linux/lsattr-显示文件属性.md)
* [mc-文件管理器](Linux/mc-文件管理器.md)
* [mktemp-创建临时文件](Linux/mktemp-创建临时文件.md)
* [more-分页输出文件内容](Linux/more-分页输出文件内容.md)
* [mv-移动文件](Linux/mv-移动文件.md)
* [netstat-网络状态管理](Linux/netstat-网络状态管理.md)
* [od-读取文件内容](Linux/od-读取文件内容.md)
* [paste-合并文件内容](Linux/paste-合并文件内容.md)
* [patch-修补生成文件](Linux/patch-修补生成文件.md)
* [pico-文本编辑程序](Linux/pico-文本编辑程序.md)
* [ps-进程状态管理](Linux/ps-进程状态管理.md)
* [rcp-远程文件拷贝](Linux/rcp-远程文件拷贝.md)
* [read-读取用户输入](Linux/read-读取用户输入.md)
* [rm-删除文件](Linux/rm-删除文件.md)
* [route-网络路由管理](Linux/route-网络路由管理.md)
* [scp-安全拷贝文件](Linux/scp-安全拷贝文件.md)
* [sed-脚本处理文件](Linux/sed-脚本处理文件.md)
* [sort-排序文件内容](Linux/sort-排序文件内容.md)
* [split-分割文件](Linux/split-分割文件.md)
* [systemctl-系统服务管理](Linux/systemctl-系统服务管理.md)
* [tee-文件内容分流](Linux/tee-文件内容分流.md)
* [tmpwatch-删除未访问文件](Linux/tmpwatch-删除未访问文件.md)
* [top-系统资源监控](Linux/top-系统资源监控.md)
* [touch-创建新文件](Linux/touch-创建新文件.md)
* [tr-转换文件内容](Linux/tr-转换文件内容.md)
* [traceroute-网络路由跟踪](Linux/traceroute-网络路由跟踪.md)
* [umask-设置文件权限掩码](Linux/umask-设置文件权限掩码.md)
* [updatedb-更新文件数据库](Linux/updatedb-更新文件数据库.md)
* [whereis-查找二进制文件](Linux/whereis-查找二进制文件.md)
* [which-输出命令路径](Linux/which-输出命令路径.md)

## MiniProgram
* [山科小站小程序](MiniProgram/山科小站小程序.md)
* [QQ小程序支付](Java/QQ小程序支付.md)
* [支付宝小程序user_id](MiniProgram/支付宝小程序user_id.md)
* [微信小程序校历组件](MiniProgram/微信小程序校历组件.md)
* [uniapp小程序迁移到TS](MiniProgram/uniapp小程序迁移到TS.md)

## App
* [NvueWeex](App/NvueWeex.md)

## PHP
* [ThinkPHP5.0漏洞测试](PHP/ThinkPHP5.0漏洞测试.md)
* [PHP验证码识别实例](IMGProcess/PHP验证码识别实例.md)

## Java
* [QQ小程序支付](Java/QQ小程序支付.md)

## Security
* [简单安全防护](Security/简单安全防护.md)
* [OD反汇编EXE添加一个启动时的消息框](Security/OD反汇编EXE添加一个启动时的消息框.md)
* [IDA反汇编EXE添加一个启动时的消息框](Security/IDA反汇编EXE添加一个启动时的消息框.md)
* [XSS跨站脚本攻击](Browser/XSS跨站脚本攻击.md)
* [CSRF跨站请求伪造](Browser/CSRF跨站请求伪造.md)
* [SQL注入](Browser/SQL注入.md)
* [CSS劫持攻击](Browser/CSS劫持攻击.md)
* [ThinkPHP5.0漏洞测试](PHP/ThinkPHP5.0漏洞测试.md)
* [SSRF服务器端请求伪造](Browser/SSRF服务器端请求伪造.md)
* [记ByteCTF中的Node题](Security/记ByteCTF中的Node题.md)

## Environment
* [VScode配置CMD本地运行环境(2.0)](Environment/VScode配置CMD本地运行环境(2.0).md)
* [Recover刷机简介](Environment/Recover刷机简介.md)
* [Ubuntu16.04安装QQ机器人](Environment/Ubuntu16.04安装QQ机器人.md)
* [将SublimeText加入右键菜单](Environment/将SublimeText加入右键菜单.md)
* [手机抓包HTTPS](Environment/手机抓包HTTPS.md)
* [文本选中复制](Environment/文本选中复制.md)
* [发布Npm包到GitHub Packages](Environment/发布Npm包到GitHub%20Packages.md)
* [斐讯K3C改散热](Environment/斐讯K3C改散热.md)
* [解决ufw下pptp客户端连接问题](Environment/解决ufw下pptp客户端连接问题.md)
* [建立DNS隧道绕过校园网认证](Environment/建立DNS隧道绕过校园网认证.md)
* [Ubuntu20.04配置CuckooSandbox环境](Environment/Ubuntu20.04配置CuckooSandbox环境.md)

## IMGProcess
* [强智教务系统验证码识别OpenCV](IMGProcess/强智教务系统验证码识别OpenCV.md)
* [强智教务系统验证码识别TensorflowCNN](IMGProcess/强智教务系统验证码识别TensorflowCNN.md)
* [YOLOV3目标检测](IMGProcess/YOLOV3目标检测.md)
* [PHP验证码识别实例](IMGProcess/PHP验证码识别实例.md)

## LeetCode
* [全排列](LeetCode/全排列.md)
* [括号生成](LeetCode/括号生成.md)
* [二进制求和](LeetCode/二进制求和.md)
* [顶端迭代器](LeetCode/顶端迭代器.md)
* [矩阵置零](LeetCode/矩阵置零.md)
* [栈排序](LeetCode/栈排序.md)
* [长度最小的子数组](LeetCode/长度最小的子数组.md)
* [字母移位](LeetCode/字母移位.md)
* [跳水板](LeetCode/跳水板.md)
* [路径总和](LeetCode/路径总和.md)
* [两个数组的交集II](LeetCode/两个数组的交集II.md)
* [全排列II](LeetCode/全排列II.md)
* [插入、删除和获取元素](LeetCode/插入、删除和获取元素.md)
* [最长公共前缀](LeetCode/最长公共前缀.md)
* [除数博弈](LeetCode/除数博弈.md)
* [环形数组循环](LeetCode/环形数组循环.md)
* [字符串相加](LeetCode/字符串相加.md)
* [有效的括号字符串](LeetCode/有效的括号字符串.md)
* [一次编辑](LeetCode/一次编辑.md)
* [被围绕的区域](LeetCode/被围绕的区域.md)
* [数组中的第K个最大元素](LeetCode/数组中的第K个最大元素.md)
* [提莫攻击](LeetCode/提莫攻击.md)
* [叶子相似的树](LeetCode/叶子相似的树.md)
* [二叉树的最小深度](LeetCode/二叉树的最小深度.md)
* [平衡二叉树](LeetCode/平衡二叉树.md)
* [电话号码的字母组合](LeetCode/电话号码的字母组合.md)
* [使括号有效的最少添加](LeetCode/使括号有效的最少添加.md)
* [二叉树的所有路径](LeetCode/二叉树的所有路径.md)
* [二叉树的层次遍历 II](LeetCode/二叉树的层次遍历%20II.md)
* [组合](LeetCode/组合.md)
* [翻转二叉树](LeetCode/翻转二叉树.md)
* [子集](LeetCode/子集.md)
* [二叉搜索树中的众数](LeetCode/二叉搜索树中的众数.md)
* [宝石与石头](LeetCode/宝石与石头.md)
* [反转字符串](LeetCode/反转字符串.md)
* [两两交换链表中的节点](LeetCode/两两交换链表中的节点.md)
* [长按键入](LeetCode/长按键入.md)
* [独一无二的出现次数](LeetCode/独一无二的出现次数.md)
* [两个数组的交集](LeetCode/两个数组的交集.md)
* [子集II](LeetCode/子集II.md)
* [最接近原点的K个点](LeetCode/最接近原点的K个点.md)
* [按奇偶排序数组II](LeetCode/按奇偶排序数组II.md)
* [根据身高重建队列](LeetCode/根据身高重建队列.md)
* [供暖器](LeetCode/供暖器.md)
* [上升下降字符串](LeetCode/上升下降字符串.md)
* [保持城市天际线](LeetCode/保持城市天际线.md)
* [不同路径](LeetCode/不同路径.md)
* [Dota2参议院](LeetCode/Dota2参议院.md)
* [单调递增的数字](LeetCode/单调递增的数字.md)
* [买卖股票的最佳时机含手续费](LeetCode/买卖股票的最佳时机含手续费.md)
* [字符串中的第一个唯一字符](LeetCode/字符串中的第一个唯一字符.md)
* [最后一块石头的重量](LeetCode/最后一块石头的重量.md)
* [种花问题](LeetCode/种花问题.md)
* [滑动窗口最大值](LeetCode/滑动窗口最大值.md)
* [汇总区间](LeetCode/汇总区间.md)
* [替换后的最长重复字符](LeetCode/替换后的最长重复字符.md)

## Interview
* [百度实习生前端面试](Interview/百度实习生前端面试.md)
* [腾讯暑期日常实习前端面试](Interview/腾讯暑期日常实习前端面试.md)
* [美团暑期日常实习前端面试](Interview/美团暑期日常实习前端面试.md)
* [字节跳动暑期日常实习前端面试](Interview/字节跳动暑期日常实习前端面试.md)
* [记2021年实习春招历程](MyLife/记2021年实习春招历程.md)
* [字节跳动暑期实习前端面试](Interview/字节跳动暑期实习前端面试.md)
* [美团暑期实习前端面试](Interview/美团暑期实习前端面试.md)
* [蚂蚁暑期实习前端面试](Interview/蚂蚁暑期实习前端面试.md)
* [记2022年实习春招历程](MyLife/记2022年实习春招历程.md)
* [百度秋招提前批前端面试](Interview/百度秋招提前批前端面试.md)
* [大疆秋招提前批前端面试](Interview/大疆秋招提前批前端面试.md)
* [360秋招正式批前端面试](Interview/360秋招正式批前端面试.md)
* [联想秋招正式批前端面试](Interview/联想秋招正式批前端面试.md)
* [京东秋招正式批前端面试](Interview/京东秋招正式批前端面试.md)
* [顺丰秋招正式批前端面试](Interview/顺丰秋招正式批前端面试.md)
* [拼多多秋招正式批前端面试](Interview/拼多多秋招正式批前端面试.md)
* [携程秋招正式批前端面试](Interview/携程秋招正式批前端面试.md)
* [腾讯秋招正式批前端面试](Interview/腾讯秋招正式批前端面试.md)
* [记2022年秋招历程](MyLife/记2022年秋招历程.md)

## MyLife
* [记一次有意思的种树比赛](MyLife/记一次有意思的种树比赛.md)
* [记2021年实习春招历程](MyLife/记2021年实习春招历程.md)
* [2021腾讯实习实录](MyLife/2021腾讯实习实录.md)
* [记ByteCTF中的Node题](Security/记ByteCTF中的Node题.md)
* [记2022年实习春招历程](MyLife/记2022年实习春招历程.md)
* [致我四年的大学生活](MyLife/致我四年的大学生活.md)
* [记2022年秋招历程](MyLife/记2022年秋招历程.md)
* [致我三年的研究生生活](MyLife/致我三年的研究生生活.md)
* [2022字节实习实录](MyLife/2022字节实习实录.md)
* [从大学开始搞的开源项目](MyLife/从大学开始搞的开源项目.md)
* [记一些日常的想法与思考](MyLife/记一些日常的想法与思考.md)

EveryDay

EveryDay Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

EveryDay

EveryDay Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README