一直在做写静态html,ajax数据对接之类的工作,有点js基础,jquery也常用,想着以后就走前端这条路了,原来是用for循环拼接html,现在用到模板引擎,想提高一下自己学习一下vue等js引擎,从何下手求大神指一条路,另外能否解释一下vue在项目中有什么具体的用途吗?除了作为模板使用以外还能代替什么工作?
麻烦了各位前辈,在此谢过~~~~~~~!
欢迎选择我的课程,让我们一起见证您的进步~~
什么是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。
如何学习?啃文档是最好的出路。一次看不懂,看三次,肯定能看得懂。要静得下心来,而不是到处找什么教程,文档本身就有教程。。
个人觉得学JavaScript框架无非是建立在JavaScript原生语言的基础上学习,所以,为了更好学习这些js框架,得深入了解js的语言吧,个人推荐先看一遍并理解underscore.js的源码,这样你会发现你原来对js的学习都是不全面的,接着对于前端框架来说看文档是很好的方式,尤其是vue.js已经有中文文档,看起来快一点,而node的话辛苦点看看官方英文的文档吧,虽然多而且是英文但我也坚持看完了。然后node做开发你可以去尝试koa框架,一个轻量级的后台框架,js的回调写法很舒服具体看你会明白的。
我最近也在学习node,感觉这确实是一难啃的骨头,看node的时候里面还多延伸的知识点,然后去补习,然后发现要掌握的东西太多了,现在都不知道从哪下手了。之前问人家会node的牛牛,说学node最好是能懂一门后台语言。。。。
看文档学习,就是学习一些概念
vue不了解node.js我也认为应该学习一种简单的后台语言以后再学比较好,否则很难明白node.js的优势在哪。如果直接学node.js的话,去youtube上找几个视频,看出点感觉来,再去github上搜一些短小的project来看看。没有后台语言基础的话,不建议直接看官方文档,因为看了半天你还是啥也写不出来。
感觉写nodejs之前先补补js基础,把es6的语法看看.一入前端深似海,技能树点开瞬间爆炸,慢慢来.VueJS 挺好用的,最近刚出了2.0,凑个热闹.
我建议你的学习路径如下:
HTML
CSS
Javascript
上面在学的过程中一定要多动手做几个项目,比如说写一个SegmentFault的首页,最好做两三个项目,而且布局什么的都最好还不要一样
SegmentFault
上面的任务都做完之后然后就可以接触node和webpack了,都不需要太深,因为node太深了,属于大前端,等你了解了这些个工具知道你就可以接触前端框架了,比如先了解如下三个流行的框架:
vue
angular
react
然后都做一些小项目,综合选择适合自己的框架,最后就愉快地写代码把。
nodejs 是能让前端变全栈的变态框架,其实就是在学后端,利用javascript语言。当然学之前可以先懂点什么叫服务器,什么叫路由,http协议,不一定要深入。nodejs入门教程 我是敲这里面的代码入的门。然后再学学标配的MongoDB,好吧,可以随意开发一个完整的网站了。接下来就是去什么阿里云,网易,什么的买一个云服务器ecs。接着买域名域名备案然后就成为一名站长回过头,自己走了好久~~
什么是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。
如何学习?
啃文档是最好的出路。一次看不懂,看三次,肯定能看得懂。要静得下心来,而不是到处找什么教程,文档本身就有教程。。
个人觉得学JavaScript框架无非是建立在JavaScript原生语言的基础上学习,所以,为了更好学习这些js框架,得深入了解js的语言吧,个人推荐先看一遍并理解underscore.js的源码,这样你会发现你原来对js的学习都是不全面的,接着对于前端框架来说看文档是很好的方式,尤其是vue.js已经有中文文档,看起来快一点,而node的话辛苦点看看官方英文的文档吧,虽然多而且是英文但我也坚持看完了。然后node做开发你可以去尝试koa框架,一个轻量级的后台框架,js的回调写法很舒服具体看你会明白的。
我最近也在学习node,感觉这确实是一难啃的骨头,看node的时候里面还多延伸的知识点,然后去补习,然后发现要掌握的东西太多了,现在都不知道从哪下手了。之前问人家会node的牛牛,说学node最好是能懂一门后台语言。。。。
看文档学习,就是学习一些概念
vue不了解
node.js我也认为应该学习一种简单的后台语言以后再学比较好,否则很难明白node.js的优势在哪。
如果直接学node.js的话,去youtube上找几个视频,看出点感觉来,再去github上搜一些短小的project来看看。
没有后台语言基础的话,不建议直接看官方文档,因为看了半天你还是啥也写不出来。
感觉写nodejs之前先补补js基础,把es6的语法看看.
一入前端深似海,技能树点开瞬间爆炸,慢慢来.
VueJS 挺好用的,最近刚出了2.0,凑个热闹.
我建议你的学习路径如下:
HTML
CSS
Javascript
上面在学的过程中一定要多动手做几个项目,比如说写一个
SegmentFault
的首页,最好做两三个项目,而且布局什么的都最好还不要一样上面的任务都做完之后然后就可以接触node和webpack了,都不需要太深,因为node太深了,属于大前端,等你了解了这些个工具知道你就可以接触前端框架了,比如先了解如下三个流行的框架:
vue
angular
react
然后都做一些小项目,综合选择适合自己的框架,最后就愉快地写代码把。
nodejs 是能让前端变全栈的变态框架,其实就是在学后端,利用javascript语言。
当然学之前可以先懂点什么叫服务器,什么叫路由,http协议,不一定要深入。
nodejs入门教程 我是敲这里面的代码入的门。
然后再学学标配的MongoDB,好吧,可以随意开发一个完整的网站了。
接下来就是去什么阿里云,网易,什么的买一个云服务器ecs。
接着买域名
域名备案
然后就成为一名站长
回过头,自己走了好久~~