俟河之清-CSDN博客

原创网站常用tab选项卡切换

效果预览：代码预览：<!DOCTYPE html><html><head> <title>tab选项卡切换</title> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-3.4.1.min.js">&lt...

2019-12-02 21:47:37 170

原创 form上传表单enctype属性编码值

form表单在你不写enctype属性时，也默认为其添加了enctype属性值，默认值是enctype="application/x- www-form-urlencoded".这个属性管理的是表单的MIME编码，共有三个值可选：　　①application/x-www-form-urlencoded (默认值)　　②multipart/form-data　　③text/pla...

2019-11-18 19:05:40 1168

原创原生js轮播图之鼠标事件显示对应图片

前言自己写了个轮播，感觉还可以，拿来练手不错，遂记录下来。首先看下动态图：全部代码<!DOCTYPE html><html><head> <title>原生js轮播图之鼠标事件显示对应图片</title> <meta charset="utf-8"> <style type="text/css"&gt...

2019-11-14 21:06:14 1042

转载 js将一个数组分割成多个子数组（数组拆分）

/** * 分割数组创建二维数组封装 * @param data 数组 * @param senArrLen 需要分割成子数组的长度 */let splitArr = (data , senArrLen)=>{ //处理成len个一组的数据 let data_len = data.length; let arrOuter_len = data_len % ...

2019-11-13 20:57:52 10753

原创 jquery prop和attr方法的不同

prop()方法定义和用法prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, ...

2019-11-11 20:37:53 110

原创 js this绑定深入解析

前言this的绑定规则总共有下面5种。1、默认绑定（严格/非严格模式）2、隐式绑定3、显式绑定4、new绑定5、箭头函数绑定this调用调用位置就是函数在代码中被调用的位置（而不是声明的位置）。function baz() { // 当前调用栈是：baz // 因此，当前调用位置是全局作用域 console.log( "baz" ); bar(); // &...

2019-11-10 20:11:50 161

原创 JS立即执行函数解析

js立即执行函数有两种常见写法：(function(){...})()(function(){...}())基本概念：函数声明：function get(){...};使用function关键字声明一个函数，再指定一个函数名。函数表达式：var get=function(){...};使用function关键字声明一个函数，但未给函数命名，最后将匿名函数赋予给一个变量。...

2019-11-10 18:29:22 213

原创（jquery选择器）jquery基本筛选器详解

前言jQuery 中所有选择器都以美元符号开头：$()。id选择器jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。通过 id 选取元素语法如下：$("#test")例：<!DOCTYPE html><html><head>...

2019-11-09 22:33:54 895

原创 js问号表达式（三元表达式）

表达式 (expr1) ? (expr2) : (expr3)在 expr1 求值为 TRUE 时的值为 expr2，在 expr1 求值为 FALSE 时的值为 expr3。============普通用法当你发现你经常用if else代码如下:if(拜春哥 || 拜考试帝){不挂科;}else{门门挂;}那么三元的表示法就是代码如下:拜春哥 || 拜...

2019-11-03 12:56:36 7819

转载 offset、scroll、client深入详解

三大系列：offset、scroll、client事件对象：event（事件被触动时，鼠标和键盘的状态）（通过属性控制）三大系列都是以DOM元素节点的属性形式存在的。类比访问关系，也是以属性形式存在。不同点在于，访问关系是为了获取其他节点，而三大系列是为了获取元素节点更多的信息。1. offset 系列offset：偏移、补偿、位移offset 系...

2019-11-03 12:44:50 353

原创 js中!和!!的区别及用法

js中!和!!的区别及用法js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值，1、！可将变量转换成boolean类型，null、undefined和空字符串为false，其余都为true。取反得：1 !null=true2 !undefined=true3 !''=true4 !100=false5 !'abc'=fals...

2019-11-03 12:20:54 129

转载深入undefined、null、NaN的区别

1.常规的解释，null是个对象，表示空值，undefined也是个对象，表示没有定义2.详细分析null书上的解释(Javascript权威指南)，Javascript的关键词null是一种特殊的值，它表示“无值”。null常常被看作对象类型的一个特殊值，即代表“无对象”的值。如果一个变量的值为null，那么你就会知道它的值不是有效的对象、数组、数字、字符串和布尔值。null对...

2019-08-31 10:07:42 2161

原创伪类和伪元素的区别

CSS伪类用于向某些选择器添加特殊的效果。 CSS伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他css无法描述的东西。伪类种类伪元素种类区别这里用伪类:first-child和伪元素:first-letter来进行比较。p>i:first-child ...

2019-05-29 10:27:03 72

如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题，浏览器实现了一下方法，以方便开发人员如何更好的控制页面的滚动。在各种专有方法中，HTML5选择了scrollIntoView()作为标准方法。scrollIntoView()可以在所有的HTML元素上调用，通过滚动浏览器窗口或某个容器元素，调用元素就可以出现在视窗中。如果给该方法传入true作为参数，或者不传入任何参数，那么窗口滚动之后会...

2019-05-06 09:09:43 2193

voice的博客