Skip to content

Latest commit

 

History

History
47 lines (47 loc) · 1.19 KB

File metadata and controls

47 lines (47 loc) · 1.19 KB

思维

  • 完整项目思维

基础

技术选型

  • 构建工具
    • 资源压缩 静态资源替换 模块化处理 编译处理
    • gulp webpack grunt fis prepack rollup
  • MVVM框架选择
    • 考虑生态 考虑团队
    • vue react angular
  • 模块化设计
    • css js 模块化
  • 自适应方案设计
    • 移动端n多尺寸
  • 代码维护及复用性设计思考

demo

  • css模块
@minxin btn($padding:4px 10px, $radius: 4px){
  padding: $padding;
  border-radius: $radius;
}
  • js模块
    • 高内聚低耦合
    • 先整体后部分再颗粒化
    • 尽可能的抽象,即尽可能多的被复用
    • 周期性迭代

SPA设计

  • 设计意义
    • 前后端分离
    • 减轻服务端压力
    • 增强用户体验
    • Prerender预渲染优化SEO
  • 实现原理
    • History API
    • Hash (hashchange)
  • 买卖
    • sell an ebook
    • create a blog and get the affilicate links cranking
    • sell an online course width membership
    • create a comparsion site
    • build an ecommerce store and drop ship
    • put together static guide websites and directly sell advertising space