随笔分类 - js
js事件
摘要:EventTargetEventTarget接口可以接受事件,并且可以创建侦听器的对象实现。换句话说,任何事件目标都会实现与该接口有关的这三个方法 Element及其子项,document和window是最常见的事件目标,但其他对象也可以是事件目标。 构造函数EventTarget() 创建一个新的
阅读全文
js高阶函数
摘要:高阶函数是个什么? 所谓高阶函数,就是函数中可以传入另一个函数作为参数的函数。 常用js方法封装1、forEachArray里面forEach是通过Array拓展原型方法实现的Array.prototype.forEach下面我就使用两种方式实现forEach封装 //方法一 let arr=[1,
阅读全文
ES6基本使用
摘要:var let 度可用于声明变量. 区别:1、let:只在let命令所在代码块内有效 2、let 不存在变量提升(内部影响不到外部) var b = []; for(var j=0;j<10;j++){ let d=j; b[j]=function(){ console.log(d); }; } b
阅读全文
把多个字符串里面的项写到不同的对象中,然后在push到一个数组中
摘要:otherUserNames: "甲,乙,丙,丁"otherUserIds: "10008750,10008711,10003348,10008747" otherUserAvatars:'头像地址,头像地址2,头像地址3.头像地址4' 首先数据上面是在data里面拿到的 原理首先将字符串转换成数组
阅读全文
表格头部固定,内容里面第一列固定,不固定的超过显示滚动条
摘要:实现原理:容器滚动多远,通过scroll事件,让固定的容器位移一个多远
阅读全文
js打印
摘要:1,把要打印的容器,定一个id 2.打印按钮加点击事件 用reload的原因是回到之前的界面,功能都失效,刷新下就好 参考https://segmentfault.com/q/1010000011527757这个博客里面的回复,博客的方法,并没有用
阅读全文
面向对象回顾
摘要:/*面向对象的程序设计面向对象(Object-Oriented,OO)语言有一个标志,那就是它们度要类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。1理解对象创建自定对象最简单的方式就是创建一个Object的实例,然后再为它添加属性和方法*///对象字面量的方法var person =
阅读全文
引用类型和方法
摘要:Array数组类型//简单排序function compare(value1,value2){ if(value1<value2){ return -1; }else if(value1>value2){ return 1; }else{ return 0; }}var values=[0,1,5,
阅读全文
正则表达式入门
摘要:参考来源:https://www.jb51.net/tools/zhengze.html#mission常用的元字符. 匹配除换行符以外的任意字符\w 匹配字母或数字或下划线或汉字\s 匹配任意的空白符\d 匹配数字\b 匹配单词的开始或结束^ 匹配字符串的开始$ 匹配字符串的结束 \ba\w*\b
阅读全文
js查漏补缺
摘要:js解析与执行过程:预处理阶段和执行阶段 在预处理阶段,用var定义变量,用声明的方式创建函数 例一: 执行阶段 函数预处理和执行阶段 作用域:可以被访问的范围 块作用域{ 这个区域 } for(var i=0;i<3;i++){} alert(i) //3 说明js没有块作用域 词法作用域(lex
阅读全文
面向对象插件编写过程
摘要:1 //组件开发 : 多组对象,像兄弟之间的关系( 代码复用的一种形式 ) 2 window.onload=function(){ 3 var oDiv=document.getElementById('div1'); 4 var disX=0; 5 var disY=0; 6 7 oDiv.onmousedown=function(ev){ 8...
阅读全文
面相对象(二)
摘要:原型链:实例对象与原型之间的连接,叫做原型链 原型链的最外层 : Object.prototype function Aaa(){ //构造函数 } Aaa.prototype.num=30p; //扩展原型方法 var a1=new Aaa(); //创建对象 原型检测相关: hasOwnProp
阅读全文
面向对象
摘要:面相对象的特点: 抽象,封装,继承,多态 抽象:抓住核心问题封装:只能通过对象来访问方法继承:从已有对象上继承出新对象多态:多对象的不同状态 ////////////////////////////////////////////// 对象组成:属性和方法 var arr=[]; arr.numbe
阅读全文
图片帧动画
摘要:一般来说实现帧动画的方式有3种: GIF CSS3 animation JS GIF和CSS3 animations实现帧动画 1.不能灵活的控制动画的暂停和播放(GIF、CSS3 animation) 2.不能捕捉到动画完成的事件(GIF) 3.不能对帧动画做更加灵活的扩展(GIF、CSS3 an
阅读全文
js继承
摘要:参考:https://www.cnblogs.com/MuYunyun/p/5933366.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script t
阅读全文