web前端知识系统

主体是以运行环境来分类

一，浏览器

1,html

1. HTML5 上传图片并且本地预览
2. 浏览器兼容设定
3. 前端，后端，前台，后台
4. 盒内元素垂直居中
5. html 常用的头部标签以及移动端常用的头部标签
6. 如何让 HTML 识别 string 里的 '\n' 并成功换行？
7. html 标签 pre 的使用
8. 浏览器内核
9. 开发者工具的 timing
10. 前端标签语义化
11. seo 需要注意的几点
12. html5 有哪些新的特性
13. cookie , localStorage 与 sessionStorage 的区别

2,css

1. 遮罩层镂空
2. 文字过长截断并且用省略号代替
3. 创建 BFC
4. 两列布局：一列固定宽，一列自适应
5. 父元素根据子元素来撑起宽度
6. 网页全局变灰
7. 使用 vw,vh 对大屏项目进行适配
8. grid 布局简单使用
9. 文字强制换行
10. 让 Dom 元素消失
11. 常用的 Dom 元素类型
12. 层叠上下文（The stacking context）
13. 清除浮动
14. rem 和 vw 以及所谓的完美还原设计图
15. unset

3,javaScript

1. 点击查看详情

4,vue

1. 点击查看详情

5,react

1. 点击查看详情

6,jQuery

1. jQuery源码分析（1）
2. jQuery源码分析（2）
3. jQuery源码分析（3）
4. jQuery源码分析（4）

7,浏览器优化

1. 回流与重绘
2. 提高首屏加载速度-基础
3. 减少服务器的压力
4. 优化 ui 交互以及动画的流畅度01
5. mv* 框架的首屏渲染
6. 当加载页面时的几个注意点
7. 网站性能优化

8,SVG

1. SVG 初探
2. SVG:viewBox
3. SVG:基本图形绘制
4. SVG:分组, 定义和复用
5. SVG:path
6. SVG: 轨迹动画和字体笔迹动画
7. 如何把复杂的图片转化为 svg

---

二，数据可视化

d3

1. 初识d3
2. D3 选择,查看,设定和操作元素
3. d3 的数据绑定
4. d3 操作 svg 画柱状图
5. d3.timeFormat 时间格式化
6. d3 几种常见的坐标轴
7. d3 画完整柱状图
8. d3 画散点图
9. d3 操作 svg 画直线与路径
10. d3 操作 svg 画区域
11. d3 操作 svg 画圆弧
12. d3 操作 svg 画符号

echarts

1. echarts 图表的提示框
2. echarts 可以按需引入的组件
3. echarts 跟随页面调整图表尺寸
4. echarts 渲染卡顿优化
5. echarts 设置内边距
6. echarts 监听移动or缩放事件
7. canvas 里面图形如何绑定事件
8. canvas 与 svg 的区别
9. canvas 的优化

threeJs

1. threeJS-1
2. vue-cli 中引入 three 中的 OrbitControls 控制器
3. threeJS 渲染 3D 字体

---

三，全栈

nginx

1. nginx开启关闭以及重启
2. nginx.conf详解
3. nginx开启关闭以及重启2
4. nginx 开启 GZIP
5. bug: nginx 转发不了文件
6. nginx 转发静态文件以及转发请求
7. nginx 代理请求转发报错
8. nginx 重启报错
9. nginx 转发大数据过被截断

nodeJS

1. express: cookie和session
2. node-http
3. node-fs
4. koa2 开发开源博客（1）
5. express 设置缓存
6. 四步开始 koa + typescript
7. shelljs 简介
8. cross-env 简介
9. 使用 typescript 开发 express
10. RESTful api 理解
11. 日志组件:log4js使用
12. nodeJS 事件循环
13. 源码解读的 use 和 next
14. nodeJS 利用 N-API 编写c++ node扩展
15. nodejs 配置文件权限
16. npx 是什么

linux

1. linux 服务管理
2. linux 进程管理管理
3. Linux基本命令-01
4. vm虚拟机安装Linux-centOS7无法上网
5. Linux-centOS7安装ifconfig
6. 笔记本用u盘装centos
7. Linux基本命令-02
8. centOS7 安装 nginx
9. centOS7 安装 mysql
10. Centos7 开放及查看端口
11. centOS 安装 nodejs

http

1. 服务器常用网络端口
2. 一个mvc服务器浏览器网络请求简要过程
3. HTTP 状态码
4. TCP连接与关闭
5. Web安全之 SQL 注入攻击
6. Web安全之 CSRF 攻击
7. Web安全之 xss 攻击
8. Web安全之越权操作
9. 什么是同源策略即限制
10. tcp/ip 五层网络分层模型
11. websocket
12. tcp
13. 浏览器缓存
14. http 的 keep-alive
15. 响应头的 content-type 的类型

electron

1. electron 打包全记录
2. electron 打包 vue 程序发现页面空白
3. electron 一些小需求
4. electron：BrowserWindow 的配置选项
5. electron: 优雅的显示窗口
6. Electron 的进程
7. Electron 的进程之间的交流
8. electron 在 vue-cli 4 中配置打包选项
9. Electron 2.0.0
10. vue-cli4 安装 electron
11. electron 不在支持 remote 的原因
12. electron 的 remote
13. windows 上 Electron 应用申请管理员权限
14. Electron 小技巧一

微信小程序

1. 小程序原生组件z-index
2. 实现遮罩层下底层不滚动
3. 小程序实现网页端cookie会话功能
4. 小程序 canvas 裁剪图形，开发者会有 bug
5. 小程序 webview 开发
6. 微信小程序工作原理
7. 小程序登录

flutter

1. 点击查看详情

uniApp

1. uniApp 自定义头部导航栏
2. uniApp 引入 Echarts（一）
3. uniApp 引入 Echarts（二）
4. uniApp 跨域
5. uniapp 自定义头部导航栏 logo 与胶囊按钮对齐
6. 设置 uniapp 自定义导航高度

mysql

1. 服务器mysql允许远程连接
2. centos彻底卸载mysql
3. rom工具(Sequelize):连接mysql数据库
4. rom工具(Sequelize):定义数据表模型
5. Sequelize 查询 mysql 数据库

---

四，编程知识

测试

1. node测试
2. vue测试
3. ts 使用 mocha chai 进行测试

数据结构与算法

1. 点击查看详情

面向对象

1. js面向对象初接触(1)
2. js面向对象初接触(2)
3. js面向对象初接触(3)
4. js面向对象初接触(4)
5. js面向对象初接触(5)
6. js面向对象初接触(6)
7. js面向对象初接触(7)
8. js面向对象初接触(8)
9. js面向对象初接触(9)
10. 继承
11. ES5之前的继承
12. 封装
13. 面向对象- new 的作用及其简单模拟
14. UML类图关系: 泛化与关联

typeScript

点击查看详情

Dart

1. vscode 写 dart
2. dart 常用数据类型
3. dart 数据类型转换
4. dart 的 List 结构
5. dart 的 Set 结构
6. dart 的 Map 结构
7. dart 的类结构
8. dart 的抽象类,多态和接口
9. dart 的继承,接口和混入
10. 泛型,泛型方法,泛型类,泛型接口
11. Dart 引包
12. Dart 的时间对象

正则

1. 正则表达式
2. 常用正则表达式及解析
3. js 正则表达式的常用方法
4. strObj.replace 的高级用法

nsis

1. nsis 简介
2. NSIS 基础

c++

1. 用 vscode 写 c++
2. c++ 常量
3. c++ 的 endl
4. c++ 的字符与字符串
5. c++ 随机数
6. c++ 一维数组
7. vscode 中 c++ 分文件编写函数
8. c++ 指针
9. 常量与指针
10. c++ 结构体的嵌套以及数组
11. 结构体指针
12. 结构体与函数
13. 程序的内存模型
14. c++ new 与 delete
15. c++ 引用
16. 函数相关
17. 对象的封装与权限
18. 对象的构造函数和析构函数

---

五，其他

1. git

1. 常用操作命令
2. git分支管理-branth
3. git 问题解决
4. git 与 github 工作流
5. git 不更新你的提交记录
6. git 删除本地 tag 和远程 tag

2. 博客版本记录

1. 详情请点击

3. webpack

1. webpack4（1）
2. webpack4（2）
3. webpack4（3）
4. webpack4（4）
5. eslint 配置
6. 简单将 webpack 进行分环境运行与打包
7. webpack 发布 npm 插件
8. npm 于 cnpm 对于打包的影响
9. 常见开源协议说明
10. webpack 与 gulp 的区别
11. webpack 五个核心概念以及其工作流程
12. webpack 优化措施
13. webpack.DefinePlugin
14. webpack 热更新

4. 思维

1. 前端一点小想法
2. 软件开发的三大原则

5. 阅读

1. javaScript高级程序设计（第三版）笔记 - 01
2. javaScript高级程序设计（第三版）笔记 - 02
3. javaScript高级程序设计（第三版）笔记 - 03
4. javaScript高级程序设计（第三版）笔记 - 04
5. javaScript高级程序设计（第三版）笔记 - 05
6. javaScript高级程序设计（第三版）笔记 - 06
7. 《你不知道的JavaScript(上卷)》-1
8. 读《哲学家都干了什么》

6. 常用工具软件及网站

1. 工作学习常用工具及网站
2. vscode 常用插件
3. md 表格语法和生成目录
4. vscode 插件 —— todo-highlight
5. vscode 插件 —— px-to-vw

7. 文章翻译

1. vscode 版本1.44 说明文件翻译
2. vscode 版本1.45.1 说明文件翻译
3. VScode 1.55
4. vscode 1.6.4 版本简略说明

8. jenkins

1. jenkins 是什么
2. jenkins 在 windows 安装
3. windows 下 jenkins 离线安装插件
4. windows 下 jenkins 拉去远程 git 打包成压缩文件
5. windows 下 jenkins 上传前端打包文件到服务器

9. 照片

1. RGB 与 CMY 颜色对应关系
2. 颜色
3. 相机基础知识
4. 影调
5. 摄影后期
6. 景深

10. 英语知识

1. where 引导的主语从句