javascript
sunxiaolinlinx
这个作者很懒,什么都没留下…
展开
-
JS学习笔记-promise
参考笔记《JavaScript Promise迷你书(中文版)》阮老师的ES6-Promise廖雪峰老师的promise原创 2020-08-20 17:24:41 · 175 阅读 · 0 评论 -
CSS文字超出部分用省略号代替,js鼠标悬停时显示全部文本
需求:宽度为百分比,随浏览器变化而变化,当窗口变小到一定程度,文字超出部分用省略号代替,当文字出现省略号,需要鼠标悬停时显示全部文本。文字超出部分用省略号代替 width: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 鼠标悬停时显示全部文本1、给当前span设置title就行了,在Vue中,使用:对title进行绑定,可以动态获取值。2、鼠标悬停以悬浮框显原创 2020-08-14 17:33:15 · 4059 阅读 · 0 评论 -
数组、字符串中查找最大重复次数最高元素的多种方法
数组中寻找最大值1、for循环遍历2、Math.max3、Array.sort()排序之后再取最后一位一维数组寻找重复率最高的元素1、使用key-value方式原创 2020-08-14 10:19:57 · 1731 阅读 · 0 评论 -
盒模型和 document.compatMode方法
盒模型在标准模式下,一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)一个块的总宽度= width + margin(左右)(即width已经包含了padding和border值)1、如何使用标准盒模型只要在文档首部加了doctype申明,即使用了标准盒模型,而不加,则会由浏览器自己决定,比如,ie 浏览器中显示“ie盒子模型”,在 ff 浏览器中显示“标准 w3c 盒子模型”。当用编辑器新建一个html页面的时候最顶上都会有一个DOC原创 2020-08-13 10:54:22 · 143 阅读 · 0 评论 -
JS学习-获取页面元素的位置
阮一峰日志一、网页的大小和浏览器窗口的大小首先,要明确两个基本概念。一张网页的全部面积,就是它的大小。通常情况下,网页的大小由内容和CSS样式表决定。浏览器窗口的大小,则是指在浏览器窗口中看到的那部分网页面积,又叫做viewport(视口)。很显然,如果网页的内容能够在浏览器窗口中全部显示(也就是不出现滚动条),那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示,则滚动浏览器窗口,可以显示出网页的各个部分。二、获取网页的大小网页上的每个元素,都有clientHeight和clientW原创 2020-08-13 10:52:45 · 1040 阅读 · 0 评论 -
js-vue实现点击其他地方隐藏div
添加链接描述原创 2020-08-12 15:22:15 · 838 阅读 · 0 评论 -
js-audio对象-音频倍速播放、定位播放
音频倍速播放添加链接描述添加链接描述原创 2020-08-12 13:53:32 · 4553 阅读 · 0 评论 -
JS学习笔记-ES6-扩展运算符
参考:阮一峰-es6扩展运算符1、数组扩展运算符扩展运算符(spread)是三个点(…)。扩展运算符与正常的函数参数可以结合使用,非常灵活。function a (a,b){}var arg=[0,1]a(3,...arg)扩展运算符后面还可以放置表达式。const arr = [ ...(x > 0 ? ['a'] : []), 'b',];如果扩展运算符后面是一个空数组,则不产生任何效果。[...[], 1]// [1]替代函数的 apply 方法扩展运原创 2020-08-11 10:26:33 · 320 阅读 · 0 评论 -
JS学习笔记-Element类型
Element类型nodetype:1nodename:元素标签名。跟tagname结果一样。1、HTML元素所有HTML元素都由HTMLElement表示,HTMLElement直接继承自Element并添加了一些属性:id:元素在文档中的唯一标识title:有关元素的附加说明信息,一般通过工具提示条显示出来,(也就是把鼠标放在元素上边显示的提示信息)lang,元素内容的元素代码,很少使用dir,语言的方向,值为‘ltr’,(left-to-right,从左至右)或‘rtl’(right原创 2020-08-06 17:35:08 · 684 阅读 · 0 评论 -
js学习笔记-DOM节点层次-Document类型
js通过Document类型表示文档。nodeType = 9;nodeName = “#document”;一、文档的子节点Doument节点的子节点可以是:DocumentType、Element、ProcessingInstruction、Comment。访问子节点快捷方式documentElement指向html页面的<html>元素通过childNodes列表访问文档元素。如:<html><body></body></原创 2020-08-06 15:14:37 · 148 阅读 · 0 评论 -
JS学习笔记-EventLoop
Event Loop即事件循环是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理任务队列任务可以分成两种,一种是同步任务(synchronous),另一种是异步任务(asynchronous)。同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。(1原创 2020-08-06 12:41:09 · 168 阅读 · 0 评论 -
JS学习笔记-节流和防抖
节流函数节流就是保证一段时间内只执行一次实现函数节流throttle的方法一般有两种,定时器 setTimeOutfunction throttle(func, wait) { let timeout; return function() { let context = this; let args = arguments; if (!timeout) { timeout = setTimeout(() =&原创 2020-08-06 11:08:38 · 119 阅读 · 0 评论 -
JS学习笔记-Ajax
1、创建 XMLHttpRequest 对象XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。JS原生Ajax实例检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject :var xmlhttp;if (window.XMLHttpRequest){ // IE7+, Firefox, Chrome, Opera原创 2020-08-05 16:57:38 · 107 阅读 · 0 评论 -
JS学习笔记-继承
继承的实现基于原型链1、原型链继承将父类的实例作为子类的原型son.prototype = new father()//父类型function Parent (){this.name = "farther"this.color = ["red"]}Parent.prototype.sayname=function (){ return this.name}function Son (){};//继承 Son.prototype = new Parent()var s原创 2020-08-04 18:57:56 · 119 阅读 · 0 评论 -
JS学习笔记-原型及原型链
一、原型原型对象prototype每一个函数都有一个prototype属性,这个属性是一个指针,指向一个原型对象,这个原型对象的用途是包含可以实例共享的属性和方法。创建一个构造函数,就会默认创建一个属性prototype,指向函数的原型对象,constructor函数的原型对象会有一个默认属性constructor,指向这个函数。–proto–当调用构造函数创建一个实例后,这个实例内部包含一个原型指针[[prototype]],指向构造函数的原型对象。(但在脚本中没有标准方式访问原创 2020-08-04 16:32:01 · 149 阅读 · 0 评论 -
JS学习笔记-this对象
this对象是在运行时基于函数的运行环境绑定的;this指向1、函数调用在全局函数中,this指向window。这里的a函数是在全局环境中调用的所以是window.a(),所以this指向window,全局环境中没有name变量,所以是undifinedfunction a(){var name = "sun"console.log(this.name) //undifinedconsole.log(this) //window};a();2、作原创 2020-08-04 11:30:43 · 112 阅读 · 0 评论 -
js学习笔记-DOM节点层次-node类型--节点关系、操作节点
1、节点层次DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为不同类型,每个节点都有:特点、数据、方法。文档节点是每个文档的根节点<html><head></head><body></body></html>这个例子,HTML元素就是文档的子节点,称为文档元素,每个文档只能有一个文档元素。1.1、Node类型Dom1级定义了一个Node接口,在js中是通过Node类型实现。除IE外,其原创 2020-08-03 16:56:00 · 380 阅读 · 0 评论 -
函数的闭包、作用域链、执行环境及作用域
函数闭包1、什么是闭包函数?有权访问另一个函数作用域中变量的函数比如:function a () { var aaa=123};function b () {console.log(aaa)};b();//aaa is not defined 此时aaa是b访问不到的变量//我换种写法function a () { var aaa=123 ; function b () {console.log(aaa)}; b();};a();//123 此时b就可以访问到a的变量,这就是创建闭包原创 2020-07-31 15:57:09 · 167 阅读 · 0 评论