README.md
1.74 KB
web demo (html5) 二次开发指南
工程结构
-
前端工程构建文件夹 build
- 诸如webpack、postcss的配置文件
-
图片资源文件 res
- (目前nos的资源全在网易的cdn服务器上，这里是给开发者的一个备份示例)，在res文件夹下会有一个备份
-
生成脚本代码 dist
- js 通过npm run dev/npm run prod 生成的目标js文件
- css 通过npm run dev/npm run prod 生成的目标css文件
- nim 从云信官网上下载的web sdk
-
工程开发目录 src
- main.js 应用页面主入口
- App.vue 应用页面模板入口，即被main.js挂载
- login.js
- regist.js
- 工具函数 utils
- cookie.js 读写cookie工具
- md5.js md5加密工具
- page.js 页面跳转工具，以及判断路由是否是主导航页
- index.js 其他通用工具函数
- VUE插件 plugins
- 触摸插件，vue-touch不支持vue 2.0 用plugins/touchEvent
- 配置文件 configs
- configs demo基本配置
- pages demo具体页面UI逻辑
- components demo UI组件，如聊天控件、表情控件等
- router 前端路由
- store h5 demo数据驱动的管理中心
- index.js vuex数据中心入口
- state.js 数据中心变量声明
- actions 异步数据变更请求提交
- mutations 同步操作数据变更
- themes h5 demo的主要公共UI样式库
- themes.css / themes1.css ... 直接可替换的公共皮肤配置
- common
- animation.css 切页动画及其他css3动画
- base.css 基准样式
- grid.css 布局样式，一般以g-开头
- module.css 模块样式，一般以m-开头
- unit.css 单元样式，一般以u-开头
- weui.css 用于重置vux/weUi默认样式