前端分享

杨斌@F2F

Points

  • 联盟开发指导
  • 前端开发调试
  • 前端技术
  • 前端工程化
  • 前端组件化--FefJS

联盟开发指导

  • 联盟框架架构
    • requirejs模块管理
    • widget组件划分
      • load 顺序: html -> css -> js
    • 页面权限,接口使用
    • affiliate SPA
      • 页面定义配置
  • 常用组件

前端开发调试

  • gulp server && npm run server 
    • --api_host, --port
  • debug
    • debugger
    • breakpoint 

前端技术

  • html
    • html5
    • 语义化
    • bootstrap脚手架
  • css
    • 与结构 行为分离
    • margin padding  line-height
  • js
    • 原生js
    • 模块管理工具 requirejs  
    • jquery
    • mvc
  • 移动端
    • 响应性  性能和体验

前端工程化

  • gulp,npm
    • build tools
    • script
    • cdn 
  • fis

前端组件化--FefJS

  • 适合自己团队的开发框架,与现有框架独立又增强现有框架的灵活性和功能性
  • MVC的框架思想,分离view controller dataModel,方便管理 扩展和维护
  • Fef.View
    • events, el, hooks, fef directive

Q & A

Made with Slides.com