1.关于项目中对应的.less文件为什么作用不上样式?
less文件里面可以写成css写法,也可以写成less语法;
less语法目前已经会使用,写起来比写纯css爽多了;
如果想让你写的less文件样式起作用,你必须把你写的less文件导入app.less文件中
1.2 怎么导入less文件?
找到app.less
文件,在最下面加上你新增的.less文件
写法为: @import "less文件名"
@import 后面的是 "文件名还是路径???"
!!!路径记得加引号,已经验证过了,
我想这里应该有空在写一篇关于gulp
或者webpack
的工作原理,虽然我也知道它是用来打包分块的,但上次有家项目总监面试我的时候,问我gulp是用来干嘛的,我跟他说了一大堆,说了按需加载,说了gulp 的html,css,js的压缩,混淆,管式导流什么什么的,然后他跟我说,可以看出来我使用过gulp,但也仅限于使用,说我讲的都是gulp的表象,只是说客户要求使用gulp,我们的项目就引进了gulp,并不知道其原理,有没有站在开发者的角度深度剖析一下为什么要使用gulp,最后给了我一张名片,说让我回去想想在跟他联系,后来我面试安排的比较多,就没有后来了,哎....
+++++++++++++++++++++++++++++++
2. Chrome浏览器怎么使用断点调试功能???
自己下去在看看
怎么获取相应的某一个变量的值 或者是某一个对象数组的值 可以使用断点调试,打断点,然后刷新页面,一步步执行;
3. 调用后台接口需要注意的
- service.js文件
(function(){
'use strict';
angular
.module("app.aa")
.service("aa00Service", function($http, eihttp){
//下面的代码放下面了;
}
}();
//首先声明调用了哪个接口
- 写法一:
this.接口名1 = 接口名1;
this.接口名2 = 接口名2;
也可以这样写:
- 写法二:
this.接口名1 = function(){};
this.接口名2 = function(){};
但是如果有多个接口调用的话,写法二看起来比较麻烦,不能立即看出来调用了哪几个接口;使用上面的写法一写的话可以一目了然,知道这个service里面调用了那几个接口,推荐第一种写法;
接下来是接口调用函数
如果是用下面这种方法的写的话,一定要记得引入
this.接口名 = 接口名;
,不然浏览器会报错,说你定义的接口名不是一个function
//没有参数就写onReady,onError;
function 接口名1 (onReady, onError) {
var eiInfo = new EiInfo();//这是一种数据格式;
onError = onError || error;
eihttp.send({service:'BC00', method:'接口名1',eiInfo: eiInfo},onReady, onError);
};
// 如果有参数这样写
function 接口名2 (参数1, 参数2, onReady, onError) {
var eiInfo = new EiInfo();//这是一种数据格式;
//有参数的使用set方法;
eiInfo.set("参数1", 参数1);
eiInfo.set("参数2", 参数2);
onError = onError || error;
//获取数据,下面是使用哪个服务,那种方法调用
eihttp.send({service:'BC00', method:'接口名1',eiInfo: eiInfo},onReady, onError);
};
// 错误回调函数(一般可以不写的)
function error() {
//alert('failure loading aa00Service')
}
怎么打印后台获取的值呢
- 对应controller.js文件
- 如果请求的数据带有参数的话,要先在最上面声明,不然会报错,说这个参数 not defined;
var self = this;
// 不要使用这种写法
self.参数1 = 初始值1;
self.参数2 = 初始值2;
// 使用var来声明
var 参数1 = 初始值1;
var 参数2 = 初始值2;
如果不知道初始值,怎么办?
初始值如果后台直接给你了更好,如果不知道,那就断点调试,比如我的任务是将之前的微信端的页面,写成pc端的,我不知道该给这个参数1给它初始值多少,那就在相应的js文件中,找到这个参数,打断点,获取它第一次的值就是初始值,当然这中方法也不好,我们项目中自己定义了一个好玩的东西,我目前还在看,使用它我就可以写个表达式,根据用户输入的值进行不同数据库的查询,不像之前我都是把那个值写死了,这样显然不太好;
需要注意的事情
之前一直不注意,写完代码,立即就使用Tomcat updata,有时候改的代码应用不上,今天才发现是这个问题;
-
写完代码记得CTRL+ S保存一下,顺便等一下Gulp编译成功之后,在使用Tomact Updata,这样的话页面刷新会把之前写的代码更新上去;
----- 有空接着更,待续。