俟河之清-优快云博客

原创网站常用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 282

原创 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 1296

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

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

2019-11-14 21:06:14 1172

转载 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 10986

原创 jquery prop和attr方法的不同

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

2019-11-11 20:37:53 199

原创 js this绑定深入解析

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

2019-11-10 20:11:50 245

原创 JS立即执行函数解析

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

2019-11-10 18:29:22 307

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

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

2019-11-09 22:33:54 1023

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

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

2019-11-03 12:56:36 8516

转载 offset、scroll、client深入详解

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

2019-11-03 12:44:50 540

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

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

2019-11-03 12:20:54 217

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

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

2019-08-31 10:07:42 2353

原创伪类和伪元素的区别

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

2019-05-29 10:27:03 157

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

2019-05-06 09:09:43 2821

voice的博客