- 博客(215)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 浏览器清除控制台内容
在控制台面板中右击，在弹出的快捷菜单中选择Clear console命令。在JavaScript代码内调用console.clear()。按快捷键Ctrl+L。按快捷键Command+K（MAC）。控制台面板中会产生大量的log或warn信息，可以清除。在控制台面板中输入clear()。单击Clear按钮。
2024-04-14 16:37:28
101
原创 Canvas 简单介绍
Canvas是HTML5中新增的一种元素，允许利用JavaScript脚本在其上进行图形、图像的处理。在使用Canvas之前，需要创建一个HTML页面，并向其中加入canvas元素。
2023-12-26 21:31:38
419
原创 延迟加载 （js）
需要判断图片是否已经呈现在可视区内。当图片呈现在可视区内时，获取图片的真实地址并赋给该图片。可以使用 getBoundingClientRect()与clientHeight来判断。减少请求、节省带宽、提高页面加载速度，相对的，也能减少对服务器的压力。经常听到的 懒加载，就指的是延迟加载 ，你也可以用惰性加载称呼他。简单理解为 需要使用相应资源的时候加载，不需要就不加载。可以通过这两个关键点 判断图片是不是当前可见。2.待加载资源距离视口顶端的位置。1.浏览器视口高度。
2023-12-26 20:13:45
393
转载 CDN 简介（简单介绍）
CDN节点通常部署在多个位置，通常位于多个骨干网上。其优势包括降低带宽成本，改善页面加载时间或增加内容的全球可用性。构成CDN的节点和服务器的数量因体系结构而异，一些节点和服务器在许多远程存在点上有数以万计的服务器达到数千个节点。利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，从而提供高性能、可扩展性及低成本的网络内容传递给用户。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输得更快、更稳定。简称为 CDN 意为内容分发网络。
2023-12-26 20:08:17
87
原创 同源定义 记录一下
同源定义：如果两个页面拥有相同的协议（protocol）、端口（如果指定）和主机，那么这两个页面就属于同一个源（origin）
2023-12-24 16:36:09
428
原创 HTTP 简介 （js）
客户端通常是一个浏览器，当输入URL时，浏览器发起第一个请求以获取HTML文档，服务端收到请求后，生成相应的HTML文档，返回给浏览器，浏览器解析返回的HTML文档，并根据文档中的资源信息发送其他的请求获取这些资源，例如css文件、js脚本、图片等，浏览器根据这些资源绘制页面。可以使用cookie以及session创建有状态的会话，也可以在请求头中添加token 来分辨请求来着哪个链接。HTTP 意为超文本传输，是一种获取网络资源的协议。HTTP报文有两种类型——请求与回应。HTTP协议是无状态的。
2023-12-24 12:03:34
700
原创 js 事件处理（addEventListener() 、removeEventListener()）
capture接收一个布尔值，表示handle会在该类型的事件捕获阶段传播到该EventTarget时触发，true表示事件在捕获阶段执行，false表示事件在冒泡阶段执行，默认为false。once接收一个布尔值，表示handle是否最多只调用一次，如果是true，handle会在其被调用之后自动移除，为false时则在其被调用之后不会移除，默认为false。如果同一个监听事件分别为“事件捕获”和“事件冒泡”注册了一次，一共两次，这两次事件需要分别移除，两者不会互相影响。可以通过这样的方式绑定事件。
2023-12-21 21:42:24
552
原创 DOM 操作样式 （getComputedStyle()）
getComputedStyle()方法返回指定节点计算后的CSS属性的值.document.body 指定节点的位置可换。获取伪元素上的CSS属性写法。
2023-12-20 21:18:09
411
原创 DOM 属性操作 （getAttribute() 等）
class 可以换成标签的其他属性 id 或者name等等。如果指定的属性名不存在，则返回null，如果指定的属性名存在但没有值，则返回空字符串。setAttribute()方法用于设置节点上指定的属性值为新值，如果指定的属性不存在，则将添加一个新的属性并赋值。如果之前没有class属性 那么旧新加了一个class属性。Node节点来说，大多数属性可以通过点符号来设置或修改。方法返回节点上指定的属性名对应的值。设置了 class 名字为aaa。获取 class 属性的值。
2023-12-20 21:15:39
431
原创 js DOM的一些小操作 获取节点集合Node（ getElementsByClassName等）
返回文档中所有指定标签名的节点，没想明白这个有啥用。返回的节点名称就是你输入的节点名称。document.all 是返回文档的所有节点。返回文档中所有匹配指定选择器的节点。返回文档中所有指定name的节点。返回文档中所有含有指定类名的节点。返回文档的所有script节点。返回文档的所有image节点。返回文档的所有embed节点。返回文档的所有form节点。标签可以有name属性。返回所有的a链接的节点。返回所有类名为a的节点。返回所有id为的节点。找所有的a标签的节点。
2023-12-19 20:53:21
545
原创 js DOM的一些小操作 获取单个节点Node（getElementById等）
返回当前获取焦点的元素，默认为document.body。返回第一个符合指定id的节点，代码如下。返回第一个匹配指定选择器的节点。html大多是都是HTML。返回第一个body节点。
2023-12-19 20:42:58
539
原创 json JSON.parse()与JSON.stringify()
JSON.parse()方法解析一个JSON字符串为ECMAScript值，返回解析后的值，JSON.stringify()方法将一个JavaScript值序列化为JSON字符串。注意：JSON.parse()解析的JSON字符串不允许以逗号结尾。但是如果是字符串就可以用逗号结尾 ，（字符串要有双引号包裹）。返回的内容与上面的是不一致的，是用双引号包裹的JSON字符串。要求：被复制的对象必须是一个标准的JSON字符串。JSON.stringify()属于序列化。JSON.parse() 属于解析。
2023-12-17 14:24:51
100
原创 js json简单介绍
JSON字符串是由数字、字符串、布尔值、null、数组、对象这些值以引号包裹的形式组成的，但是不能是函数、undefined、NaN。一种以字符串的形式存在，通常称为“JSON字符串”，另一种是JavaScript中的对象或数组，通常称为“ JSON对象”如果值是一个对象，该对象的属性名必须用双引号包裹，如果值是字符串，也必须用双引号包裹，不得使用单引号。
2023-12-17 11:52:40
69
原创 js 数组 slice() 浅拷贝与sort()数组的排序
slice()方法将从数组中浅拷贝指定开始位置和结束位置之间的数组元素到一个新的数组，并返回新数组。但是注意排序是按照Unicode码点进行排序的 ，所以结果可能与你想到的内容是不一致的。sort()方法会修改数组本身，对原始数组进行排序，返回排序后的数组。从数组第二位开始拷贝 ，到第三位为止。所以可以排序函数来实现排序。结束位置不在浅拷贝的范围。注意返回内容是一个数组。
2023-12-16 11:53:11
438
原创 js 数组中的filter()（检查数组元素是否符合条件并返回新数组）
filter()方法用来检测数组中的所有元素是否都符合指定条件，并将数组中符合指定条件的数组元素抽取出来，如果没有符合条件的就返回一个空的数组。返回大于1的值 为2,3,4。
2023-12-14 22:02:47
414
原创 js数组实例方法 forEach()与map() 区别于示例
forEach()与map() 都是对数组中的元素依次调用传入的回调函数。将该回调函数的返回值推入新数组，返回新数组，你当然还可以在在函数里面做其他操作。图片中的bbb 就是返回的新的数组。index 是在数组中的位置。
2023-12-14 21:55:46
46
原创 js 判断是不是数组
使用 Array 提供的方法 isArray()来判断。果是数组，则返回true，否则返回false。括号里面放上你想校验的内容。
2023-12-13 20:57:52
27
原创 js 有关递归简单介绍
递归的性能不好，因为在递归终止前，JavaScript引擎会为每一次递归分配一块内存以存储栈帧，随着递归的深入，这个栈帧也越来越庞大，也就导致递归占用的内存越来越多，当传入factorial的数值增加到一定程度时，浏览器就会因为耗尽内存而抛出栈溢出的错误。不要依赖于 浏览器抛出栈溢出的错误，不是所有的浏览器都会这样处理。小例子 aaa替换为你自己起的内容。递归：指调用自身的函数。
2023-12-12 22:13:19
150
原创 js中箭头函数简单介绍
这些都是对的 但是 x y=>{内容} 这样是不对的，如果有两个参数 就不能省略括号了。，但如果要定义的函数有多个参数，则不能省略括号，需要使用小括号包裹这些参数。上面的内容 nameA如果有两句 就不能省略括号了。以上两个表达的含义是一样的。nameA(5) 返回的就是5。nameA(2) 返回的就是2。3. 同理 花括号也一样。中新增的一种函数定义方式，返回的是你输入的值 比如。可以用箭头函数简化为。
2023-12-11 20:33:17
778
原创 js中严格模式简单介绍
ES5中增加了一种运行模式 ，严格模式。严格模式使代码在更严格的条件下运行，以消除一些JavaScript中语法不合理及怪异之处。但是在严格模式下有一些语句及语法是不能使用的，比如delete只能删除属性描述符中configurable设置为true的对象 属性等。在script标签中。
2023-12-11 20:05:23
92
原创 js 中new运算符 简单解释
Number、String、Boolean、Date、Object、Function 这些都是内置的构造函数。new运算符通过一个构造函数创建一个实例，并返回这个实例。创建一个自定义的构造函数，
2023-12-10 20:24:58
42
原创 setTimeout 与setInterval 的区别（javascript）
setTimeout 在设置的时间之后，就执行一次。setInterval 执行一次又一次，每次过你设置的时间就执行一次。就是所谓的周期。
2022-05-24 20:21:09
261
1
原创 js 页面中获取图像笔记
可以使用document.images[] 获取，比如document.images[0]，表示页面中第一个图像对象。还可以使用img标签里面的name属性定义图像的名称 document.images[name属性]。这里获取到的图像对象又很多属性，常见的基本为complete 【判断是否加载完成】border 【边框宽度】src 【url】height 【高度】width 【宽度】name 【名称】alt 【指针经过图像时候的显示文字】lowsrc 【低分辨率
2022-05-24 16:40:41
467
原创 有关Cookie的基本笔记
使用cookie来保存用户的状态信息。包括 临时cookie 和永久cookie两种方式，临时的只能由当前的浏览器会话使用，永久cookie将在计算机上自动生成一个文本文件，在当前浏览器之外也能使用。永久的cookie 是存储与用户硬盘的一个文件。cookie可以跨越一个域名下的多个页面，并不能跨越多个域名使用。...
2022-05-22 20:28:47
398
原创 fontweight 失效的原因
font-weight属性用于设置或者检索对象中文本字体的粗细，由用户端系统安装的特特的特定字体变量映射决定，系统选择最近的匹配，这样就会有，用户可能看不到不通知之间的差异。
2022-05-18 14:17:39
1837
原创 javascript 显示当前日期的一个写法
这里记录一下，一个展示当前事件的方式。function times(){ var a = new Date(); var year = now.getFullYear() //年 var mounth = now.getMMonth(); //月 var data = now.getDate() //日 var week = now.getDay() // 星期 var weeks; mouth = mouth +1 ; var ar
2022-05-11 15:27:18
374
原创 javascript 中有关节点的操作
1、创建节点可以使用document对象的createElement（）方法与createTextNode（）方法分别生成一个新元素与一个文本节点。2、appendChild（）方法 用来把创建的新节点添加到当前节点的末尾。appendChild(新的子节点)每次添加新的节点都会刷新页面。3、插入节点 insertBefore（）insertBefore（a,b）a是新的子节点，b是指定一个节点，在这个节点前插入新的节点。4、复制节点 cloneNode（）c
2022-05-10 21:19:29
293
原创 js中DOM获取节点的名称 节点类型与值
看到了DOM节点属性，记录nodeName 用来获取某一个节点的名称、nodeType 获取某个节点了类型。这里说一下这个变量是有一个对照表的，元素对应1 属性对应2 文本对应3，（这里记录的不一定准确了，需要请自查）注释对应8 文档对应9 文档类型对应10nodeValue 可以返回节点的值，（这里除了文本节点类型以外，这个属性的值都是null）var a = documnet.getElementById('id名称')a.nodeNamea.nodeTypea.n
2022-05-09 15:56:50
556
原创 javascript 禁止页面文本内容进行选择操作
可以使用onselectstart 开进行操作。<body onselectstart = 'return false'></body>onselectstart是开始对文本内容进行选择时候，触发的事件处理程序，可以使用return来屏蔽文本的操作。
2022-03-24 11:14:06
2304
原创 javascript 中使用oncopy 阻止页面的复制事件
javascript 中在浏览器复制过程中有两个复制事件，可以通过这两个事件来阻止页面复制。onbeforecopy 与 oncopy<body oncopy = "return copyfalse()"></body><script type='text/javascript'>function pp(){ console.log('复制就会触发这里') return false;}</script>注意 这里两个函数
2022-03-23 11:00:24
1468
原创 javascript 中键盘快捷键（键盘事件）
如果想要在javascript中使用快捷键，可以利用，event.ctrlKey、event.shiftKey、event.altKey来进行判断。对应的是ctrl shift 与alt 按键。事件属性可返回一个布尔值 true false 1或者0
2022-03-22 14:46:46
3310
原创 javascript 处理异常的方式
javascript 处理异常的方式。1、onerrorwindow.onerror = function(ms,url，Line){}三个参数是 ms 异常信息，url 获取发生异常的文件的绝对路径linr 是发生异常文件的行号。2、try catch finally常用这个来处理异常。try{ } catch（）{}finally{}try{}catch(error对象){}finally{}这里的try 是尝试执行代码的关键字catch 捕捉异常
2022-03-21 15:03:50
972
原创 javascript 中的break 与continue
最近被问到 break与continue 的区别，这里记录一下。1、continuecontinue语句用于终止本次循环并开始下一次循环。
2022-03-21 10:37:35
803
原创 正则表达式笔记（模式匹配）
这里介绍几种模式匹配方法1、match（）match 方法使用正则表达式模式对字符串进行查找，查找的结果按照数组返回。String.match(规则或者正则表达式或者字符串文字)String 这里表示的是需要查找的String 对象或者字符串文字。括号的里面的内容，包含正则表达式模式和可用标志的正则表达式对象变量或者字符串文字。这两项都是必填项。有关返回值如果 match（）没有找到匹配内容，就会返回null如果有匹配到内容，那么就会返回一个数组，更新全局RegEx
2022-03-20 19:46:07
315
原创 正则表达式笔记 （RegExp对象的方法）
1、exec（）方法用正则表达式模式在字符串中进行查找，并返回包含查找结果的数组。a.exec(b)这的a 与b 都是必填项。a包含正则表达式模式和可选标志的正则表达式对象，（可以理解为规则，正则表达式）。b表示在其中查找的String对象或者字符串文字。如果没有找到匹配，就返回null 。找到匹配就返回一个数组，并且更新全局RegExp对象的属性。数组的0 元素是完整的匹配，剩下的 1到最后的元素是匹配中出现的任意一个子匹配。相当于没有设置全局表示 g 的match方法。..
2022-03-20 17:43:39
649
原创 正则表达式笔记（RegExp 属性）
RegExp 对象的属性分为静态属性与实例属性两种。1、静态属性1、index属性 是当前表达式模式首次匹配内容的开始位置，像数组一样从0 开始，初始值是-1 每次匹配成功的时候，这个属性都会变化。2、input属性：返回当前字符串，可以简写为$_ 初始值为空字符串。3、lastIndex 属性：当前表达式模式首次匹配内容中最后一个字符的下一个位置，从0 开始。可以用来做为继续搜索的起始位置，初始值 -1 。表示从起始位置进行搜索。每次成功匹配后，这个是就会改变。4、lastMatc
2022-03-20 16:38:27
518
原创 正则表达式笔记（RegExp）
每个正则表达式模式都对应一个RegExp对象。创建RegExp 对象有两种方式1、使用RegExp 的显式构造函数。new RegExp("pattern"[,"flags"])在这里的pattern 是javascript的表达式。需要用单引号或者双引号括起来。flags 是字符串的形式2、使用RegExp 的隐式构造函数，采用纯文本格式。/pattern/[flags]这里的pattern 需要用 // 包裹。不能 这里不能使用引号，无论单引号或者双引号都不可以。
2022-03-20 15:41:38
750
移动端使用时候，如果固定宽高页面显示效果不好，这个js可以使canvas识别移动设备，设置画布宽高。
2020-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人