![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
芳月存心
活着高兴,就不怕穷。
活着本身,就不是为了谁,仅仅是因为活着就是为了活着
展开
-
【javascript】关于js函数和函数参数的理解
关于js函数和函数参数的理解:函数不介意传来进来多少个参数,也不在乎传进来参数是什么数据类型。参数在内部是用一个数组来表示的函数体内可以通过arguments对象来访问这个参数数组arguments对象只是与数组类似,并不是Array的实例命名的参数只提供遍历,但不是必须的解析器不会验证命名参数,其内部始终都是arguments对象arguments对象长度是由传入的参数个数决定的没有传递值的命名参数将自动被赋予undefined值arguments的值永远与对应命原创 2021-05-13 22:59:25 · 357 阅读 · 0 评论 -
【javascript】script标签
1. 关于scirpt标签的属性src 包含要执行代码的外部文件async对于普通脚本,如果存在 async 属性,那么普通脚本会被并行请求,并尽快解析和执行。对于模块脚本,如果存在 async 属性,那么脚本及其所有依赖都会在延缓队列中执行,因此它们会被并行请求,并尽快解析和执行。该属性能够消除解析阻塞的 Javascript。解析阻塞的 Javascript 会导致浏览器必须加载并且执行脚本,之后才能继续解析。defer 在这一点上也有类似的作用。type 属性的值为MIME类原创 2021-05-11 23:09:06 · 227 阅读 · 0 评论 -
【javascript】javasrcipt的组成
javasrcipt组成一般是由三部分组成的。ECMAScript、BOM、DOM1. ECMAScript -提供核心语言功能与web浏览器没有任何的依赖关系,只是这门语言的基础,对实现该标准规定的各个方面内容的语言描述。语法类型语句关键字保留字操作符对象2. 浏览器对象模型BOM(browser Object Model)- 提供与浏览器交互的方法与接口BOM 只处理浏览器窗口和框架,习惯上也把针对浏览器所有的JavaScript扩展算作BOM的一部分。弹出新浏览器窗原创 2021-05-07 22:42:18 · 271 阅读 · 0 评论 -
【javascript】简易编辑器-关于复制、粘贴、获取光标像素位置
一、制作一个简单的编辑器会有几种方式?文本框 input文本域 textarea使用属性contenteditable,让一个div可编辑。二、简单的编辑器涉及到复制、粘贴的问题复制、粘贴的东西来自于剪切板Clipboard。Clipboard API提供了响应剪贴板命令(剪切、复制和粘贴)与异步读写系统剪贴板的能力。从权限 Permissions API 获取权限之后,才能访问剪贴板内容;如果用户没有授予权限,则不允许读取或更改剪贴板内容。2.1如何进行简单的粘贴呢?粘贴分为本文和图片原创 2021-03-17 16:58:52 · 748 阅读 · 0 评论 -
【BOM】Web Storage
1. Web Storage APIStorage 提供了访问特定域名下的会话存储或本地存储的功能,例如,可以添加、修改或删除存储的数据项。存储对象是简单的键值存储,类似于对象,但是它们在页面加载时保持完整。键和值始终是字符串(请注意,与对象一样,整数键将自动转换为字符串)2. Web Storage 包含如下两种机制:sessionStorage 为每一个给定的源(given origin)维持一个独立的存储区域,该存储区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复)。原创 2020-09-10 17:33:36 · 138 阅读 · 0 评论 -
【BOM】Window.history 小结
1.Window.history 是啥?Window.history 是一个只读属性,用来获取History 对象的引用,History 对象提供了操作浏览器会话历史(session history)的接口tip:浏览器的回退和前进按钮旁的下拉菜单显示了可以通过History对象访问到的页面会话历史(session history)列表未授权代码无法清除会话历史(session History),也不能禁用回退/前进功能。最快捷的可用方式是使用location.replace()方法,提供指定原创 2020-09-04 18:11:06 · 1354 阅读 · 0 评论 -
【javascript】数组中计算最大最小值
从数组中计算最大最小值在Math对象中已经有现成的方法去计算参数里的最大最小值。Math.max(1, 2, 3, 4); // 4Math.min(1, 2, 3, 4); // 1但是此方法不会对数组生效,但是这里有一些方法间接利用此函数。Function.prototype.apply() 调用一个给定的this值并接受数组提供的参数func.apply(thisArg, ...翻译 2019-12-13 17:52:40 · 145 阅读 · 0 评论 -
【javascript】数字格式化--金钱
在js中有许多种方式能够将逗号作为千位分隔符把整数进行格式化。最简单的方式就是利用String.prototype.replace()方法,只需使用以下两个参数即可。regular expression: (?=(\d{3})+(?!\d))replacement value: $1,使用正则表达式去做,然后将要匹配的数字使用$1,进行替换了。这个$1是一个特殊的替换字符,它保存第...翻译 2019-09-25 19:39:03 · 580 阅读 · 0 评论 -
【javascript】创建javascript数组的小技巧
一些关于创建和克隆数组的小tips。在javascript中,没有太多复杂的数据类型,只会看见array和object。 然而,在es6中,加入了几个数据类型和数据结构,如:symbol,set,和map。array 在javascipt中是类似拥有长度的一个对象列表,可以用数字当做索引。在此文章中,我将会分销一些关于创建新数组和克隆数组的小技巧创建数组:使用数组构造器最流行创...翻译 2019-05-30 17:43:20 · 127 阅读 · 0 评论 -
【javascript】关于for语句中settimeout的代码理解
for (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i) }, i * 1000)}//打印输出10个10为什么打印输出10个10?javascript是单线程语言 在浏览器中一个页面永远只有一个线程在执行js脚本代码(在不主动开启新线程的情况下)。javascript...原创 2019-03-10 15:00:52 · 661 阅读 · 0 评论 -
【js】es6中关于promise对象
1.Promise 的三种状态Pending----Promise 对象实例创建时候的初始状态Fulfilled---- 可以理解为成功的状态Rejected---- 可以理解为失败的状态2.promise 的链式调用每次调用返回的都是一个新的 Promise 实例 (这就是 then 可用链式调用的原因);如果 then 中返回的是一个结果的话会把这个结果传递下一次 then 中的成...原创 2019-01-16 16:38:30 · 158 阅读 · 0 评论 -
【js】 undefined的判断
let ym;ym=='undefined' >>falseym==undefined >>true typeof ym=='undefined' >>truetypeof ym==undefined >>false注意: typeof的结果是字符串 typeof(typeof ym)>>'string' ...原创 2018-06-26 21:47:20 · 2675 阅读 · 4 评论 -
【js】js判断PC端还是Mobile端
if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent....原创 2018-09-30 14:47:08 · 237 阅读 · 0 评论 -
【js】数组根据某属性移除元素
翻翻MDN的数组方法就可以看到filter详情介绍。 给上原文链接: https://blog.mariusschulz.com/2016/07/16/removing-elements-from-javascript-arrays转载 2018-09-30 15:05:30 · 4233 阅读 · 0 评论 -
【js】笔记篇---对象及其属性
访问对象属性时候,例如,定义一个对象zx有属性a:1和b:3,然后在原型链上_pro_上挂b:2和c:4 , 此时zx.b 则是输出3,而proto的b则不会打印出来,这称之为属性遮蔽。其实也可称为就近原则JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配...原创 2018-09-30 15:15:09 · 160 阅读 · 0 评论 -
【js】事件区分 mouseover mouseout
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave 原文链接: https://blog.csdn.net/cao199408/article/details/70210826 ...转载 2018-09-30 15:18:11 · 292 阅读 · 0 评论 -
【js】js对象拷贝
原文链接:https://medium.com/@Farzad_YZ/3-ways-to-clone-objects-in-javascript-f752d148054d转载 2018-10-08 10:20:38 · 122 阅读 · 0 评论 -
【css】svg 注意事项
给个原文链接: https://css-tricks.com/using-svg/转载 2018-10-08 10:20:19 · 302 阅读 · 0 评论 -
【css】禁止鼠标点击
原文链接:https://www.cnblogs.com/wangking/p/5889300.html转载 2018-10-08 10:19:54 · 3107 阅读 · 0 评论 -
【javascript】关于对象赋值的问题
var zx={name:'zx'} let ym=zx;console.log(ym) ; ym.name='ym';console.log(zx.name); //ymconsole.log(ym.name); //ym此处的let ym并没有开辟新的空间来存放zx,只是将zx对象挂在了ym上,所以改了ym的,zx自然也就改变了。...原创 2018-06-18 22:46:39 · 379 阅读 · 0 评论