# blog2

**Repository Path**: TomZ108/blog2

## Basic Information

- **Project Name**: blog2
- **Description**: 博客备份
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-03-03
- **Last Updated**: 2022-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# web前端知识系统
> 主体是以运行环境来分类

## 一，浏览器
### 1,html
1. [HTML5 上传图片并且本地预览](./browser/html/1903/190301.md)
2. [浏览器兼容设定](./browser/html/1903/190302.md)
3. [前端，后端，前台，后台](./browser/html/1903/190303.md)
4. [盒内元素垂直居中](./browser/html/2011/201102.md)
5. [html 常用的头部标签以及移动端常用的头部标签](./browser/html/1905/190501.md)
6. [如何让 HTML 识别 string 里的 '\n' 并成功换行？](./browser/html/1906/190601.md)
7. [html 标签 pre 的使用](./browser/html/2001/200101.md)
8. [浏览器内核](./browser/html/2010/201001.md)
9. [开发者工具的 timing](./browser/html/2010/201002.md)
10. [前端标签语义化](./browser/html/2011/201101.md)
11. [seo 需要注意的几点](./browser/html/2102/210201.md)
12. [html5 有哪些新的特性](./browser/html/2102/210202.md)
13. [cookie , localStorage 与 sessionStorage 的区别](./browser/html/2102/210203.md)

### 2,css
1. [遮罩层镂空](./browser/css/1806/180601.md)
2. [文字过长截断并且用省略号代替](./browser/css/1902/190201.md)
3. [创建 BFC](./browser/css/1904/190402.md)
4. [两列布局：一列固定宽，一列自适应](./browser/css/1905/190501.md)
5. [父元素根据子元素来撑起宽度](./browser/css/1907/190701.md)
6. [网页全局变灰](./browser/css/1912/191201.md)
7. [使用 vw,vh 对大屏项目进行适配](./browser/css/1912/191202.md)
8. [grid 布局简单使用](./browser/css/2009/200901.md)
9. [文字强制换行](./browser/css/2009/200902.md)
10. [让 Dom 元素消失](./browser/css/2011/201101.md)
11. [常用的 Dom 元素类型](./browser/css/2011/201102.md)
12. [层叠上下文（The stacking context）](./browser/css/2012/201201.md)
13. [清除浮动](./browser/css/2102/210201.md)
14. [rem 和 vw 以及所谓的完美还原设计图](./browser/css/2103/210301.md)
15. [unset](./browser/css/2108/210801.md)

### 3,javaScript
1. [点击查看详情](./browser/javaScript/js_readme.md)

### 4,vue
1. [点击查看详情](./browser/vue/vue_readme.md)

### 5,react
1. [点击查看详情](./browser/react/react_readme.md)

### 6,jQuery
1. [jQuery源码分析（1）](./browser/jQuery/1811/01.md)
2. [jQuery源码分析（2）](./browser/jQuery/1811/02.md)
3. [jQuery源码分析（3）](./browser/jQuery/1811/03.md)
4. [jQuery源码分析（4）](./browser/jQuery/1811/04.md)

#### 7,浏览器优化
1. [回流与重绘](./browser/optimization/1904/190401.md)
2. [提高首屏加载速度-基础](./browser/optimization/1904/190402.md)
3. [减少服务器的压力](./browser/optimization/1904/190403.md)
4. [优化 ui 交互以及动画的流畅度01](./browser/optimization/1904/190404.md)
5. [mv* 框架的首屏渲染](./browser/optimization/2101/210101.md)
6. [当加载页面时的几个注意点](./browser/optimization/2101/210102.md)
7. [网站性能优化](./browser/optimization/2102/210201.md)

#### 8,SVG
1. [SVG 初探](./browser/Svg/2001/200101.md)
2. [SVG:viewBox](./browser/Svg/2002/200201.md)
3. [SVG:基本图形绘制](./browser/Svg/2002/200202.md)
4. [SVG:分组, 定义和复用](./browser/Svg/2002/200203.md)
5. [SVG:path](./browser/Svg/2002/200204.md)
6. [SVG: 轨迹动画和字体笔迹动画](./browser/Svg/2002/200205.md)
7. [如何把复杂的图片转化为 svg](./browser/Svg/2002/200206.md)

------

## 二，数据可视化
### d3
1. [初识d3](./dataVisualization/d3/2002/200201.md)
2. [D3 选择,查看,设定和操作元素](./dataVisualization/d3/2002/200202.md)
3. [d3 的数据绑定](./dataVisualization/d3/2002/200203.md)
4. [d3 操作 svg 画柱状图](./dataVisualization/d3/2002/200204.md)
5. [d3.timeFormat 时间格式化](./dataVisualization/d3/2003/200301.md)
6. [d3 几种常见的坐标轴](./dataVisualization/d3/2003/200302.md)
7. [d3 画完整柱状图](./dataVisualization/d3/2003/200303.md)
8. [d3 画散点图](./dataVisualization/d3/2003/200304.md)
9. [d3 操作 svg 画直线与路径](./dataVisualization/d3/2003/200305.md)
10. [d3 操作 svg 画区域](./dataVisualization/d3/2003/200306.md)
11. [d3 操作 svg 画圆弧](./dataVisualization/d3/2003/200307.md)
12. [d3 操作 svg 画符号](./dataVisualization/d3/2003/200308.md)

### echarts
1. [echarts 图表的提示框](./dataVisualization/echarts/2002/200201.md)
2. [echarts 可以按需引入的组件](./dataVisualization/echarts/2002/200202.md)
3. [echarts 跟随页面调整图表尺寸](./dataVisualization/echarts/2002/200203.md)
4. [echarts 渲染卡顿优化](./dataVisualization/echarts/2003/200301.md)
5. [echarts 设置内边距](./dataVisualization/echarts/2003/200302.md)
6. [echarts 监听移动or缩放事件](./dataVisualization/echarts/2101/210101.md)
7. [canvas 里面图形如何绑定事件](./dataVisualization/echarts/2103/210301.md)
8. [canvas 与 svg 的区别](./dataVisualization/echarts/2103/210302.md)
9. [canvas 的优化](./dataVisualization/echarts/2103/210303.md)

### threeJs
1. [threeJS-1](./dataVisualization/three/2104/210401.md)
2. [ vue-cli 中引入 three 中的 OrbitControls 控制器](./dataVisualization/three/2104/210402.md)
2. [threeJS 渲染 3D 字体](./dataVisualization/three/2111/211101.md)

------

## 三，全栈
### nginx
1. [nginx开启关闭以及重启](./FullStack/nginx/1806/01.md)
2. [nginx.conf详解](./FullStack/nginx/1806/02.md)
3. [nginx开启关闭以及重启2](./FullStack/nginx/1811/181101.md)
4. [nginx 开启 GZIP](./FullStack/nginx/1904/190401.md)
5. [bug: nginx 转发不了文件](./FullStack/nginx/2001/200101.md)
6. [nginx 转发静态文件以及转发请求](./FullStack/nginx/2001/200102.md)
7. [nginx 代理请求转发报错](./FullStack/nginx/2009/200901.md)
8. [nginx 重启报错](./FullStack/nginx/2009/200902.md)
9. [nginx 转发大数据过被截断](./FullStack/nginx/2102/210201.md)

### nodeJS
1. [express: cookie和session](./FullStack/node/1807/180701.md)
2. [node-http](./FullStack/node/1807/180702.md)
3. [node-fs](./FullStack/node/1807/180703.md)
4. [koa2 开发开源博客（1）](./FullStack/node/1812/181201.md)
5. [express 设置缓存](./FullStack/node/1904/190401.md)
6. [四步开始 koa + typescript](./FullStack/node/2003/200301.md)
7. [shelljs 简介](./FullStack/node/2003/200302.md)
8. [cross-env 简介](./FullStack/node/2003/200302.md)
9. [使用 typescript 开发 express](./FullStack/node/2004/200401.md)
10. [RESTful api 理解](./FullStack/node/2004/200402.md)
11. [日志组件:log4js使用](./FullStack/node/2101/210101.md)
12. [nodeJS 事件循环](./FullStack/node/2103/210301.md)
13. [源码解读的 use 和 next](./FullStack/node/2103/210302.md)
14. [nodeJS 利用 N-API 编写c++ node扩展](./FullStack/node/2104/210401.md)
15. [nodejs 配置文件权限](./FullStack/node/2110/211001.md)
16. [npx 是什么](./FullStack/node/2202/220201.md)


### linux
1. [linux 服务管理](./FullStack/linux/1807/01.md)
2. [linux 进程管理管理](./FullStack/linux/1807/02.md)
3. [Linux基本命令-01](./FullStack/linux/1807/03.md)
4. [vm虚拟机安装Linux-centOS7无法上网](./FullStack/linux/1807/04.md)
5. [Linux-centOS7安装ifconfig](./FullStack/linux/1807/05.md)
6. [笔记本用u盘装centos](./FullStack/linux/1905/190501.md)
7. [Linux基本命令-02](./FullStack/linux/1905/190502.md)
8. [centOS7 安装 nginx](./FullStack/linux/1906/190601.md)
9. [centOS7 安装 mysql](./FullStack/linux/1906/190602.md)
10. [Centos7 开放及查看端口](./FullStack/linux/2009/200901.md)
11. [centOS 安装 nodejs](./FullStack/linux/2011/201101.md)

### http
1. [服务器常用网络端口](./FullStack/http/1807/180701.md)
2. [一个mvc服务器浏览器网络请求简要过程](./FullStack/http/1807/180702.md)
3. [HTTP 状态码](./FullStack/http/1904/190401.md)
4. [TCP连接与关闭](./FullStack/http/1904/190402.md)
5. [Web安全之 SQL 注入攻击](./FullStack/http/1904/190403.md)
6. [Web安全之 CSRF 攻击](./FullStack/http/1904/190404.md)
7. [Web安全之 xss 攻击](./FullStack/http/1904/190405.md)
8. [Web安全之越权操作](./FullStack/http/1904/190406.md)
9. [什么是同源策略即限制](./FullStack/http/2102/210201.md)
10. [tcp/ip 五层网络分层模型](./FullStack/http/2102/210202.md)
11. [websocket](./FullStack/http/2102/210203.md)
12. [tcp](./FullStack/http/2102/210204.md)
12. [浏览器缓存](./FullStack/http/2102/210205.md)
13. [http 的 keep-alive](./FullStack/http/2103/210301.md)
14. [响应头的 content-type 的类型](./FullStack/http/2103/210302.md)

### electron
1. [electron 打包全记录](./FullStack/electron/2002/200201.md)
2. [electron 打包 vue 程序发现页面空白](./FullStack/electron/2002/200202.md)
3. [electron 一些小需求](./FullStack/electron/2002/200203.md)
4. [electron：BrowserWindow 的配置选项](./FullStack/electron/2002/200204.md)
5. [electron: 优雅的显示窗口](./FullStack/electron/2002/200205.md)
6. [Electron 的进程](./FullStack/electron/2002/200206.md)
7. [Electron 的进程之间的交流](./FullStack/electron/2002/200207.md)
8. [electron 在 vue-cli 4 中配置打包选项](./FullStack/electron/2003/200301.md)
9. [Electron 2.0.0](./FullStack/electron/2104/210401.md)
10. [vue-cli4 安装 electron](./FullStack/electron/2104/210402.md)
11. [electron 不在支持 remote 的原因](./FullStack/electron/2104/210403.md)
11. [electron 的 remote ](./FullStack/electron/2104/210404.md)
12. [windows 上 Electron 应用申请管理员权限 ](./FullStack/electron/2108/210801.md)
13. [Electron 小技巧一](./FullStack/electron/2111/211101.md)

### 微信小程序
1. [小程序原生组件z-index](./FullStack/miniprogram/1806/180601.md)
2. [实现遮罩层下底层不滚动](./FullStack/miniprogram/1806/180602.md)
3. [小程序实现网页端cookie会话功能](./FullStack/miniprogram/1806/180603.md)
4. [小程序 canvas 裁剪图形，开发者会有 bug](./FullStack/miniprogram/1902/190201.md)
5. [小程序 webview 开发](./FullStack/miniprogram/1904/190401.md)
6. [微信小程序工作原理](./FullStack/miniprogram/2103/210301.md)
7. [小程序登录](./FullStack/miniprogram/2103/210302.md)

### flutter
1. [点击查看详情](./FullStack/flutter/flutter_readme.md)

### uniApp
1. [uniApp 自定义头部导航栏](./FullStack/uniApp/2007/200701.md)
2. [uniApp 引入 Echarts（一）](./FullStack/uniApp/2007/200702.md)
3. [uniApp 引入 Echarts（二）](./FullStack/uniApp/2007/200703.md)
4. [uniApp 跨域](./FullStack/uniApp/2007/200704.md)
5. [uniapp 自定义头部导航栏 logo 与胶囊按钮对齐](./FullStack/uniApp/2009/200901.md)
6. [设置 uniapp 自定义导航高度](./FullStack/uniApp/2009/200902.md)

### mysql
1. [服务器mysql允许远程连接](./FullStack/mysql/2009/200901.md)
2. [centos彻底卸载mysql](./FullStack/mysql/2009/200902.md)
3. [rom工具(Sequelize):连接mysql数据库](./FullStack/mysql/2009/200903.md)
4. [rom工具(Sequelize):定义数据表模型](./FullStack/mysql/2009/200904.md)
5. [Sequelize 查询 mysql 数据库](./FullStack/mysql/2009/200905.md)

------
## 四，编程知识
### 测试
1. [node测试](./program/test/1807/180701.md)
2. [vue测试](./program/test/1807/180702.md)
3. [ts 使用 mocha chai 进行测试](./program/test/2103/210301.md)

### 数据结构与算法
1. [点击查看详情](./program/algorithm/algorithm_readme.md)

### 面向对象
1. [js面向对象初接触(1)](./program/js_oop/1812/01.md)
2. [js面向对象初接触(2)](./program/js_oop/1812/02.md)
3. [js面向对象初接触(3)](./program/js_oop/1812/03.md)
4. [js面向对象初接触(4)](./program/js_oop/1812/04.md)
5. [js面向对象初接触(5)](./program/js_oop/1812/05.md)
6. [js面向对象初接触(6)](./program/js_oop/1812/06.md)
7. [js面向对象初接触(7)](./program/js_oop/1812/07.md)
8. [js面向对象初接触(8)](./program/js_oop/1812/08.md)
9. [js面向对象初接触(9)](./program/js_oop/1812/09.md)
10. [继承](./program/js_oop/1812/10.md)
11. [ES5之前的继承](./program/js_oop/1903/190301.md)
12. [封装](./program/js_oop/1903/190302.md)
13. [面向对象- new 的作用及其简单模拟](./program/js_oop/1903/190303.md)
14. [UML类图关系: 泛化与关联](./program/js_oop/2101/210101.md)

### typeScript
[点击查看详情](./program/typeScript/ts_readme.md)

### Dart
1. [vscode 写 dart](./program/dart/2006/200601.md)
2. [dart 常用数据类型](./program/dart/2006/200602.md)
3. [dart 数据类型转换](./program/dart/2006/200603.md)
4. [dart 的 List 结构](./program/dart/2006/200604.md)
5. [dart 的 Set 结构](./program/dart/2006/200605.md)
6. [dart 的 Map 结构](./program/dart/2006/200606.md)
7. [dart 的类结构](./program/dart/2006/200607.md)
8. [dart 的抽象类,多态和接口](./program/dart/2006/200608.md)
9. [dart 的继承,接口和混入](./program/dart/2006/200609.md)
10. [泛型,泛型方法,泛型类,泛型接口](./program/dart/2007/200701.md)
11. [Dart 引包](./program/dart/2007/200702.md)
12. [Dart 的时间对象](./program/dart/2009/200901.md)

### 正则
1. [正则表达式](./program/RegExp/2103/210301.md)
2. [常用正则表达式及解析](./program/RegExp/2103/210302.md)
3. [js 正则表达式的常用方法](./program/RegExp/2103/210303.md)
4. [strObj.replace 的高级用法](./program/RegExp/2103/210304.md)

## nsis
1. [nsis 简介](./program/nsis/210801.md)
2. [NSIS 基础](./program/nsis/210802.md)

## c++
1. [用 vscode 写 c++](./program/c++/2110/211001.md)
2. [c++ 常量](./program/c++/2110/211002.md)
3. [c++ 的 endl](./program/c++/2110/211003.md)
4. [c++ 的字符与字符串](./program/c++/2110/211004.md)
5. [c++ 随机数](./program/c++/2110/211005.md)
6. [c++ 一维数组](./program/c++/2110/211006.md)
7. [vscode 中 c++ 分文件编写函数](./program/c++/2110/211007.md)
8. [c++ 指针](./program/c++/2111/211101.md)
9. [常量与指针](./program/c++/2111/211102.md)
10. [c++ 结构体的嵌套以及数组](./program/c++/2111/211103.md)
11. [结构体指针](./program/c++/2111/211104.md)
12. [结构体与函数](./program/c++/2111/211105.md)
13. [程序的内存模型](./program/c++/2111/211106.md)
14. [c++ new 与 delete](./program/c++/2111/211107.md)
15. [c++ 引用](./program/c++/2111/211108.md)
16. [函数相关](./program/c++/2111/211109.md)
17. [对象的封装与权限](./program/c++/2111/211110.md)
18. [对象的构造函数和析构函数](./program/c++/2111/211111.md)

------
## 五，其他
### 1. git
1. [常用操作命令](./other/git/1806/00.md)
2. [git分支管理-branth](./other/git/1806/01.md)
3. [git 问题解决](./other/git/1806/02.md)
4. [git 与 github 工作流](./other/git/1806/03.md)
5. [git 不更新你的提交记录](./other/git/1912/191201.md)
6. [git 删除本地 tag 和远程 tag](./other/git/2005/200501.md)

### 2. 博客版本记录
1. [详情请点击](./other/blog_record/blog_record.md)

### 3. webpack
1. [webpack4（1）](./other/webpack/1812/01.md)
2. [webpack4（2）](./other/webpack/1812/02.md)
3. [webpack4（3）](./other/webpack/1812/03.md)
4. [webpack4（4）](./other/webpack/1812/04.md)
5. [eslint 配置](./other/webpack/1812/05.md)
6. [简单将 webpack 进行分环境运行与打包](./other/webpack/1905/190501.md)
7. [webpack 发布 npm 插件](./other/webpack/1905/190502.md)
8. [npm 于 cnpm 对于打包的影响](./other/webpack/1905/190502.md)
9. [常见开源协议说明](./other/webpack/2101/210101.md)
10. [webpack 与 gulp 的区别](./other/webpack/2102/210201.md)
11. [webpack 五个核心概念以及其工作流程](./other/webpack/2102/210202.md)
12. [webpack 优化措施](./other/webpack/2102/210203.md)
12. [webpack.DefinePlugin](./other/webpack/2108/210801.md)
13. [webpack 热更新](./other/webpack/2202/220201.md)

### 4. 思维
1. [前端一点小想法](./other/thinking/1812/01.md)
1. [软件开发的三大原则](./other/thinking/1912/191201.md)

### 5. 阅读
1. [javaScript高级程序设计（第三版）笔记 - 01](./other/read/javaScriptGJCXSJ/190201.md)
2. [javaScript高级程序设计（第三版）笔记 - 02](./other/read/javaScriptGJCXSJ/190202.md)
3. [javaScript高级程序设计（第三版）笔记 - 03](./other/read/javaScriptGJCXSJ/190203.md)
4. [javaScript高级程序设计（第三版）笔记 - 04](./other/read/javaScriptGJCXSJ/190301.md)
5. [javaScript高级程序设计（第三版）笔记 - 05](./other/read/javaScriptGJCXSJ/190302.md)
6. [javaScript高级程序设计（第三版）笔记 - 06](./other/read/javaScriptGJCXSJ/190303.md)
7. [《你不知道的JavaScript(上卷)》-1](./other/read/1811/181101.md)
8. [读《哲学家都干了什么》](./other/read/2105/210501.md)

### 6. 常用工具软件及网站
1. [工作学习常用工具及网站](./other/tool/2112/190401.md)
2. [vscode 常用插件](./other/tool/2112/190601.md)
3. [md 表格语法和生成目录](./other/2112/tool/191201.md)
4. [vscode 插件 —— todo-highlight](./other/2112/tool/211001.md)
5. [vscode 插件 —— px-to-vw](./other/tool/2112/211002.md)

### 7. 文章翻译
1. [vscode 版本1.44 说明文件翻译](./other/translation/200401.md)
2. [vscode 版本1.45.1 说明文件翻译](./other/translation/200501.md)
3. [VScode 1.55](./other/translation/210401.md)
4. [vscode 1.6.4 版本简略说明](./other/translation/220101.md)

### 8. jenkins
1. [jenkins 是什么](./other/jenkins/210401.md)
2. [jenkins 在 windows 安装](./other/jenkins/210402.md)
3. [windows 下 jenkins 离线安装插件](./other/jenkins/210403.md)
4. [windows 下 jenkins 拉去远程 git 打包成压缩文件](./other/jenkins/210404.md)
5. [windows 下 jenkins 上传前端打包文件到服务器](./other/jenkins/210405.md)

### 9. 照片
1. [RGB 与 CMY 颜色对应关系](./other/photo/2010/201001.md)
2. [颜色](./other/photo/2010/201002.md)
3. [相机基础知识](./other/photo/2010/201003.md)
4. [影调](./other/photo/2010/201004.md)
5. [摄影后期](./other/photo/2010/201005.md)
6. [景深](./other/photo/2010/201006.md)

### 10. 英语知识
1. [where 引导的主语从句](./other/English/2201/220101.md)