时间过的好快，一眨眼就是一周。这周感觉过的挺轻松的，然后还蛮开心的，觉得自己慢慢的开始喜欢编程了，没有那么多的抵触。而且可能是周围的同事也都很好，所以每天都有一种满满的幸福感。但是当然也有编程编不出来的时候，看到别人什么都会，而我自己却始终都是懵懵懂懂的时候，会有一种挺深的挫败感。总体来说，这周很enjoy。。。不过想到下周要开学，就痛苦的想要大哭了。
说点正事，这周的任务主要就是将之前做的类似三级菜单功能的提测系统页面又用m2的框架写了一遍。即vue、jade、stylus、nodejs。遇到的问题以及感悟：
- 从页面布局开始说起，当拿到一个任务时，应该先想清楚要干嘛，它的页面布局要先弄清楚，而不是想一步就是一步，这样即使页面中之后调样式的时候，也会发现自己给自己挖了很大的坑，不知道哪里对哪里，还有，你看出来了吧，你那些常用的样式属性并不熟悉，所以，一会再去熟悉一遍：float、display、position、width、height这些属性是相对于谁。。。
- 因为知道的方法还是东西都比较少，所以遇到问题都只能按照自己一根筋的思路在走，导致逻辑嵌套比较复杂，代码常常把自己给恶心到。不过这应该是一个慢慢来，慢慢提炼的过程。
- 有时候对自己无语呀，老是不想思考一些东西。比如，之前用jquery写的，当用vue的时候还是照搬过来，哎呀，无语吧，所以现在在一点点的改进，体验一下vue双向数据绑定的好处。
- 刚开始启动项目时，要首先看一下app.js、vfe.config的配置，然后到controller中去找启动的路径，路径的配置查找是在controller中进行的，app.use(),app.get()进行匹配，然后去找页面.jade文件
- 当写了.js文件时，发现没有404，找不到这个文件，此时的错误在于最后一个文件，什么webpackage的文件中的配置不对。检查出错误的放大，是在自动生成的build文件中也没有要查找的.js文件，而且文件自动生成放错了位置。解决方案：找出之前项目的文件来进行比对，找出少了一些一个.fe，导致我调了好久。华哥说这是公司自己写的框架，是写死的，所以一个地方出错，就会导致整个项目都没有方法运行。
- 对于模块的划分，让我自己有些混乱，到底怎样才弄成一个vue，到现在还不能清楚的知道，对于组件认识并不是很清晰？？？只知道是弄了groups.vue、projects.vue、forms.vue等等。对于vue中的数据与js中数据的绑定：
- 对于要绑定的数据，要在js文件中的data（）{}中进行声明，在.vue文件中的props中进行写明.
- 当vue中的多个数据要与js中的数据绑定时，可以使用一个对象。
- 还有对于绑定的数据，要在.jade文件中进行声明。
- 对于.jade文件的声明，要注意使用show-modal-success，会自动转化成驼峰式的showModalSuccess，这是比较令人恶心的一点，要注意一下啦。。
- 还有项目中对于radio的使用，如何传值呀，这个可以看vue.js的官网教程，对于单选框、复选框这些使用方法，要记住！要记住！要记住！重要的事情说三遍。。
- 页面布局，当时是左边有两个div，右边有两个div，刚开始的时候都是独立的，发现不太好处理，因为不能局部自适应，当变小的时候就会out of shape。所以就重新进行布局呀，当然是左边的两个div放在一个div中，右边的div放到右边的div中。这样就可以轻松的解决这个问题了。你这个傻缺。。
- ！important 是优先级最高的意思。outline：none 是对于使用框架时，一点击就会有outline的颜色的对策。对于布局不好，又不太会使用框架的来说，大爷的，简直给自己挖了无数的坑，要进行调试就得在无数坑，无数嵌套的基础上进行修改。
- 最后一点吧，就是自己这两天一直在弄的一个东西，深深的感觉到Bootstrap是一个强大的东西，然后各种github上的代码更是一个好到不行不行的东西。不过突然想到，我好像比别人晚了一年才知道这个东西。记得上学期的时候，舍友就问我会不会用github，知不知道，当时还是一脸的懵比，现在其实也并不会。。。对了，见老大他们都是使用bing进行搜索，所以以后使用bing吧
- Bootstrap自动补全，typeahead。对应于github上的代码：typeahead自动补全
- Bootstrap tagsinput 一行进行输入多个，使用户的体验效果更好一点。tagsinput
- 即可以自动补全，然后又带有tagsinput，Tokenfield
- 给自己的忠告，既然自己对框架不是很熟的话，就不要卵用框架，因为要依赖很多，而且要改东西的话比较麻烦。。尽量少用框架，要自己写，自己写，自己写。。
网友评论