前端的一些技术知识点

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_26230421/article/details/81115730

1. 将鼠标的光标定位到某个文本框中

$("#文本框ID").focus();

2. 关于span里面内容的获取与赋值

$('#word').text(place);

3.关于var self = this

在全局对象中，this指向的是window对象；
在自定义函数中，this对象指向的是调用这个函数的对象;

4.JSON.parse()与JSON.stringify()

JSON.stringify()，将JSON对象转换为JSON类型的字符串
JSON.parse()，将JSON类型的字符串转换为JSON对象

4.1 使用JSON.parse()

var data='{"name":"Peter"}'

JSON.parse(data)

结果：name:"Peter"

4.2 使用JSON.stringify(data)

JSON.stringify(data)

结果：'{"name":"Peter"}'

5 滚动条设置

父容器：overflow: hidden;

子容器：overflow-y: scroll;或 overflow-y: auto !important;

6.鼠标放上去呈现手的形状

cursor: pointer;

扫描二维码关注公众号，回复： 5471875 查看本文章

7.a标签去掉下划线

a{text-decoration:none}

8.文字在div里面垂直居中

vertical-align: middle;

9.css字体超出部分用省略号表示

1. 使用overflow: hidden; 把超出的内容进行隐藏

2. 然后使用white-space: nowrap; 设置内容不换行

3. 最后使用text-overflow: ellipsis; 设置超出内容为省略号

10.关于表格单元格的获取

.data-list .table-head:nth-child(1)
.data-list tbody tr td:nth-child(1)

其中，小括号里面的数字表示第几列，从1开始。

11.隐藏/展示某个模块 

$("#button-batch-delete").removeClass("hidden");
$("#button-batch-delete").addClass("hidden");
或者
$("#button-batch-delete").show();
$("#button-batch-delete").hide();

12.让span在div中垂直居中

<div style='display: inline-grid;text-align: center;float: left;'>
    <span class='kssj'></span>
    <span>至</span>
    <span class='jssj'>​​​​​​​</span>
<div>

13.截取字符串

str=str.Substring(0,i)

14.CSS里面的>

A > B 表示选择A元素的所有子B元素

A B选择A元素的所有后代B元素，

所以，> 表示只选择一代

15.对数组中的对象进行排序

list.sort(function (a,b) {
    return a.JHYF < b.JHYF;
})

16.每次打开弹窗，滚动条置顶

$("#弹窗位置")[0].scrollTop = 0;