39,084
社区成员
发帖
与我相关
我的任务
分享单页应用什么框架好。。。
国内貌似就三个框架，国外貌似很多。
先是选择vue,因为国内宣传很多位，又是国产中文嘛，所以第一个就选了vue来学。
但是发觉VUE没有宣传的那么简单易学。
然后听说国外都是React的天下，我就去学React了，然后发觉React真的好难，准确来说Redux好难，太难了。。不过我还是学会了，也做了几个常见的功能页面，但是发觉开发体验很差，而且不断的有选择困难症，官方有Flux,社区推荐redux，然后又出了mobx。
最后我去学了angular2，之所以最后选择，可能是宣传不到位，比如笨重，很难上手，什么跳崖式升级。
但是我发觉官方的文档真是前所未见的全，各种例子都有，培训机构可以关门了。。没必要录教程了。。一步到位，也没有了选择困难症，之前看人家说一个项目react+redux+es6+webpack+react-router+redux-thumb+.....这种的真是很可怕。。但实际就是这么多技术。
对比了几种框架，我发觉NG2是最容易上手的。。。因为文档实在太强大，也没有选择困难症。
vue就搭建了个helloworld...但是文档是有看完的，完全不知道如何下手，都说组件化，但是vue官方文档是直接引入教语法的。。这样跟我的节奏不一样，就是冲着组件化，单页才来的啊。。
react完全是冲着这么难，硬着头皮学，vue跟ng2很像，但是react跟他们出入很大,这点我觉得react的做法比较好，在JS里面写HTML,而NG2是在HTML里面写JS...学习成本会高一点。除此之外，都是大同小异。
主要是单页应用的概念，比如webpack打包，配置选项执行选择对应的loader编译打包文件。
比如单页路由，子组件路由。
比如组件通讯，组件复用，看了react文档，是推荐无状态的视图组件，然后用一个容器来包括处理数据获取数据传递数据。
而ng2官网例子是单个组件各自获取数据，视图组件似乎没有复用的必要。组件结构也有讲究，每个组件全部分解，这样复用几率肯定高，但是整个项目就乱套了，树状的话，整个项目很好管理，但是复用就难了，NG2官网推荐Shared文件夹，主要以树状结构组织组件，能公用的直接放到Shared，这样似乎很好的解决了疑问。
单页应用都得面临这些问题，当然还有更多。。。。
vue说简单易用，怎么可能？单页组件化的思路就是这么多，这些概念是必须要理解，这些才是难点。。
至于那些语法，其实都不重要。
先是选择vue,因为国内宣传很多位，又是国产中文嘛，所以第一个就选了vue来学。
但是发觉VUE没有宣传的那么简单易学。
然后听说国外都是React的天下，我就去学React了，然后发觉React真的好难，准确来说Redux好难，太难了。。不过我还是学会了，也做了几个常见的功能页面，但是发觉开发体验很差，而且不断的有选择困难症，官方有Flux,社区推荐redux，然后又出了mobx。
最后我去学了angular2，之所以最后选择，可能是宣传不到位，比如笨重，很难上手，什么跳崖式升级。
但是我发觉官方的文档真是前所未见的全，各种例子都有，培训机构可以关门了。。没必要录教程了。。一步到位，也没有了选择困难症，之前看人家说一个项目react+redux+es6+webpack+react-router+redux-thumb+.....这种的真是很可怕。。但实际就是这么多技术。
对比了几种框架，我发觉NG2是最容易上手的。。。因为文档实在太强大，也没有选择困难症。
vue就搭建了个helloworld...但是文档是有看完的，完全不知道如何下手，都说组件化，但是vue官方文档是直接引入教语法的。。这样跟我的节奏不一样，就是冲着组件化，单页才来的啊。。
react完全是冲着这么难，硬着头皮学，vue跟ng2很像，但是react跟他们出入很大,这点我觉得react的做法比较好，在JS里面写HTML,而NG2是在HTML里面写JS...学习成本会高一点。除此之外，都是大同小异。
主要是单页应用的概念，比如webpack打包，配置选项执行选择对应的loader编译打包文件。
比如单页路由，子组件路由。
比如组件通讯，组件复用，看了react文档，是推荐无状态的视图组件，然后用一个容器来包括处理数据获取数据传递数据。
而ng2官网例子是单个组件各自获取数据，视图组件似乎没有复用的必要。组件结构也有讲究，每个组件全部分解，这样复用几率肯定高，但是整个项目就乱套了，树状的话，整个项目很好管理，但是复用就难了，NG2官网推荐Shared文件夹，主要以树状结构组织组件，能公用的直接放到Shared，这样似乎很好的解决了疑问。
单页应用都得面临这些问题，当然还有更多。。。。
vue说简单易用，怎么可能？单页组件化的思路就是这么多，这些概念是必须要理解，这些才是难点。。
至于那些语法，其实都不重要。
...全文
请发表友善的回复…
发表回复
zgycsmb 2017-10-30
- 打赏
- 举报
jquery 和 angular js 都可。
业余草 2017-10-30
- 打赏
- 举报
vue
小孩神游 2017-10-27
- 打赏
- 举报
想用啥用啥，写多了之后你发现对着文档撸就是了，大概就是生命周期不一样，其他的都差不多吧
Patient- 2017-09-28
- 打赏
- 举报
angular
业余草 2017-09-21
- 打赏
- 举报
vue
你百度一下，适合新手，简单实用。
你百度一下，适合新手，简单实用。
甘苦绿茶 2017-09-21
- 打赏
- 举报
你可以试试View.js。官网地址：http://wzhsoft.com
Vincent2013SH 2017-04-01
- 打赏
- 举报
推荐一个完全不一样思路的东西——ZK
这是一个纯Java的RIA框架，组件化搭建UI、组件丰富功能强大、透明的AJAX、支持MVVM模式
单一编程语言java就能搞定从前到后、学习成本低、方便集成SpringFramework和SpringSecurity
总之就是开放效率超高、代码简洁（同样功能代码量可以比SSH+jQuery压缩50%）
详见 http://blog.csdn.net/daquan198163/article/details/9304897
ZK相当于java领域的ASP.net MVC，也借鉴了MVVM思想和组件化风格，是开发企业级应用的神器，可惜高级特性是收费的！
Vincent2013SH 2017-04-01
- 打赏
- 举报
推荐一个完全不一样思路的东西——ZK
这是一个纯Java的RIA框架，组件化搭建UI、组件丰富功能强大、透明的AJAX、支持MVVM模式
单一编程语言java就能搞定从前到后、学习成本低、方便集成SpringFramework和SpringSecurity
总之就是开放效率超高、代码简洁（同样功能代码量可以比SSH+jQuery压缩50%）
详见 http://blog.csdn.net/daquan198163/article/details/9304897
hookee 2017-03-22
- 打赏
- 举报
大弹簧cc 2017-03-21
- 打赏
- 举报
用Alpaca-spa.js框架， 能在前端像php那样套页面
http://www.tkc8.com/
shimingliang 2017-02-24
- 打赏
- 举报
一个完整的单页，不就是angular吗？ 如果像VUE那样可以直接引用JS,是简单，有意义吗？ 同样效果，如果你只需要很少代码，这很好，但是你只是少了很多效果，这就看你需求了，但是我觉得作为一个完整的方案是很有必要的，特别是还没明朗的情况下。
以专业开发人员为伍 2017-02-23
- 打赏
- 举报
angular 太臃肿了，我是不耗费精力在那个上面。
以专业开发人员为伍 2017-02-23
- 打赏
- 举报
knockout 比 vue 简单多了，在专一的 mvvm 领域功能极其强大，而比 vue 简单。如果你使用微软平台，简易再学 typescript，而不用原生的 javascript。
有这两个方面的问题，可以去 .net 论坛去问。可以在 asp.net 或者“前瞻”或者“其它”板块去问。
业余草 2017-02-22
- 打赏
- 举报
都可以，根据你的技术来决定！
掌心的溫度丶 2017-02-20
- 打赏
- 举报
angularJs
jiangbai333 2017-01-23
- 打赏
- 举报
废话不多说！angular2
另外
看清人家的问题！
zekelove 2017-01-23
- 打赏
- 举报
看清人家的问题！[/quote]
好好看人家标题问的啥，人家内容只是说angular2好一点学而已
zekelove 2017-01-22
- 打赏
- 举报
我觉得使用jquery是最简单的，插件也多，支持的框架也多
qq_35968708 2017-01-20
- 打赏
- 举报
道理我都懂，我用ng1也开发过项目，他的ui-router，划分路由很强大，$http请求也很好用 ng-repeat这些表单操作也很棒。关键是
碰到权限验证等问题，就难以处理了，而且涉及到交互，比如说轮播，下拉菜单，这些常用插件，ng里面是推崇原生js写在自定义指令或者 每个小模块里面，但是我嫌麻烦 直接建了个jquery的文件夹 专门丢这些交互操作。ng只负责数据展示，路由跳转，后端提供json接口就行了。原本想前后端完全分离，但是涉及到权限控制这些，就不知道怎么做了。现在后端用注解来做这块，好像spring MVC中的过滤器也可以做。
楼主有什么高见吗？
