09 2022 档案
摘要：1.隐式的创建了一个空对象 new Object() 2.让this指向这个空对象 this = new Object() 3.让proto指向原型对象 4.在this上添加属性和方法 5.隐式的返回创建好的对象 return
阅读全文
摘要：（1）行必须放置在 .container class 内，以便获得适当的对齐（alignment）和内边距（padding）。 （2）使用行来创建列的水平组。 （3）内容应该放置在列内，且唯有列可以是行的直接子元素。 （4）预定义的网格类，比如 .row 和 .col-xs-4，可用于快速创建网格布
阅读全文
摘要：Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 html、css、javascript的。 Bootstrap具有移动设备优先、浏览器支持良好、容易上手、响应式设计等优点，所以Bootstrap被广泛应用。
阅读全文
摘要：超小设备手机( <767px ): .col-xs- 小型设备平板电脑( >=768px ): .col-sm- 中型设备台式电脑( >=992px ): .col-md- 大型设备台式电脑( >1200px ): .col-lg-
阅读全文
摘要：1、Zepto更轻量级 2、Zepto是jQuery的精简，针对移动端去除了大量jQuery的兼容代码 3、部分API的实现方式不同 1、针对移动端程序，Zepto有一些基本的触摸事件可以用来做触摸屏交互（tap事件、swipe事件），Zepto是不支持IE浏览器的。 2、DOM操作的区别：添加id
阅读全文
摘要：jquery.extend(object); 为扩展jQuery类本身.为类添加新的方法。2.jquery.fn.extend(object);给jQuery对象添加方法。$.extend({ add:function(a,b){return a+b;}});//$.add(3,4);jQuery添
阅读全文
摘要：//任何引用数据类型的值都需要挨个遍历，直到取到基本类型的值为止 function deepClone( obj ){ var cloneObj = Array.isArray( obj ) ? [] : {}; // 判断参数obj不能是null if( typeof (obj) 'object'
阅读全文
摘要：each() 函数, 它允许你遍历一个元素集合。你可以传一个函数给 each() 方法，被调用的 jQuery 对象会在其每个元素上执行传入的函数。有时这个问题会紧接着上面一个问题，举个例子，如何在 alert 框里显示所有选中项。我们可以用上面的选择器代码找出所有选中项，然后我们在 alert 框
阅读全文
摘要：在默认情况下，通过$.extend()合并操作不是递归的（浅拷贝）;如果第一个对象的属性本身是一个对象或数组，那么它将完全用第二个对象相同的key重写一个属性。这些值不会被合并。然而，如果将 true 作为该函数的第一个参数，那么会在对象上进行递归的合并（深拷贝）。 浅拷贝（false 默认）：如果
阅读全文
摘要：首先去加载文档，在页面加载完后，浏览器会通过javascript 为DOM元素添加事件。 click\dblclick\mouseenter\mouseleave\mouseover\mouseout\mousedown\mouseup\scroll\resize\submit等
阅读全文
摘要：children():获取匹配元素的子元素集合，不考虑后代元素 $(function(){$("div").children()}) next()获取匹配元素后面紧邻的同级元素 prev()获取匹配元素前紧邻的同级元素 siblings()获取匹配元素前后的所有同辈元素
阅读全文
摘要：append(),appendTo(),prepend(),prependTo(),after(),insertAfter() before(),insertBefore() 大致可以分为 内部追加和外部追加 append() 表式向每个元素内部追加内容。 appendTo() 表示 讲所有的元素追
阅读全文
摘要：jquery操作属性： attr 设置/获取：$().attr() 批量操作：$().attr({ }) 删除属性：$().removeAttr() prop 设置/获取：$().prop() 批量操作：$().prop({ }) 删除属性：$().removeProp() 官方：prop操作固定属
阅读全文
摘要：window.onload与ready的区别 1.window.onload会覆盖之前的 ready的区别，不会覆盖，会叠加 2.window.onload等文档和资源都加载完成以后调用 ready只要文档加载完成以后就会调用
阅读全文
摘要：1）意外的全局变量引起的内存泄露 function leak(){ leak="xxx";//leak成为一个全局变量，不会被回收 } 2）被遗忘的定时器或者回调 3）闭包引起的内存泄漏 2. 常见的web优化有哪些？ 1)、减少重复代码，压缩css，js代码大小 2)、背景图片大小及数量 3)、减
阅读全文
摘要：js每声明一个function，都有prototype原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加。 也就是说：当生产一个function对象的时候，就有一个原型prototype。原型中存储对象共享的属性和方法。 原型链： 当你定义一个函数对象的时候，其
阅读全文
摘要：.原型链继承function Student(name,age){ this.name = name; this.age = age;}Student.prototype.study = function () { console.log("Fd");}function SmallStudent(n
阅读全文
摘要：1.字面量创建var obj = { name:"web", eat:function(){}}缺点：代码冗余，适合单个对象创建2.实例创建var obj = new Object();obj.name = "web";obj.eat = function(){}缺点：代码冗余，适合单个对象创建3.
阅读全文
摘要：都是用来改变this的指向，在传值的过程中会有些区别 call（this的指向，参数1，参数2...） apply（this的指向,[参数1，参数2..]）
阅读全文
摘要：1.先创建了一个新的空对象 2.然后让这个空对象的__proto__指向函数的原型prototype 3.将对象作为函数的this传进去，如果return 出来东西是对象的话就直接返回 return 的内容，没有的话就返回创建的这个对象
阅读全文
摘要：闭包:就是能够读取其他函数内部变量的函数（函数里面套函数，内部函数访问外部函数变量），在本质上，闭包是将函数内部和函数外部连接起来的桥梁。作用：闭包中使用的变量会一直存储在内存中，类似全局变量 ，避免全局污染，可以解决全局变量的问题。 function fun(){ var c = 10; retu
阅读全文
摘要：按下onmousedown，拖拽onmousemove，弹起onmouseup
阅读全文
摘要：将所有的操作交给父元素，将事件添加给父元素，父元素接收到这个事件的发生，找到具体触发事件的子元素，让子元素处理事件 oUl.onclick = function (ev) { var ev = window.event || ev; var target = ev.target || ev.srcE
阅读全文
摘要：事件捕获阶段：当事件发生的时候，将事件从window依次往子元素传递确定目标阶段：确定事件目标事件冒泡阶段：事件目标开始处理事件，处理完以后会将事件依次传递给父元素，一直到window 事件都是在事件冒泡处理,ie只有冒泡
阅读全文
摘要：标签.事件：如果给同一个元素添加同一个事件，后面的会覆盖前面事件绑定：可以给同一个元素添加同一个事件，不会被覆盖
阅读全文
摘要：ev.stopPropagation?ev.stopPropagation():ev.cancelBubble = true;
阅读全文
摘要：offsetWidth：占位宽，包含 内容宽+左右padding+左右border clientWidth：可视宽，包含 内容宽+左右padding scrollTop：页面被卷去的高
阅读全文
摘要：window是js中最大的对象，表示窗口，包含document document文档对象，表示HTML
阅读全文
摘要：DOM是文档的模型，具有用于操作它的关联API。 HTML是一种标记语言，可以让您在文本中表示某种DOM。
阅读全文
摘要：获取子节点 父节点.children 父节点.childNodes获取父节点 子节点.parentNode 子节点.offsetParent创建 document.createElement(‘标签名’) document.createTextNode(‘文本内容’)添加 父节点.appendChi
阅读全文
摘要：var arr = [3,4,5,6,8]; var max = 0; for (var i = 0; i < arr.length; i++) { if (max < arr[i]) { max = arr[i]; } } console.log(max);
阅读全文
摘要：function shuffle(arr){ var len = arr.length; for(var i = 0; i < len - 1; i++){ var idx = Math.floor(Math.random() * (len - i)); var temp = arr[idx]; a
阅读全文
摘要：for(var i = 0;i<arr.length;i++){ for(var j = 0;j<arr.length-i;j++){ if(arr[j] > arr[j+1]){ // var temp = arr[j]; arr[j] = arr[j+1]; arr[j+1] = temp; }
阅读全文
摘要：1. function sort(arr) { for(var i = 0;i<arr.length;i++){ for(var j = i+1;j<arr.length;j++){ if(arr[i] == arr[j]){ arr.splice(j,1); j--; //删除一个元素后，后面的元
阅读全文
摘要：split是字符串的方法，将字符串按照特定标志分割成数组 例：“u&s”.split(“&”) [“u”,”s”] join:是数组方法，将数组按标志组合成字符串 [“u”,”s”].join（“-”）--‘u-s’
阅读全文
摘要：push:在数组末尾添加一个或多个元素，返回当前数组下标 pop:在数组末尾删除一个元素，返回被删除的元素 unshift：在数组的头部添加或删除元素，返回当前数组下标 shift：在数组头部删除一个元素，返回被删除的元素
阅读全文
摘要：// 1.创建目标时间var target = new Date('2022-10-1'); // 提前调用一次，弥补时间空白auto(); setInterval(auto, 1000);function auto() { var now = new Date(); // 2.时间差 = 目标时间
阅读全文
摘要：var str = 'asdasddsfdsfadsfdghdadsdfdgdasd' str = str.split(''); console.log(str); var newStr = {}; // 数组去重 和计算出现的次数 str.forEach(function (item) { if
阅读全文
摘要：function sum(str, a) { var b = str.indexOf(a); var num = 0; while (b !== -1) { console.log(b); num++; b = str.indexOf(a, b + 1) } return num; }
阅读全文
摘要：var str = "abcdefg";if(str.indexOf("def")!=-1){ console.log(str.substr(str.indexOf("def"),3));}
阅读全文
摘要：var str = "1233fddfd&3434fdsaff&454545&4545444rfdsfds&545gdsgs"; var n = ""; var s="";for(var i=0;i<str.length;i++){ if((str[i]>=0&&str[i]<=9)&&n.inde
阅读全文
摘要：function getCode(n) { // 有一个基础数据可以获取到其中的随机的字符 var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; // 空的字符串 存储获取到的随机的字符 var ns
阅读全文
摘要：function sum(min, max){ var sum = 0; for(i = min; i <= max; i++){ if(i % 2 != 0){ sum += i; } } return sum; } sum(0, 30); sum(0, 50); sum(9, 1000);
阅读全文
摘要：Js中有两种定时器：setInterval：间歇执行，setTimeout：延迟执行 setInterval(函数，时间) 时间单位ms， 语法：setInterval(function(){},1000); 隔一秒执行函数一次 一般用于倒计时，轮播图 setTimeout(函数，时间) 时间单位m
阅读全文
摘要：this存在任何地方，不同环境代表不同的含义，取决于调用时的环境。 A.事件处理函数中的this 触发事件的对象 document.onclick = function(){ alert（this） } B.普通函数中的this window function sum（）{ alert(this)}
阅读全文
摘要：Js中两种变量，全局变量和局部变量 全局变量：函数外声明，在任何地方都能被修改和访问，会一直存储在内存中 局部变量：函数内声明，只能在函数内部使用，出了函数{}就会被销毁
阅读全文
摘要：函数声明： sum(); //10 function sum(){ console.log(10)} 表达式声明 s(); //报错 s is not a function var s = function(){ console.log(20)} 在预解析的过程中，函数会存储整个，因此可以在之前调用
阅读全文
摘要：浏览器解析js代码至少会经过两个过程，预解析和逐步执行 预解析：找东西var，function，如果找到var，会在内存中存储变量没有值，function则会存储整个函数 逐步执行：逐行执行代码 console.log(a); //undefined 不会报错 找到var存储了变量a，但是没有赋值默
阅读全文
摘要：作用域链是js中的一种查找机制，从当前作用域查找，当前作用域没有往上一级作用域查找，一直到最外层，如果都找不到则是is not define var i = 10;function f() { var i = 20; function ff() { console.log(i); //20 当前作用
阅读全文
摘要：for(var i = 0; i < 5;i++){ /* ____* ___*** __***** _******* ********* */， for(var k = 1;k<5-i;k++){ document.write(" "); } for(var j = 0;j<= 2*i;j++){
阅读全文
摘要：break: 防止穿透；结束循环； continue: 结束本次循环; for(var i = 0; i < 5; i++){ if(i==2){ break; } console.log(i) } 输出结果为: 0 1 for(var i = 0; i < 5; i++){ if(i==2){ c
阅读全文
摘要：1. 控制条件语句的变量，在for循环结束后，就不可以被访问了，而while循环还可以 访问，如果你继续想使用该变量，则可以使用while循环，否则推荐使用for循环。 2. 已知循环次数用for循环，未知循环次数用while循环
阅读全文
摘要：Number(“10”); 强转为Number parseInt(“10.5”);强转为number，取整 parseFloat(“10.5”);强转为number，保留小数 String(10); 强转为字符串 10.toString(); 强转为字符串 “10”+20 ； 1020 +号遇到字符
阅读全文
摘要：number\string\boolean\undefined\function 返回自身 null\object\array返回object
阅读全文
摘要：null访问一个不存在对象返回的值，表示空对象 undefined：访问一个未初始化变量(声明完没有赋值的变量)返回的值，表示空变量
阅读全文
摘要：NaN：not a number A.自己定义 B.运算过程中出现错误,原本应该是数字的地方出现一些不能转换为数字的值 10+“s” ，Number(“s”),
阅读全文
摘要：基本数据类型：Number String Boolean null undefined 复杂类型：Object，array，function
阅读全文
摘要：1. JavaScript是基于对象和事件驱动的解释性脚本语言 2. 基于对象：js是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚步环境种对象的方法与脚步的相互作用 事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对
阅读全文
浙公网安备 33010602011771号