常见一些代码小技巧或者简写,后面会慢慢完善

判断数据类型时一些写法

//平时我们看到的可能是这样的
typeof(data)=='number'?String(data).split(","):data.split(",")
//在开发中你么你看到可能是这样的
typeof data=='number'?String(data).split(","):data.split(",")

声明变量时的写法

//我们开发中声明变量,如果需要声明多个变量时;
var arr =[];
var obj =  {};
//有经验的开发会这样写
var arr=[],obj={};

关于ajax使用,我们会可能会踩到的坑

ajax我们经常这样弄

//我们在使用ajax时,会遇到通过ajax请求获取的到值不能全局去使用
    var param = {};
    $.ajax({
      data:param,
      url:"demo_test.txt",
      success:function(res){
        console.log(res)
      }
    });
//我们在这里打印res发现是打印不出来,因为ajax请求时异步,所以获取不到;
console.log(res);

ajax有经验的开发会这样用

    //我们在使用ajax时,会遇到通过ajax请求获取的到值不能全局去使用
    //有经验的是这样用
    var param = {};
    var data = $.ajax({
        data: param,
        //ajax默认是true 就是异步请求,改为false,就是走同步请求
        async:false,
        url: "demo_test.txt",
        success: function (res) {
            console.log(res)
        }
    });
    //我们在这里打印data就可以获取请求的数据了;
    console.log(data);

    //还可以这样写,用于判读
    var param = {};
    var res = $.ajax({
        data: param,
        //ajax默认是true 就是异步请求,改为false,就是走同步请求
        async:false,
        url: "demo_test.txt",
    });
    if(res&&res.rows&&res.code==1){
        console.log(res)
    }

jquery的操作元素 和 原生js操作元素的区别,不知道大家有没有遇到这个问题,就是用jquery 通过id操作元素的时候,我们在控制台再打印我们刚才操作的元素,发现并不是元素本身element,不知道有么有大神知道原因,知道的麻烦在评论区说下

//控制台通过jquery语法获取元素
$('#id')

//通过控制台打印的结果
n.fn.init [div#id, context: document, selector: '#id']
0: div#id
context: document
length: 1
selector: "#id"
[[Prototype]]: Object(0)

但是我们如果在加上下标 就可以获取这个元素本身了,通过jquery id选择不就是选择这个元素本身吗,怎么还需要下标呢

$('#id')[0]

<div id=​"id">​1111111111111​</div>​

我们通过原生JavaScript的获取id元素的方法,是直接获取道元素本身的

document.getElementById('id')

<div id=​"id">​1111111111111​</div>​

麻烦大佬可以解释下,谢谢了!!!

当大家做需求时,遇到需要把连个变量的值拼接在一起,用另一个变量接收,变量的值要为字符串哈,可以用这个方法;

//2022-7-29
let name = 'zhangsan',sex = '男';
//我们想用一个变量接收这个上面两个变量拼接的结果,如果实现
//我们用字符串拼接的方法,把上面的字符串拼接在一起
name+sex;
//此时用变量直接接受会报错,需要把拼接后的值转为字符串;
JSON.stringify(name+sex);
//这个时候就可以用变量接收了
let value = JSON.stringify(name+sex);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值