Skip to content

Features

立 edited this page Jun 13, 2017 · 4 revisions

功能清单

规范文档

ng-seed 指令和服务

angularjs + ui-router + angular-resource + ui-bootstrap

最佳实践

  • 对angular find 方法扩展
  • ie8support兼容IE8,9代码
  • ie8以下提示浏览器版本问题
  • 百度统计前端路由页面PV
  • 密码加密(security.js)
  • 添加登录表单提交service (非ajax 提交)
  • 移动端浏览器等比适配 (body:min-width)
  • 公共底部延迟显示 (ng-show)
  • 搜索条件保存至URL (/search)
  • 聚贸服务侧边栏 jmtoolbar

第三方组件

  • 图片懒加载ng插件(lazy-image.js)
  • 图表、云詞例子(echarts-wordCloud) IE9+!!!
  • 富文本编辑器(/ueditor)
  • 文件上传(fine-upload)
  • 树控件 第三方组件 angular-tree-control
  • 时间控件 Datepicker - ui-bootstrap
  • 图片裁剪 cropper

自定义组件

  • loadScript 模板内js执行指令
  • imgError 图片加载出错显示默认图
  • scroll 滚动指令
  • fly 轮播图
  • accordion 手风琴
  • alert 提示
  • anchor 锚点之间的跳转
  • autocomplete 输入自动提示
  • checbox 复选框以及复选框组
  • crumb 面包屑导航
  • dialog 弹出
  • pagination 分页
  • pdf 文件预览 基于 PDFObject
  • rate 评分
  • switch 开关
  • Tab 选项卡
  • tooltip 提示
  • transfer 穿梭框
  • carousel 轮播图

开发服务

  • webpack-dev-server (dev)
  • nodejs server (build)
  • nginx server (build)

代码检查 fecs

  • fecs check 代码检查
  • fecs format 代码格式化修复

代码构建 webpack

  • css预处理(less、sass)
  • css3后处理(postcss-autoprefixer)
  • 图片合并(postcss-sprites)
  • 文件按模块打包(webpack commonjs)
  • 资源文件添加MD5命名(webpack 三种hash机制实现)
  • ng依赖注入自动添加 (ng-annotate-webpack-plugin)

部署

  • 统一配置文件,运维修改环境参数,直接yarn打包
  • 静态资源CDN分离部署
  • nginx 路由配置,解决前端单页路由的刷新问题
  • nginx 反向代理api 解决接口跨域
  • nginx 判断UA反向代理prerender.io服务
  • prerender.io nodejs服务提供ajax页面快照

ng-seed脚手架功能

  • 项目目录结构,代码组织方式
  • 校验git提交备注格式(validate-commit-msg)
  • 根据备注生成发布日志
  • 根据代码注释生成jsdoc
  • 根据git记录生成authors
  • 自动更新gh-pages静态网站