一直在做写静态html,ajax数据对接之类的工作,有点js基础,jquery也常用,想着以后就走前端这条路了,原来是用for循环拼接html,现在用到模板引擎,想提高一下自己学习一下vue等js引擎,从何下手求大神指一条路,另外能否解释一下vue在项目中有什么具体的用途吗?除了作为模板使用以外还能代替什么工作?
麻烦了各位前辈,在此谢过~~~~~~~!
PHP中文网2017-04-17 15:04:53
什么是Vue?
vue不仅仅是一个模板引擎,它可以构建数据驱动的web界面。
vue实现了双向数据绑定,可以避免直接操作dom,可能你对此没有什么概念,请先简单地补一下课《MVC,MVP 和 MVVM 的图示》
最明显的区别是,你平时写页面多数要通过jquery去操作dom,才能控制某些状态的变化,但是使用vue,由于是数据驱动的,状态的改变与页面的dom直接绑定了,并不需要操作dom。自己感受一下。
vue所适用的场景
1、存在复杂表单的应用;
2、不需要考虑seo的单页应用;
3、内部系统;
4、不需要支持低版本IE浏览器的应用;
5、其他带壳的web应用;
纯粹的模板引擎
vue并不是纯粹的模板引擎,它应该归类于实现了MVVM的前端框架。而模板引擎所做的工作只是渲染页面,你既可以在前端渲染也可以在后端渲染。如果你在前端页面引入模板引擎,那么你就是在前端渲染,如果你在express等后端框架内引入模板引擎,则可以实现后端渲染。常用的模板引擎有handlebars、ejs、jade、swig、nunjunks、artTemplate等等。最简单的模板引擎个人认为是artTemplate,但是要论功能的强大,则是swig/jade。建议先从artTemplate入门。
什么是node?
官网的解释是『Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。』可能你并不知道这代表了什么,我也不知道怎么解释,你应该自己去玩一下,然后逐渐就会有一点认识。可以看一下这个《node包教不包会》,当你开始想学习一点后台的知识时,你可以看一下N-blog。
如何学习?
啃文档是最好的出路。一次看不懂,看三次,肯定能看得懂。要静得下心来,而不是到处找什么教程,文档本身就有教程。。
巴扎黑2017-04-17 15:04:53
个人觉得学JavaScript框架无非是建立在JavaScript原生语言的基础上学习,所以,为了更好学习这些js框架,得深入了解js的语言吧,个人推荐先看一遍并理解underscore.js的源码,这样你会发现你原来对js的学习都是不全面的,接着对于前端框架来说看文档是很好的方式,尤其是vue.js已经有中文文档,看起来快一点,而node的话辛苦点看看官方英文的文档吧,虽然多而且是英文但我也坚持看完了。然后node做开发你可以去尝试koa框架,一个轻量级的后台框架,js的回调写法很舒服具体看你会明白的。
高洛峰2017-04-17 15:04:53
我最近也在学习node,感觉这确实是一难啃的骨头,看node的时候里面还多延伸的知识点,然后去补习,然后发现要掌握的东西太多了,现在都不知道从哪下手了。之前问人家会node的牛牛,说学node最好是能懂一门后台语言。。。。
迷茫2017-04-17 15:04:53
vue不了解
node.js我也认为应该学习一种简单的后台语言以后再学比较好,否则很难明白node.js的优势在哪。
如果直接学node.js的话,去youtube上找几个视频,看出点感觉来,再去github上搜一些短小的project来看看。
没有后台语言基础的话,不建议直接看官方文档,因为看了半天你还是啥也写不出来。
伊谢尔伦2017-04-17 15:04:53
感觉写nodejs之前先补补js基础,把es6的语法看看.
一入前端深似海,技能树点开瞬间爆炸,慢慢来.
VueJS 挺好用的,最近刚出了2.0,凑个热闹.
PHPz2017-04-17 15:04:53
我建议你的学习路径如下:
HTML
CSS
Javascript
上面在学的过程中一定要多动手做几个项目,比如说写一个SegmentFault
的首页,最好做两三个项目,而且布局什么的都最好还不要一样
上面的任务都做完之后然后就可以接触node和webpack了,都不需要太深,因为node太深了,属于大前端,等你了解了这些个工具知道你就可以接触前端框架了,比如先了解如下三个流行的框架:
vue
angular
react
然后都做一些小项目,综合选择适合自己的框架,最后就愉快地写代码把。
怪我咯2017-04-17 15:04:53
nodejs 是能让前端变全栈的变态框架,其实就是在学后端,利用javascript语言。
当然学之前可以先懂点什么叫服务器,什么叫路由,http协议,不一定要深入。
nodejs入门教程 我是敲这里面的代码入的门。
然后再学学标配的MongoDB,好吧,可以随意开发一个完整的网站了。
接下来就是去什么阿里云,网易,什么的买一个云服务器ecs。
接着买域名
域名备案
然后就成为一名站长
回过头,自己走了好久~~