# Front-end-articles

**Repository Path**: quoqingbo/Front-end-articles

## Basic Information

- **Project Name**: Front-end-articles
- **Description**: 分享我的编程经验和学习心得，订阅请点 watch。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-11
- **Last Updated**: 2021-12-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 前端文章
* [前端监控 SDK 的一些技术要点原理分析](https://github.com/woai3c/Front-end-articles/issues/26)
* [手把手教你写一个脚手架（二）](https://github.com/woai3c/Front-end-articles/issues/23)
* [手把手教你写一个脚手架](https://github.com/woai3c/Front-end-articles/issues/22)
* [可视化拖拽组件库一些技术要点原理分析（三）](https://github.com/woai3c/Front-end-articles/issues/21)
* [可视化拖拽组件库一些技术要点原理分析（二）](https://github.com/woai3c/Front-end-articles/issues/20)
* [可视化拖拽组件库一些技术要点原理分析](https://github.com/woai3c/Front-end-articles/issues/19)
* [chrome 开发者工具——前端实用功能总结](https://github.com/woai3c/Front-end-articles/issues/17)
* [而立之年——回顾我的前端转行之路](https://github.com/woai3c/Front-end-articles/issues/16)
* [手把手带你入门前端工程化——超详细教程](https://github.com/woai3c/Front-end-articles/issues/14)
* [前端项目自动化部署——超详细教程（Jenkins、Github Actions）](https://github.com/woai3c/Front-end-articles/issues/12)
* [gitlab 自动化部署](https://github.com/woai3c/Front-end-articles/blob/master/gitlab-ci.md)
* [前端国际化辅助工具——自动替换中文并翻译](https://github.com/woai3c/Front-end-articles/issues/8)
* [深入了解 webpack 模块加载原理](https://github.com/woai3c/Front-end-articles/issues/7)
* [实现一个 webpack loader 和 webpack plugin](https://github.com/woai3c/Front-end-articles/issues/6)
* [从 rollup 初版源码学习打包原理](https://github.com/woai3c/Front-end-articles/issues/5)
* [前端学习计算机理论知识的好处](https://github.com/woai3c/Front-end-articles/blob/master/why-learn-theory.md)
* [HTML 元素标签语义化及使用场景](https://github.com/woai3c/Front-end-articles/blob/master/html-tag.md)
* [三年前端路：分享我的工作经验与学习经历](https://github.com/woai3c/Front-end-articles/blob/master/front%20end%20summary.md)
* [前端发展历程](https://github.com/woai3c/Front-end-articles/blob/master/history.md)
* [事件循环](https://github.com/woai3c/Front-end-articles/blob/master/eventloop.md)
* [如何编写高质量代码](https://github.com/woai3c/Front-end-articles/blob/master/high-quality-code.md)
* [栅格化系统的原理以及实现](https://github.com/woai3c/Front-end-articles/blob/master/Grid%20System.md)
* [前端性能和错误监控](https://github.com/woai3c/Front-end-articles/blob/master/monitor.md)
* [ESlint + Stylelint + VSCode自动格式化代码(2020)](https://github.com/woai3c/Front-end-articles/blob/master/eslint-vscode-format.md)
* [移动端开发一些常见问题的解决方案](https://github.com/woai3c/Front-end-articles/blob/master/mobile%20recommendation.md)
* [前端工程化建设](https://github.com/woai3c/Front-end-articles/blob/master/engineering.md)
* [手写 Promise](https://github.com/woai3c/Front-end-articles/blob/master/promise.md)

#### Vue
* [手把手教你搭建 Vue 服务端渲染项目](https://github.com/woai3c/Front-end-articles/issues/13)
* [Vue3 响应式原理](https://github.com/woai3c/Front-end-articles/issues/2)
* [Vue3 模板编译原理](https://github.com/woai3c/Front-end-articles/issues/4)
* [多个请求下 loading 的展示与关闭](https://github.com/woai3c/Front-end-articles/blob/master/control%20loading.md)
* [Vue 实现前进刷新，后退不刷新的效果](https://github.com/woai3c/Front-end-articles/blob/master/vue%20refresh.md)
* [Vue 改变数据，页面不刷新的问题](https://github.com/woai3c/Front-end-articles/blob/master/vue-page-not-refresh.md)
* [开发一个简单的 Vue 弹窗组件](https://github.com/woai3c/Front-end-articles/blob/master/modal.md)
* [Vue 动态添加路由及生成菜单](https://github.com/woai3c/Front-end-articles/blob/master/dynamic-routing.md)
* [Vue 页面权限控制和登陆验证](https://github.com/woai3c/Front-end-articles/blob/master/authentication.md)

#### 性能优化
* [前端性能优化 24 条建议（2020）](https://github.com/woai3c/Front-end-articles/blob/master/performance.md)
* [JavaScript性能优化](https://github.com/woai3c/Front-end-articles/blob/master/javascript-optimization.md)
* [优化循环的方法-循环展开](https://github.com/woai3c/Front-end-articles/blob/master/loop-unrolling.md)
* [程序局部性原理](https://github.com/woai3c/Front-end-articles/blob/master/locality.md)

#### 疑难问题
* [手机软键盘弹起导致页面变形的一种解决方案](https://github.com/woai3c/Front-end-articles/blob/master/Mobile%20Soft%20Keyboard.md)
* [用canvas实现手写签名功能](https://github.com/woai3c/Front-end-articles/blob/master/Handwritten%20signature.md)
* [在浏览器调起本地应用的方法](https://github.com/woai3c/Front-end-articles/blob/master/local%20application.md)
* [前端下载二进制流文件](https://github.com/woai3c/Front-end-articles/blob/master/downfile.md)
* [element-ui 表格打印](https://github.com/woai3c/Front-end-articles/blob/master/print-talbe.md)
* [Vue Cli 3 打包配置--自动忽略 console.log 语句](https://github.com/woai3c/Front-end-articles/blob/master/ignore%20log.md)

## Node
* [用 node 搭建个人博客](https://github.com/woai3c/node-blog)
* [阿里云服务器部署个人网站](https://github.com/woai3c/Front-end-articles/blob/master/ecs.md)

## 数据结构与算法
* [用递归的思想实现二叉树前、中、后序迭代遍历](https://github.com/woai3c/Front-end-articles/issues/3)

## 编译原理
* [编译原理实战入门：用 JavaScript 写一个简单的四则运算编译器（修订版）](https://github.com/woai3c/Front-end-articles/issues/15)
* [编译原理实战入门：用 JavaScript 写一个简单的四则运算编译器（一）词法分析](https://github.com/woai3c/Front-end-articles/blob/master/four-operations-1.md)
* [编译原理实战入门：用 JavaScript 写一个简单的四则运算编译器（二）语法分析](https://github.com/woai3c/Front-end-articles/blob/master/four-operations-2.md)
* [编译原理实战入门：用 JavaScript 写一个简单的四则运算编译器（三）模拟执行](https://github.com/woai3c/Front-end-articles/blob/master/four-operations-3.md)
* [编译原理实战入门：用 JavaScript 写一个简单的四则运算编译器（四）结语](https://github.com/woai3c/Front-end-articles/blob/master/four-operations-4.md)

## 计算机网络
* [半小时搞懂 HTTP、HTTPS和HTTP2](https://github.com/woai3c/Front-end-articles/blob/master/http-https-http2.md)

## git
* [git commit 提交规范](https://github.com/woai3c/Front-end-articles/blob/master/git%20commit%20style.md)
* [git 常用命令介绍](https://github.com/woai3c/Front-end-articles/blob/master/git-commands.md)
* [手写 git hooks 脚本（pre-commit、commit-msg）](https://github.com/woai3c/Front-end-articles/issues/24)

## 其他
* [强烈推荐的两个神级教学项目: nand2tetris 与 MIT6.828](https://github.com/woai3c/Front-end-articles/blob/master/teaching.md)

## License
MIT
## 赞助
![](https://github.com/woai3c/nand2tetris/blob/master/img/wx.jpg)
![](https://github.com/woai3c/nand2tetris/blob/master/img/zfb.jpg)