工作中遇到的问题与解决方法

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,这样的话页面刷新会把之前写的代码更新上去;

      ----- 有空接着更,待续。

你可能感兴趣的:(工作中遇到的问题与解决方法)