# remarkBook

**Repository Path**: chengdaohua/remarkBook

## Basic Information

- **Project Name**: remarkBook
- **Description**: 前端开发学习笔记
- **Primary Language**: JavaScript
- **License**: LGPL-2.1
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-12-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 直秀前端团队学习笔记

前端开发是当今社会上比较有发展潜力的一个行业，该行业主要以 Web 开发、移动端开发、全栈式开发等为主要内容。在社会上有较为广泛的应用领域，从业者有较为丰厚的薪资待遇。那么对于一个前端开发从业者来说，如何学习前端开发的相关知识，如何将自己打造为一个强大的前端开发设计师呢？小海老师从事多年的一线教学工作，深入挖掘学生在学习阶段的特点，总结了以下十条学习心得，愿意与大家一同分享。

#### 一、前端开发规范参考

- [简版-掘金](https://juejin.im/post/592d4a5b0ce463006b43b6da#heading-24)<br/>
- [繁版-掘金](https://github.com/airbnb/javascript)

##### javascript 规范

- [JS 规范文档-旋风哥](http://www.xuanfengge.com/fedoc/) <br/>
- [JS 规范文档-简书](https://www.jianshu.com/p/c8c833bb5ae5) <br/>

##### RESTful API 规范

- [RESTful API 编写指南](https://juejin.im/post/57d168e9bf22ec005f98a3a5) <br/>

##### VUE 规范

- [vue 官方风格指南](https://cn.vuejs.org/v2/style-guide/index.html) <br/>

##### 微信小程序开发规范

- [微信小程序开发规范](https://shimo.im/docs/EZKacqyM018gmopv/read)

#### 二、直秀小程序框架

<pre><code>
│  
│—components        //页面公共组件
│  
│—images            //图片
│  
│—styles            //css样式
│  
│—utils             // JS工具集
│  
│—miniprogram_npm   //引用外部插件
|  
└─pages             //页面目录
    | 
    ├─mine    个人中心
    │
    ├─index    首页
    │    
    ├─address  地址管理
    │
    ├─order    订单管理  
    │  
    ├─login    登录页面  
    │ 
    ├─living   直播页面
    │
    ├─account  账户管理
    │
    ├─finance  财务管理
    │      
    └─(...)
</code></pre>

> Tips：
> 1、按照功能划分 pages 中文件夹，子目录一般不超过 8 个页面文件。
> 2、公共组件封装 3 个及以上的复用功能。

#### 三、代码管理规范——git 使用

分支包括主分支 master，开发分支 develop，及各开发者分支。

##### 1. 创建自己分支，拉取 develp 最新分支

<pre><code>   
git checkout -b persional_branch origin/develop
// 个人分支命名规则建议： 单字母个人标识+项目名称+版本号+创建日期
// 例如： c_zhixiu_v1.0_20191225
</code></pre>

##### 2. 管理自己代码

<pre><code>
添加 git add .
保存 git commit -m "tips"
提交远程 git push, 
// commit的tips格式建议：保存类型+目录+功能
// 例如：add 个人中心添加资料完善页面
// 保存类型主要分为：add(添加),modify(修改需求),update(更新功能),fix(修复bug),del(删除)。
</code></pre>

##### 3. 合并提交代码

<pre><code>
git checkout  //合并前先切换到目标分支本地代码
git pull      //拉取该分支远程最新代码 
git pull 本地或者远程  //合并自己的代码 
git push 推送到远程
// 如果有冲突，解决冲突在进行提交
</code></pre>

#### 四、开发协作文档

##### 需求汇总： <https://shimo.im/sheet/vWlArzoyJyKcYA2o/Ydp4v/>

##### 产品文档： <https://lanhuapp.com/web/#/item/project/product>

##### 设计文档： <https://lanhuapp.com/web/#/item/project/board>

##### 接口文档 Yapi： <http://neo.breezes.info:3000/group/24>

##### 接口文档 RESTful： <http://dev.com/zhubei/doc.html>

##### gitbook 笔记文档： <https://chengdaohua.gitee.io/remarkbook/>

##### gitbit代码管理： <http://gitbit.zxtubiao.cn/>