飞道科技

飞道科技文档总汇

飞道Web前端开发-模板及规范

准备

我们用以下命令克隆一个示例的项目,来了解Web框架下的文件结构

  1. 假设我们打算将项目目录克隆到Home下的gitee目录,需要先创建这个目录

     cd
     mkdir gitee
     cd gitee
    
  2. Fork这个项目
  3. 克隆这个项目

     git clone git@gitee.com:your-user-name/helloworld.git ./w000001
     cd w000001
    

    这里需提醒注意的是:进行项目开发的时候,无须fork项目,直接克隆这个项目即可。具体步骤为:

    1. 在码云上打开该项目
    2. 在页面中点击按钮Clone or Download
    3. 在弹出框中选择ssh
    4. 点击弹出框中的copy按钮
    5. 打开终端,切换到要下载代码的路径
       cd
       cd gitee
      
    6. 执行克隆命令,其中,xxx为已复制的git路径
         git clone xxx
      

    小提醒:在终端上复制快捷键为ctrl+shift+c,粘贴快捷键为ctrl+shift+v或按下鼠标滚轮

  4. 安装项目的依赖

     yarn
    
  5. 用vscode打开这个项目

     code ./
    

名词解释

名词 解释
服务端 Node.js中运行的代码
浏览器端 主流浏览器及Hybird-app内嵌浏览器
事件 包括机器事件,调用事件和用户事件
机器事件 框架内置的事件,如初始化事件
调用事件 如组件A向组件B发起的事件,一般应在用户事件对应的响应中发起
用户事件 即用户操作产生的事件,如鼠标点击,键盘按下,屏幕触摸等事件
响应 事件触发时,程序对应的逻辑动作,我们把它称为一系列的响应,如用户点击一个提交按钮时进行一些数据正确性校验
原子操作 一个功能单一的被封装好的函数
组件 页面中人为划分的逻辑开发单元
控件 在页面或组件中使用的可复用的元素,其与常规html元素相似,但是,一般来说,功能更丰富一些

字母代号

(前缀)字母 意义
p page
c component
n nodejs,nools
b browser
a action
w web
h h5
wh web+h5
s state-machine
d dask
na nodejs action
nb nodejs browser
ns nodejs state-machine
nbs nodejs browser state-machine
e event
ec event call
eu event user

编码规则

三位数顺序编码,不足三位补足三位,超过3位直接使用实际位数。如

a001, a002, ... a999, a1000, a1001, ...

项目目录结构说明

项目文件说明