随笔分类 - js
js基础性的知识点
摘要：CSS3 transform 2D转换的属性与方法： 1.translate 平移 2.rotate 旋转 3.scale 缩放 4.skew 扭曲 还有一个属性就是transform-origin 从哪个方向改变被转换元素的位置 因为是css属性，所以必然，2d转化的设置在style中设置基本格式
阅读全文
摘要：什么是json JSON是一种轻量级的数据格式，相对于以前的XML更加方便简洁 JSON虽然是利用了JavaScript的语法模式来表示数据，但是其并不从属于JavaScript，其他语言一样拥有JSON 诸多语言都有针对JSON的解析器与序列化器，JavaScript也不例外 语法 JSON表示为
阅读全文
摘要：防抖 debounce 函数防抖就是在函数需要频繁触发的情况下，只有足够的空闲时间，才执行一次。 防抖的原理：你尽管触发事件，但是我一定在事件触发的n秒后才执行，如果你在触发事件n秒内又触发了这个事件，那我就以新事件的时间为准，n秒后在执行 实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前
阅读全文
摘要：这里使用匀速动画方法实现轮播效果 js部分 实现无缝轮播效果 1、在图片盒子最前面放入最后一张图片，在图片盒子最后面放入第一张图片，这样显示的图片下标第一张为1最后一张0； 2、当点击第一张时，显示的是最后一张，也就是图片index的下标改变 3、点击最后一张的效果与点击第一张的差不多，唯独改变了下
阅读全文
摘要：事件冒泡及阻止 当一个元素接收到事件的时候，会把他接收到的事件传给自己的父级，一直到window，当然其传播的是事件，绑定的执行函数并不会传播，如果父级没有绑定事件函数，就算传递了事件，也不会有什么表现，但事件确实传递了。 事件冒泡的原因是事件源本身可能没有处理事件的能力，即处理事件的函数并未绑定在
阅读全文
摘要：JS事件流模型 事件捕获Event Capturing是一种从上而下的传播方式，以click事件为例，其会从最外层根节向内传播到达点击的节点，为从最外层节点逐渐向内传播直到目标节点的方式。 事件冒泡Event Bubbling是一种从下往上的传播方式，同样以click事件为例，事件最开始由点击的节点
阅读全文
摘要：js元素属性：行内标准样式、行内自定义属性、行外样式、js动态添加的属性、 操作元素属性方法 (1)点语法获取元素属性 1.可以获取标准属性(主要) 2.可以获取点语法动态添加的属性 3.无法获取行内自定义属性 4.无法获取行外属性 setAttribute()设置自定义属性名应以‘data-’开头
阅读全文
摘要：节点概述 网页中所有的内容都是节点(标签，属性，文本，注释等) 每一个节点都有nodeType属性，nodeName属性和nodeValue属性 常用的节点 元素节点 nodeType: 1 nodeName: 大写的标签名 nodeValue: null 属性节点 nodeType: 2 node
阅读全文
摘要：map map 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后放入到新的数组中。 另外 map 的回调函数接受三个参数，分别是当前索引元素，索引，原数组。 我们期望输出 [1, 2, 3], 而实际结果是 [1, NaN, NaN]. parseInt() 函数将给定的字符串以指定
阅读全文
摘要：1、原型链继承 2、原型式继承 3.圣杯模式 4、非标准模式 5、自定义 6、构造函数继承（对象冒充继承） 7、组合继承（原型链+构造函数） 8、寄生组合继承 一、原型链继承 function Person(name, age) { this.name = name; this.age = age;
阅读全文
摘要：我们面试还是什么都会碰到一个题，那就是如何通过typeof判断一个对象是数组还是对象呢？（当然了数组也是一个对象，但我们需要更精确的去判断它是数组还是对象亦或者是一个伪数组） 最近通过学习原型发现了几种可以判断数组的方法
阅读全文
摘要：一、对象的概念 js的对象就是一种无序集合，属性是由键值对构成的 二、对象的创建 1.对象字面量 1 var obj = { 2 name : '小张', 3 age : 10, 4 work : function(){ 5 console.log('程序员') 6 } 7 } 2.构造函数 1 v
阅读全文
摘要：定义函数的三种方式： 函数声明：function 函数名称（参数）{函数体} 表达式：var express = function 函数名称（参数）{函数体} 构造函数:var fun = new function() 一、函数声明 函数声明是以关键字开头的，它有一个明显的特征：函数声明的提升，js
阅读全文
摘要：函数声明与表达式声明：function test(){}表达式：var outer = function(){} 当然还有一些看不见的属性 [[scope]] 作用域作用域分为 ： 1>、全局作用域 2>、局部作用域 js预编译GO对象 js预编译Go对象 GO对象分为三步走： 1.生成一个GO{g
阅读全文
摘要：js中== 和 != 的转换规则 1.如果有一个操作数是布尔型，在比较相等性之前先转换数值 false–0 true–1 2.如果有一个操作数是字符串，另一个为数值，在比较相等性之前先将字符串转换数值 不为数值NaN 3.如果有一个数为对象，另一个不是，则先调用对象的valueOf()方法，得到基本
阅读全文
摘要：// 说到数据类型转换就要先了解都有哪些数据类型 // JS基本类型（值类型）：字符串（string）、数字(number)、布尔(boolean)、空（null）、未定义（undefined）、symbol（symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值） // typeo
阅读全文
摘要：<script> // 1.从键盘接受10个整数，求出其中的最大值和最小值。 // var maxNum = -Infinity; //最大值假设为负无穷 // var minNum = Infinity; //同上，之不过最小值设假设为正无穷 // 遍历数组 // for (var i = 0;
阅读全文
摘要：this关键字，在不同对象中不同的值，它所取决于它使用的位置 在方法中，this 指的是所有者对象。 单独的情况下，this 指的是全局对象。 在函数中，this 指的是全局对象。 在函数中，严格模式下，this 是 undefined。 在事件中，this 指的是接收事件的元素。 像 call()
阅读全文
摘要：除了我们学过的：普通函数、匿名函数、闭包函数外，今天新学了一种ES6标准新增的箭头函数 1、什么是箭头函数？ 箭头函数就是ES6标准新增的一种函数，顾名思义它是由箭头定义的函数 2、参数 1>、当只有一个参数且只有依据函数体时，它的参数、返回值return、函数体{}都可以省略 var num =
阅读全文
摘要：/* 面向过程是具体化的，流程化的，解决一个问题，你需要一步一步的分析，一步一步的实现。 面向对象是模型化的，你只需抽象出一个类，这是一个封闭的盒子，在这里你拥有数据也拥有解决问题的方法。需要什么功能直接使用就可以了，不必去一步一步的实现，至于这个功能是如何实现的，管我们什么事？我们会用就可以了。
阅读全文
浙公网安备 33010602011771号