后端

• rust

rust

• 十分钟 Rust 入门
• rust 入门

打包

• 格式化

格式化

• 1. 基于husky实现git提交代码前校验
• 2. lint-staged

规范

• 代码规范
• 工程规范
• 架构设计

代码规范

• 1. CSS命名规范：理解与应用BEM方法论
• 2. 日志打印规范
• 3. 前端命名规范
• 4. 代码注释规范(参考jsdoc)
• 5. CSS 和 Sass 代码规范
• 6. HTML 代码规范
• 7. Javascript 代码风格指南
• 8. JS 命名规范
• 9. 代码提交规范-约定式提交
• 10. 版本号管理规范
• 11. 图片规范

工程规范

• 1. README 编写规范
• 2. Git message 书写规范
• 3. Changelog 编写规范
• 4. 提交代码标准
• 5. 语义化版本化
• 6. 规范使用“TODO”、“XXX”和“FIXME”

架构设计

• 1. 前端软件架构模式MVC_MVP_MVVM

工具

• 开发调试技巧
• Git
• 环境配置相关
• 浏览器
• 企业微信
• UML
• /Users/daiyunzhou/code/project/fe-interview/document/devtools/vscode无标题

开发调试技巧

• 华为手机安卓Charles证书
• Charles拦截接口请求
• MacOS下 Charles 抓包浏览器https接口
• 在手机端使用vconsole调试h5页面
• PageSpy远程调试

Git

• 1. Git新建、查看、删除、重命名、tag、对比
• 2. 解决git不区分文件名大小写的问题
• 3. Git恢复删除或修改的文件 ls-files
• 4. .gitignore 设置忽略上传的文件
• 5. Git 分支命名规范
• 6. git fetch & git pull详解
• 7.git stash处理当前分支没有提交代码但要切换分支的情况
• 8 .git clean 删除新增的没有track的文件
• 9. git log使用
• 10.【git revert】报错commit is a merge but no -m option was given.
• 11. git rebase合并提交
• 12. git add 使用方法
• 13. git 放弃merge代码
• 14. Git 合并时 --no-ff 的作用
• 15. git查看某次commit修改的内容
• 16. git commit之后如何撤销commit
• 17. 快速搞懂 vscode 插件Git Graph
• 查看分支是从哪个分支拉出来的
• 19. 把原项目放到新的 git仓库

环境配置相关

• 1. mac 常用技巧
• 2. Homebrew国内如何自动安装（国内地址）

浏览器

• 1. Chrome使用调试技巧
• 2. IE 11 无法安全地连接到此页面，这可能是因为该站点使用过期的或不安全的 TLS 安全设置
• 3. 浏览器插件开发

企业微信

• mac企业微信打开Debug模式

UML

• 常见的流程图符号及含义
• uml 常用箭头符号含义

框架

• babel
• react
• vue

react

• /Users/daiyunzhou/code/project/fe-interview/document/frameworktools/react/hooks无标题

前端基础

• 功能函数
• 理论
• 设计模式
• 数据结构
• 算法
• 网络及安全
• /Users/daiyunzhou/code/project/fe-interview/document/frontendbasics/g-wangluojianquan无标题
• 消息推送
• /Users/daiyunzhou/code/project/fe-interview/document/frontendbasics/i-xingnengyouhua无标题
• 面试题
• css 基础啊
• html
• javascript 基础
• /Users/daiyunzhou/code/project/fe-interview/document/frontendbasics/m-promise无标题
• TS

功能函数

• 1. 常用 util 方法
• 2. 倒计时
• 3. 鼠标点击拖动页面的dom节点
• 4. 数字金额转中文大写金额
• 5. js获取屏幕宽高
• 6. JS实现颜色的10进制转化成rgba格式的方法
• 7. 放大镜

理论

• 1. V8引擎的垃圾回收
• 2.JavaScript：立即执行函数表达式（IIFE）
• 3. JavaScript深入之闭包
• 4. 深入理解js闭包的9大使用场景
• 5. JavaScript深入之从原型到原型链
• 6. JavaScript深入之继承的多种方式和优缺点
• 7. 什么是节流、防抖函数？作用及应用场景？如何实现？
• 8. JavaScript专题之函数柯里化
• 9. 如何解决跨域问题
• 10. JavaScript深入之变量对象
• 11. JavaScript深入之作用域链
• 12. 前端模块化
• 13. FAT和NTFS格式的区别
• 14. 宏任务和微任务
• 15. 在浏览器中输入URL并回车后都发生了什么？

数据结构

• 1. 探索 JavaScript 中的队列与栈：基于数组的实现
• 2. 巧用链表结构模拟 JavaScript 中的队列与栈

算法

• 1. 数组去重
• 2. 统计字符串中字母个数或统计最多字母数
• 3. 排序算法
• 4. 二分法查找
• 5. 二叉树和有序二叉树和二叉查找树
• 6. 判断一个单词是否是回文
• 7. 不借助临时变量，进行两个整数的交换
• 8. 斐波那契数列
• 9. 找出数组的最大差值
• 10. 随机生成指定长度字符串
• 11. 输出金字塔1，2，3以下结构
• 12. 深度优先搜索算法
• 13. 广度优先搜索算法
• 14. 计算时间列表最小时间差

网络及安全

• 网络请求相关问题汇总
• 3. 什么是JWT
• 4. 浏览器缓存、DNS缓存、CDN缓存
• 5. XSS、CSRF、SQL 注入、点击劫持攻击与防御以及四者间关系
• 6. 请求的header里面有什么参数
• 7. 请求接口时如何保证信息的安全？
• 8. Https为什么安全？怎么知道当前请求是否安全？
• 9. 如何防止爬虫？

消息推送

• 1. 基于SSE和EventSource实现服务端推送
• 2. 理解WebSocket 及其在 Koa2 中的简单应用
• 3. 基于 Koa2 与 Socket.io 构建实时多人互动应用
• 4. WebSocket、Socket.io 与 HTTP 的深度剖析：差异与应用场景

面试题

• 面试题 1
• 面试题 2

css 基础啊

• 使用css实现一个自适应浏览器大小且宽高比为2：1 的块
• 理解常用布局单位：px、%、vw、vh、em、rem、pt和CSS变量
• CSS选择符（器）有哪些？优先级如何计算？哪些属性可以继承？
• css常用小技巧
• 现代Web设计中的Flex布局：深入浅出新手指南

html

• 1. html 基础
• HTML5 语义化元素入门教程

javascript 基础

• 0. JS基础问题汇总
• 1. 断言
• 2. ES6 let 与 const
• 3. 正则基础
• 4. 常用正则

node

• koa
• 包管理

koa

• node + koa + mkcert实现本地开发https

包管理

• 1. 如何发布代码到npm
• 2. 基于nvm 管理多个node版本
• 3. 如何管理本地多个npm镜像源
• 5. 现代NPM打包规范
• 6. yarn、npm、pnpm 三者对比
• 7. 本地调试npm包操作流程
• /Users/daiyunzhou/code/project/fe-interview/document/nodejs/npm_yarn_pnpm/boxen无标题
• /Users/daiyunzhou/code/project/fe-interview/document/nodejs/npm_yarn_pnpm/httpproxy无标题

摄影

• 2018年
• 2020年
• 2021年
• 2022年
• 2023年