关于web开发前端h5框架的选择
关于web开发前端h5框架的选择
看了很多移动版框架都是基于app混合式开发的，不是单独h5⽹站的
基于h5开发的web框架从组件丰富度，兼容性，相关教程来说bootstrap还是最好的
react和vue2都是⽤mvvm模式，数据实时更新，适合app⾥⾯嵌⼊的⽹页使⽤，但⽤在传统web⽹页上对seo不太好，因为数据都放在js⾥⾯了，页⾯html只有简单的结构了。bootstrap⽐较符合web⽹站做seo的，兼容跨屏的同时⼜能保持数据输出。
有他⾃⼰的cdn了，⽽且是https的，这样就不存在加载js⼤⼩的问题了，不同⽹站使⽤了这个，⽤户本地缓存过⼀个其他⽹站就不⽤再请求了
bootstrap.min.js只有12.9k，主要是依赖jquery，jquery也⽤cdn加载就没问题了
jquery看来⽤1.12.3版本的算了，这个压缩后才38.5k，ido01⽤的2.1.4版本的有82.2k
简洁
HTML 模板 + JSON 数据，再创建⼀个 Vue 实例，就这么简单。
数据驱动
⾃动追踪依赖的模板表达式和计算属性。
组件化
web前端的基本框架⽤解耦、可复⽤的组件来构造界⾯。
轻量
~24kb min+gzip，⽆依赖。
快速
精确有效的异步批量 DOM 更新。
模块友好
通过 NPM 或 Bower 安装，⽆缝融⼊你的⼯作流。
听了⼏节vue的视频，发现这个主要是适合界⾯⾥⾯数据经常变动的，有很多交互数据的，需要很多ajax请求的应⽤，⼀次性加载出数据的不适⽤，另外他只是个js库，主要是实现mvvm架构viewmodel数据绑定的功能，并没有对应的UI组件。
vue这个跟Angular类似的，采⽤数据模版的⽅式，数据都放到js动态解析进去的，这种对需要seo的⾮常不利的，app⾥⾯不需要搜索引擎收录的，动态刷新数据的才适合使⽤，需要做页⾯⾥⾯的内容，关键字seo的⽹站不能⽤这种。
开发⼀套带⽹站地图的⽂本页给爬⾍，然后正常⽤户访问的时候重定向到angular渲染的对应页⾯
这个对内容seo来说肯定不是最优解决办法
Amaze UI Touch 是基于facebook开源的React的，React Native是现在最流⾏的移动开发框架，资料也相当丰富
react主要也是实现数据绑定的
React也只是个js库，要快速开发还是得⽤基于react的Amaze UI Touch 框架来做才⾏。
React 起源于 Facebook 的内部项⽬，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就
决定⾃⼰写⼀套，⽤来架设 Instagram 的⽹站。做出来以后，发现这套东西很好⽤，就在2013年5⽉开源了。
由于 React 的设计思想极其独特，属于⾰命性创新，性能出众，代码逻辑却⾮常简单。所以，越来越多的⼈开始关注和使⽤，认为它可能是将来 Web 开发的主流⼯具。
React Native使你能够在Javascript和React的基础上获得完全⼀致的开发体验，构建世界⼀流的原⽣APP。
React Native着⼒于提⾼多平台开发的开发效率 —— 仅需学习⼀次，编写任何平台。(Learn once, write anywhere)
Facebook已经在多项产品中使⽤了React Native，并且将持续地投⼊建设React Native。
看了下Amaze UI Touch 的发现css，js也是很多，⽽且js都是动态的（绑定的动态数据在js⽂件⾥⾯，每次都不⼀样的），不能⽤cdn缓存
环境配置，先安装 Node.js 热更新是⽤nodejs来更新数据的
⽤户的浏览器甚⾄在未发起请求之前就已经将 Vanilla JS 加载到内存中了.
不⽤任何代码. Vanilla JS 太流⾏了，以⾄于所有的浏览器在⼗年前就已经内置了它.
vanillajs 这个其实就是原⽣js的⽤法了，不需要引⼊任何类库的，这个要⾃⼰写兼容性那些处理⽐较⿇烦。
要实现⼿机版的⼀些操作，特效就没那么容易了，或者写出来只能兼容⼀部分⼿机，毕竟这个是⼗年前就内置的js库了