
javascript
qinchao888
这个作者很懒,什么都没留下…
展开
-
JavaScript实现内容复制
使用 document.execCommand(‘copy’) 实现内容的复制。情况:复制表单元素,如 input textarea元素中的内容。复制如 div,span 元素中的内容。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal原创 2020-10-19 14:34:07 · 503 阅读 · 0 评论 -
JS获取浏览器localStorage存储上限
基本思路:不断的给字符串增加字符,调用 localStorage.setItem 进行存储,直至其无法存储为止(exceeded the quota:超出限额)。注意事项:给定的字符串不能过小,否则 js 代码执行非常慢,也不能过大,否则会造成较大的误差。案例中误差控制在 1kb 以内。先按照 128kb 进行累加,无法存储时再 按照 8kb 进行累加,最后再 按照 1kb 进行累加。这样可以保证误差控制在 1kb 以内。不同的浏览器类型和版本,其对应的 localStorage 存储量可能不一致原创 2020-07-06 15:14:49 · 3346 阅读 · 0 评论 -
JavaScript中常用的一些方法
一. 数组reduce() :对数组中的数据进行累计操作。传入四个参数:累计值,数组每一项的值,索引,数组本身。var arr = [1, 2, 3, 4];var res = arr.reduce(function (total, val, index, arr){ return total + val;});// 第一次的total值为数组第一项的值,即1,val为数组第二项的...原创 2018-10-08 13:21:46 · 404 阅读 · 0 评论 -
对闭包的理解
####概念:闭包:指能够读取其他函数内部变量的函数。特性:可以读取函数内部的变量可以使变量保存在内存中// 例1:function f() { var n = 1; return function () { console.log(n); }}var res = f();res(); // 1(可以读取f函数内部变量n的值)//例2:function f1...原创 2018-09-25 13:44:44 · 215 阅读 · 0 评论 -
Javascript中的defer属性和async属性的用法
为什么需要异步加载js文件:阻塞其他资源的下载,导致空白页面。(1)置于顶部的js脚本,浏览器在执行时需要花费时间去下载外链文件的代码并执行,此时会导致明显的延迟,显示为空白页面,用户无法浏览内容,也无法与页面进行交互。 (2)虽然IE8、Firefox3.5、Safari4、Chrome2都允许并行下载Javascript文件,脚本的下载过程不会互相影响,但页面的加载仍旧需要等到所有的...原创 2018-05-15 12:50:23 · 1022 阅读 · 0 评论 -
js中使用delete运算符无法删除的情况
js中使用delete运算符无法删除的情况原创 2017-09-27 13:03:07 · 3004 阅读 · 0 评论 -
区分Date对象、new Date()和Date()函数
区分Date对象、new Date()和Date()函数原创 2017-12-01 10:58:30 · 2163 阅读 · 2 评论 -
new Object()中传入参数的用法
new Object()中传入参数的用法原创 2017-12-01 18:38:22 · 14425 阅读 · 0 评论 -
实现表格内容第一行居中,其他行与第一行左对齐
实现表格内容第一行居中,其他行与第一行左对齐原创 2017-12-01 14:52:44 · 6038 阅读 · 0 评论 -
自定义实现js的bind()方法
自定义实现js的bind()方法原创 2017-12-01 13:49:34 · 1555 阅读 · 0 评论 -
js正则中方法的使用
js正则中方法的使用原创 2017-09-09 12:54:56 · 541 阅读 · 0 评论 -
前端常用的JavaScript操作
1.删除字符串中指定的一段字符例:删除&quot;10km&quot;中的kmvar str = &quot;10km&quot;//方法一:var res = str.replace('km', '')//方法二:var res = str.split('km').join('')//join方法不传参默认使用逗号作为分隔符2.数组去重var arr = [1, 2, 3, 1, 2]/原创 2018-09-25 13:46:19 · 260 阅读 · 0 评论 -
了解NodeList、HTMLCollection以及NamedNodeMap的使用
这三个都是类数组对象。HTMLCollection只包含元素节点,而NodeList包含任何节点类型。HTMLCollection对象可以调用item()和namedItem()方法,NodeList对象只能调用item()方法。在获取元素时,两者都可以通过方括号的语法或item()方法。HTMLCollection对象允许通过namedItem()方法,传入一个name或id获取元素。一...原创 2018-09-26 15:35:07 · 1424 阅读 · 0 评论 -
JavaScript类型比较和转化规则
Number的转化规则:1.原始类型值Number(123) // 123Number('123') // 123Number('123abc') // NaNNumber('') // 0Number(true) // 1Number(false) // 0Number(null) // 0Number(undefined) // NaNNumber('\t\n\r123\...原创 2019-02-13 15:58:57 · 338 阅读 · 0 评论 -
JS中数组方法的底层实现
源码地址:https://github.com/v8/v8/blob/ad82a40509c5b5b4680d4299c8f08d6c6d31af3c/src/js/array.js数组变异方法(即改变原数组):shift、unshift、splice、push、pop、sort、reverse。下述代码均为类似实现:push向数组的末尾添加一个或更多元素,并返回新的长度。Array....原创 2018-11-27 13:19:50 · 3459 阅读 · 0 评论 -
获取Dom元素方式
获取Dom元素方式原创 2017-11-20 11:12:15 · 684 阅读 · 0 评论 -
ParentNode.append和Node.appendChild的区别
ParentNode.append和Node.appendChild的区别原创 2017-10-17 11:57:58 · 2539 阅读 · 0 评论 -
原型链图示
例1:画出 [] 的原型链图?原创 2018-10-22 14:50:24 · 671 阅读 · 0 评论 -
JavaScript中原始值的理解
原始值:概念:原始类型的值就是原始值,即原始值有string,、number、boolean、null和undefined五种。valueOf() 和 toString() 方法的使用:null和undefined没有valueOf和toString方法,调用时报错。默认情况下调用的是valueOf方法:每个JavaScript对象的 valueOf 方法定义不同:...原创 2018-10-22 13:43:43 · 708 阅读 · 0 评论 -
JavaScript算法题
1. 给定一串数据将其转化为树形结构// 数据: let arr = [ { id: 1, name: 'js', parent:'前端' }, { id: 2, name: '前端' }, {...原创 2018-10-17 11:15:46 · 870 阅读 · 0 评论 -
JavaScript实现DOM树的深度优先遍历和广度优先遍历
深度优先遍历// 非递归,首次传入的node值为DOM树中的根元素点,即html// 调用:deep(document.documentElement)function deep (node) { var res = []; // 存储访问过的节点 if (node != null) { var nodeList = []; // 存储需要被访问的节点 nodeLis...原创 2018-09-27 19:59:26 · 1530 阅读 · 1 评论 -
JS获取当前日期的毫秒数方式
JS获取当前日期的毫秒数方式原创 2017-11-30 12:33:00 · 5262 阅读 · 0 评论 -
js中将非数值转化为数值的函数
js中将非数值转化为数值的函数原创 2017-11-20 16:53:50 · 878 阅读 · 0 评论 -
查看当前文档某个元素的子节点
查看当前文档某个元素的子节点原创 2017-10-17 11:08:55 · 425 阅读 · 0 评论 -
js中使用new操作符做了什么事情
js中使用new操作符做了什么事情原创 2017-09-08 11:37:01 · 3957 阅读 · 0 评论 -
js中apply和call的用法和区别
js中apply和call的用法和区别原创 2017-09-08 10:37:19 · 296 阅读 · 0 评论 -
如何对innerHTML获得的内容转义
如何对innerHTML获得的内容转义原创 2017-06-26 14:27:29 · 2192 阅读 · 0 评论 -
用js方式获取时间
用js方式获取时间原创 2017-07-03 12:19:03 · 382 阅读 · 0 评论 -
将给定的数据动态加入到创建的表格中
将给定的数据动态加入到创建的表格中原创 2017-06-22 12:59:19 · 303 阅读 · 0 评论 -
JavaScript中的DOM节点操作
JavaScript中的DOM节点操作原创 2017-06-20 23:09:24 · 435 阅读 · 0 评论 -
打印document对象的属性和方法
打印document对象的属性和方法原创 2017-06-20 16:34:02 · 3671 阅读 · 0 评论 -
使用DOM对象创建一个表格
使用DOM对象创建一个表格(3*4)原创 2017-06-20 14:50:47 · 1504 阅读 · 0 评论 -
js中如何将arguments伪数组转为数组
js中如何将arguments伪数组转为数组原创 2017-09-08 15:58:54 · 2561 阅读 · 0 评论 -
js中slice和splice用法
js中slice和splice用法原创 2017-09-09 11:49:13 · 1560 阅读 · 0 评论 -
javascript中change事件的用法
javascript中change事件的用法原创 2017-11-01 13:13:18 · 20126 阅读 · 0 评论 -
javascript的正则如何传递一个变量
javascript的正则如何传递一个变量原创 2017-10-11 11:12:56 · 1204 阅读 · 0 评论 -
用javascript求两个字符串最大的相同的子串
用javascript求两个字符串最大的相同的子串原创 2017-10-09 20:18:15 · 2646 阅读 · 0 评论 -
js中escape()、encodeURI()、encodeURIComponent()的区别
js中escape()、encodeURI()、encodeURIComponent()的区别原创 2017-09-27 12:05:03 · 527 阅读 · 0 评论 -
JavaScript的replace()传入函数时的用法
js的replace()传入函数时的用法原创 2017-09-10 17:00:01 · 1901 阅读 · 0 评论 -
js正则中\b的用法
js正则中\b的用法原创 2017-09-10 16:23:04 · 8999 阅读 · 0 评论