https://github.com/yued-fe/y-bp
YFE Team 前端最佳实践
https://github.com/yued-fe/y-bp
best-practices components fe utils
Last synced: 8 months ago
JSON representation
YFE Team 前端最佳实践
- Host: GitHub
- URL: https://github.com/yued-fe/y-bp
- Owner: yued-fe
- Created: 2018-11-25T07:08:21.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-09-09T12:49:06.000Z (about 6 years ago)
- Last Synced: 2025-01-09T03:14:31.450Z (10 months ago)
- Topics: best-practices, components, fe, utils
- Language: HTML
- Homepage: https://yued-fe.github.io/Y-BP/
- Size: 193 KB
- Stars: 29
- Watchers: 7
- Forks: 1
- Open Issues: 37
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# YFE「阅文前端团队」最佳实践
1. 从零开始建一个网站的前端代码，第一步应该思考什么？
2. 要写一个按钮组件，应该从哪里开始？
3. 要建立一个前端代码库，应该怎么组织自己的代码？
4. 我要实现一个图片裁剪的功能，有什么插件推荐啊？
以上问题由我们来告诉你答案？
## 代码规范
- [HTML 规范](https://yued-fe.github.io/Y-BP/posts/styleguide/html)
- [CSS 规范](https://yued-fe.github.io/Y-BP/posts/styleguide/css)
- [JS 规范](https://yued-fe.github.io/Y-BP/posts/styleguide/js)
## 代码规范参考
1. [BootStrap](https://codeguide.bootcss.com/)
2. [@AlloyTeam](http://alloyteam.github.io/CodeGuide/)
3. [Airbnb JavaScript 编码规范（简体中文版）](https://github.com/yuche/javascript#table-of-contents)
4. [Isobar](http://coderlmn.github.io/code-standards/)
5. [网易](http://nec.netease.com/standard)
## CSS 布局
1. [左右布局](https://codepen.io/ziven27/pen/pYyXoB?editors=1100)
2. [列表布局](https://codepen.io/ziven27/pen/rReExa?editors=1100)
3. [Media布局](https://codepen.io/ziven27/pen/EMKzza?editors=1100)
4. [不定高元素垂直居中](https://codepen.io/ziven27/pen/Ygqbxq?editors=1100)
## 私密小技巧
1. [ 移动端REM适配 ](https://www.zhangxinxu.com/wordpress/2016/08/vw-viewport-responsive-layout-typography/)
## 插件/组件
1. [点我查看列表](../../issues)