使用的知识包括:vue、nodejs、jade、express、stylus、es6
项目的开始使用的过程
- 启动的过程:首先安装node.js,自带的有npm的包,然后就可以根据项目的具体启动安装目录等进行启动了。这里还不是很明白nodejs的用途,相当于一个简单的服务器。很奇怪的一点是项目启动只能在mac下,对于windows系统貌似不支持,老大说是因为环境配置的问题。不知道是什么原因??对于nodejs的服务器 为了避免每次改动都要进行手动的重启,安装了一个nodemon,它可以实时监测变化,自动重启nodejs。还有在启动的过程中,运行npm run init会根据配置的文件自动下载对应的需要的文件,其中views、node-modals、build是自动生成的,但对应具体是什么意思还不是很明白。
- 以上的启动过程是第一步,接下来就是看代码了。看了将近一周的代码,从一点一点都不懂,到大体可以看懂到底在写什么了。按照自己记忆中从上到下的目录开始说起。
- controllers文件里的文件是为了配置项目的启动路径,router,浏览器根据里面的路径形式去找对应的页面进行显示。
- 然后再就是一个重要的文件夹,里面包含的就是html、css、js。其中html是使用jade,css使用的是stylus、js使用的vue。现在的理解,一个jade是一个主页面,它可以由几个vue渲染(一个vue是一个组件,应该完成一项基本功能),一个jade页面有一个或多个js相对应,一般看到的都是一个js。
- 对于js具体完成什么什么的感觉不是很清楚。一般是在jade中引入js,在js中引入vue。vue和js中的数据是可以互相传递的,vue中的数据相当于是局部的变量,vue中的数据想要直接传递到js中,可以使用$dispatch('function', params),js中的数据若要直接传递到vue中,则使用props[],并且在jade中进行关联一下。因为并不是很懂其中是如何解耦合,让它们的依赖程度不是这么高的,所以只是知道大体的执行流程,具体的优化理解,需要很努力,很努力的学习才可以。
- 对于接口的理解,以前只是听别人说过,后端就是写接口的,前端就是调用接口写页面。终于体会的一把调用接口。就是按照后端的接口,写的地址,在前端中使用ajax(get,post)等方法调用接口里的数据就可以了。
- 还有里面的好多细节问题,包括闭包、各种书写格式等等都不理解,快点抓紧时间补呀。。。
- 还有就是端口的配置是在config啥的??app.js中的配置过程。。
网友评论