# book-web-frontend

**Repository Path**: shouce/book-web-frontend

## Basic Information

- **Project Name**: book-web-frontend
- **Description**: Web 前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-07-20
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WEB 前端相关技能

关于前端知识结构，个人觉得可以这个库：[JacksonTian/fks](https://github.com/JacksonTian/fks)，比较符合我的认知。

## 趋势

2016年Web设计的10大趋势，http://www.codeceo.com/article/2016-10-web-design-trends.html

## CSS

- 51CTO，[2015年50+ CSS 工具、框架、库合集](http://developer.51cto.com/art/201512/501368_all.htm)

## JS

## 参考资料与拓展阅读

- [从 10 多秒到 1.05 秒！前端性能优化实践](https://mp.weixin.qq.com/s/x4BymqOEb40LEvrskqGebQ)

### Web前端开发最佳实践

作者有同名的图书，可以在线搜索一下。

1. [前端开发概述](http://www.cnblogs.com/dangjian/p/4228313.html)
2. [前端代码重构](http://www.cnblogs.com/dangjian/p/4233049.html)
3. [前端代码和资源的压缩与合并](http://www.cnblogs.com/dangjian/p/4235112.html)
4. [在页面中添加必要的meta信息](http://www.cnblogs.com/dangjian/p/4235505.html)
5. [正确闭合HTML标签，停止使用不标准的标签和属性](http://www.cnblogs.com/dangjian/p/4238150.html)
6. [过时的块状元素和行内元素](http://www.cnblogs.com/dangjian/p/4249205.html)
7. [使用合理的技术方案来构建小图标](http://www.cnblogs.com/dangjian/p/4268463.html)
8. [我终于弄懂了各种前端build工具](https://www.sdk.cn/news/5412)

### 雅虎军规

Best Practices for Speeding Up Your Web Site
https://developer.yahoo.com/performance/rules.html

[慕课：你不知道的前端性能优化技巧](https://www.imooc.com/read/41/article/614)

![](yahoo-rules.png)