dkui

读客出品的基于Vue2.0的组件库

gitee

撰写人

• 黄雪峰
• 读客新媒体部-黄雪峰-欠点高级工程师

我们不是造轮子，技术也没达到，是在前人的技术基础上，实现我们自己的东西

参考资料

• VVUI
• Element-UI

项目目录说明

• examples
  • 原 src 目录，改成 examples 用作示例展示
• packages
  • 新增 packages 用于编写存放组件 这里需要把webpack配置的src目录改成packages目录

markdown解析

vue下可以去写 markdown 文档

npm i vue-markdown-loader -D
npm i  vue-loader vue-template-compiler -D

cheerio

• 参考文献

markdown-it

• 参考文献

markdown-it：渲染 markdown 基本语法

markdown-it-anchor：为各级标题添加锚点 (我们用到的) npm

markdown-it-container：用于创建自定义的块级容器 (我们用到的) markdown-it-emoji：渲染 emoji markdown-it-table-of-contents：自动生成目录 highlight.js：代码高亮

项目启动命令

# 安装项目依赖
npm install

# 运行项目
npm run dev

# 项目打包构建
npm run build

# 构建项目，并且查看项目构建分析报告
npm run build --report

# 运行 unit 测试
npm run unit

# 运行 e2e 测试
npm run e2e

# 运行所以的测试
npm test

CSS规范

• 定位属性：position  display  float  left  top  right  bottom   overflow  clear   z-index
• 自身属性：width  height  padding  border  margin   background
• 文字样式：font-family   font-size   font-style   font-weight   font-varient   color   
• 文本属性：text-align   vertical-align   text-wrap   text-transform   text-indent    text-decoration   letter-spacing    word-spacing    white-space   text-overflow
• css3中新增属性：content   box-shadow   border-radius  transform……

由上到下的顺序编写，目的：减少浏览器reflow（回流），提升浏览器渲染dom的性能