- 博客(16)
- 收藏
- 关注
原创 前端看不见的字符
看不见得字符,称为零宽字符,也叫幽灵字符。如上图,在input框里看字段符合校验规则,但是会报错,主要看控制台,在页面上看不出来异常。
2024-12-23 15:34:39
297
原创 getBoundingClientRect用法
vue中用法this.$refs.tabsItemDiv.getBoundingClientRect()
2019-08-30 17:46:03
288
原创 字符串截取(substring(),substr(),slice())
字符串截取substring(startIndex,endIndex)substring()方法返回一个索引和另一个索引之间的字符串,即 从字符startIndex 到endIndex前一个字符串,不包括endIndex。例子:var string= 'substring方法返回startIndex & endIndex之间的字符串'var andIndex = string.i...
2019-08-02 16:51:49
477
原创 滚动条样式
滚动条样式::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分...
2019-08-01 17:37:04
266
原创 jquery获取标签和属性
jquery获取标签$('#id').parent().find('.div')返回某标签的父标签下类名为div$('#id').nextSibling nextSibling 属性返回元素节点之后的兄弟节点(包括文本节点、注释节点)$('#id').nextElementSiblingnextElementSibling 属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注...
2019-04-25 20:46:06
465
原创 select2实例和一些参数详解
select2效果如下:标签<input id='select' type='text' >//一些文档上用的标签为div或者selectjs代码 function search2ProductList(){ ("#select").select2({ language: "zh-CN", //设置语言 placeholder: "...
2019-04-18 18:13:07
3623
原创 ready和onload的区别
ready和onload的区别ready在页面标签加载完后执行的代码,可以添加删除元素标签、给标签绑定事件onload 在页面标签和js加载完后执行的代码不仅可以添加删除元素标签、给标签绑定事件,还可以对js进行操作。ready先执行,onload后执行$(document).ready(function(){ // 添加删除元素标签、给标签绑定事件}); window....
2019-04-18 17:34:30
1247
原创 标签、元素、属性的区别
标签、元素、属性的区别标签:就是一个标签。元素:整个是一个对象,包含他的内容,这个对象就是一个元素。属性:元素可以访问,可以修改的东西。通俗的说就是元素除去标签剩下的都可以称之为属性。...
2019-04-12 18:00:58
2709
原创 获取元素标签
获取标签1.id$("#idName")2.类名$(".className")3.标签 html {color:#666;}多个标签同一个样式 h2, p ,div{color:gray;}4.通配符选择器* {color:red;}5.属性选择器<a href="http://baidu.com.cn">百度</a>a[href]{colo...
2019-04-08 19:58:51
332
原创 MySQL中一些关键字段
MySQLlike、joinA:% 包含零个或多个字符的任意字符串:1、like’Mc%’ 将搜索以字母 Mc 开头的所有字符串(如 McBadden)。2、like’%inger’ 将搜索以字母 inger 结尾的所有字符串(如 Ringer、Stringer)。3、like’%en%’ 将搜索在任何位置包含字母 en 的所有字符串(如 Bennet、Green、McBadden)。...
2019-03-26 20:37:32
465
原创 React-------setState
常见的改变state的方法this.setState({ count: 1 });这个函数的第一个参数是前一个State,第二个参数是当前接收到的最新Propsthis.setState((prevState, props) => ({ count: prevState.count + 1 }));在 React 内部,对于这种情况,采用的是对象合并的操作,就和我们所熟知的 Obj...
2019-03-26 20:29:06
160
原创 定位(position)
1、static定位(普通流定位) -------------- 默认定位也称为流式布局2、float定位(浮动定位) 脱离文档流有两个取值:left(左浮动)和right(右浮动)。3、relative定位(相对定位) position:relative;相对本元素的左上角进行定位 不脱离文档流4、absolute定位(绝对定位)如果在祖代元素中没有有relative定位的,就默认相...
2019-03-26 20:21:03
346
原创 HTML元素分类及属性简介
**块级元素(block)**有以下几个特点:另起一行(特立独行)可以设置其宽度、高度,内外边距在不手动设置宽度的情况下,宽度默认为所在容器的100%(即容器宽度)可以容纳行内元素和其他块元素。**行内元素(inline)**的特点:总是和相邻的行内元素在同一行上(物以类聚)设置宽高无效,水平方向的padding和margin属性可以设置,但是垂直方向上的无效。默认宽度是他自身内容...
2019-03-26 19:59:26
636
原创 样式权重简述
css优先级规则1.css选择规则的权值不同时,权值高的优先;2.css选择规则的权值相同时,后定义的规则优先;3. css属性后面加 !important 时,无条件绝对优先;权值等级划分, 一般来说是划分4个等级:第一等级:代表 内联样式,如 style="",权值为 1,0,0,0;第二等级:代表 ID选择器,如 #id="", 权值为 0,1,0,0;第三等级:代表 cals...
2019-03-26 19:50:58
487
原创 文字和元素居中
文字和元素居中1.文字居中A.块元素{ height: 50px;line-height: 50px;text-align: center; }或{ height: 500px;background-color: #a0a0a0;width: 500px;display: flex;justify-content: center;align-items: center;}...
2018-09-28 20:26:11
369
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人