hi-ui

Hi-UI组件库

项目介绍

• 简介： Hi UI 是百度 Hi 官方针对移动端开发推出的一套组件库，是对外开放的一套百度 Hi 应用开发标准，旨在帮助开发者快速完成移动端页面的开发，并提供给用户在百度 Hi 内一致性的用户体验。

• 浏览器支持版本:

	- Windows
		- IE        >= 9.0
		- Firefox   >= 44
		- Chrome    >= 50
		- 百度浏览器 >= 8.4
	- Mac
		- Safari    >= 8.0  
		- Chrome    >= 50
		- Firefox   >= 44

• 对非支持浏览器的交互:
• 技术栈： Svelte，webpack
• 项目合作模式： PM总体把控进度和迭代，RD出接口文档，和FE确认完后，开始进行各自开发，两到三周为一个迭代。

版本管理地址

注：很多时候FE代码是跟着RD上线的，所以这种情况也需要写上RD的版本管理地址

• RD-SVN地址
• FE-Gitlab地址
• FE-iCode地址

项目资料地址

注：UI/UE稿统一放企业云，企业云使用相关请联系@刘卉

• UI设计稿
• UE交互稿
• Server端接口文档
• icafe bug追踪
• icafe 产品story

接口人

注：同部门有重名的请注明邮箱，如我们部门有wangchao09和wangchao36

• FE: 陈蔓青、涂强
• RD:
• PM: 宋娇娇
• UI: 王东
• UE: 李兴彪

环境

RD环境

• 访问地址：

• 测试账号：(注意如有不同角色, 需要加入相应的常用测试用户帐号/密码)

• 代码更新方法
  • 代码提交之后自动触发构建

QA环境

• 访问地址

线上环境

• 访问地址：

• 测试账号：

如何进行开发

安装依赖

yarn install
npm i -g docsify-cli

本地启动服务

在根目录使用

yarn run dev 

来开启devServer，本地 9001 端口预览

启动文档目录

这里是库的介绍文档

docsify serve docs --livereload-port 12345
或
docsify serve docs -P 12345

打开浏览器预览文档

http://localhost:3000/

生产环境构建

打包 HIUI 相关

npm run hiui

打包 demo 展示页

npm run build

文档 scss 的编译

./node_modules/.bin/sass ./docs/style/main.scss > ./docs/style/main.css

提测/上线流程

生产环境构建打包dist目录给QA/RD进行提测/上线。（实际）

agile提测流程 （示例）

noah上线单流程（示例）

常见问题与注意事项

代码结构说明

文件结构说明

• /dist：项目构建之后自动生成的文件
• /docs：对外文档说明
• /src：
  • demo：
  • style：

类库说明

项目迭代信息（可选）

• 2017年7月开始进行开发