01 2019 档案
摘要：构造函数可以实例化对象 构造函数中有一个属性叫prototype，是构造函数的原型对象、 构造函数的原型对象（prototype）中有一个constructor构造器。这个构造器指向的就是自己所在的原型对象所在的构造函数。 实例对象的原型对象（_proto_）指向的是该构造函数的原型对象。 构造函数
阅读全文
摘要：_proto_和prototype 实例对象中有一个属性，_proto_，也是对象，叫原型，不是标准的属性，浏览器使用的， 构造函数中有一个属性，Prototype，也是对象，叫原型，是标准属性，程序使用
阅读全文
摘要：实例对象和构造函数之间的关系 1.实例对象是通过构造函数来创建的--创建的过程叫实例化 2.如何判断对象是不是这个数据类型 1）通过构造器的方式 实例对象.构造器==构造函数名字 2）对象instance of构造函数名字（优先使用这种，稍后补充 ）
阅读全文
摘要：共同点：都是函数。都可以创建对象，都可以传入参数 工厂函数： 函数名是小写 有new 有返回值 new之后的对象是当前对象 直接调用函数就可以创建对象 自定义构造函数： 函数名是大写（首字母） 没有new 没有返回值 this是当前的对象 通过new的方式来创建对象
阅读全文
摘要：offset系列：获取元素的相关的样式属性的值 offsetwidth：获取元素的宽 offsetheight：获取元素的高 offsetleft:获取元素距离左边位置的值 offsettop;获取元素距离上面位置的值 1。没有脱离文档流 t父级元素margin+父级元素padding+父级元素的b
阅读全文
摘要：window.onload=function(){ document.getElementById("btn").onclick=function(){ location.href="http://www.baidu.com" //属性 location.assign("http://www.bai
阅读全文
摘要：window.onload=function(){}; 只要页面加载完毕，这个事件才会触发 扩展事件--页面关闭后才触发的事件 window.onunload=function(){}; 扩展事件--页面关闭之前才触发的事件 window.onbeforeunload=function(){};
阅读全文
摘要：事件冒泡：多个元素嵌套，有层次关系，这些元素都注册了相同的事件，如果里面的元素的事件触发了，外面的元素的该事件自动的触发 阻止事件冒泡： 事件的三个阶段： 1，事件捕获阶段：从外向内 2，事件目标阶段 3，事件冒泡阶段：从里向外 为元素 绑定事件 addEventListener("没有on的事件类
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #box { width: 450px; margin: 200px auto; } #txt { width: 350
阅读全文
摘要：注意：用什么方式绑定事件，就用什么方式解绑事件 1.解绑事件 对象.on事件名字=时间处理函数 》绑定事件 对象。on事件名字=null; 2.解绑事件 对象.addEventListener("没有on的事件类型"，命名函数，false)；--绑定事件 对象.removeEventListener
阅读全文
摘要：addeventlistener(); attachEvent() 相同点：都可以为元素绑定事件 不同点： 1.方法名不一样 2.参数个数不一样 3.addeventlistener(); 谷歌，火狐，IE11支持，IE8不支持 attachEvent()，谷歌，火狐，IE11bu支持，IE8支持
阅读全文
摘要：1.对象.addeventlistener（“事件类型”，事件处理函数，false）；--谷歌和火狐支持，IE8不支持 2.对象.attachment("有on的事件类型"，事件处理函数)；--谷歌不支持，火狐不支持，IE8支持
阅读全文
摘要：如果在页面加载完毕后，此时通过这种方式创建元素，那么页面上存在的所有内容全部被干掉。
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style></head><body><ul id="uu"> <li>1</li> <li>1</li> <li>
阅读全文
摘要：//设置任意元素的中间的文本内容function setInnerText(element,text){ if(typeof element.textContent=="undefined"){ element.innerText=text; }else{ element.textContent=t
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="button" value="显示大图" id="btn" /><img src="i
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="button" value="没怀孕"><input type="button" va
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="button" value="按钮" id="btn"><script> // 先有按
阅读全文
摘要：毫秒数转date var date=new date(毫秒数);
阅读全文
摘要：①普通变量不能调用属性或方法 ②对象可以直接调用属性和方法 //基本包装类型：本身是基本类型，但是在执行代码的过程中，如果这种类型的变量调用了属性或者是方法。那么这种类型就不是基本类型了，而是基本包装类型，这个变量也不是普通的变量了，而是基本包装类型对象。
阅读全文
摘要：var arr=[1,40,20,10,100]; arr.sort(function(a,b){ if(a>b){ return 1; }else if(a==b){ return 0; }else{ return -1; } }); console.log(arr);
阅读全文
摘要：Array.isArray(对象) 》判断这个对象是不是数组 instanceof关键字 .concat(数组，数组，数组。。。)组合一个新的数组 .every(函数)--返回值是布尔类型。函数作为参数使用，函数中有三个参数，第一个参数是元素的值，第二个参数是索引值，第三个参数是原来的数组（基本不用
阅读全文
摘要：String >是一个对象 字符串可以看做是字符构成的数组，但是js中没有字符类型。 字符是一个一个的，在别的语言中字符用一堆单括号括起来。 在js中字符串可以使用单引号也可以使用双引号。 因为字符串可以看成是数组，所以，可以通过for循环进行遍历。 字符串特性：不可变性，字符串的值不能改变。 .l
阅读全文
摘要：function getDate(dt){ //获取年 var year = dt.getFullYear(); //获取月 var month =dt.getMonth() +1; //获取日 var day = dt.getDate(); //获取小时 var hour = dt.getHour
阅读全文
摘要：function getColor{ var str="#"; var arr=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"]; for(var i=0;i<6;i++)
阅读全文
摘要：function MyMath(){ //添加了一个方法 this.getMax=function(){ //所有数字中的最大值 var max=arguments[0]; for(var i=0;i<arguments.length;i++){ if(max<arguments[i]){ max=
阅读全文
摘要：实例对象：通过构造函数创建出来，实例化的对象 静态对象：不需要创建，直接就是一个对象，方法（静态方法）直接通过这个对象名字调用。 实例方法必须通过实例对象调用 静态方法必须通过大写的对象调用
阅读全文
摘要：原始数据类型：number，string，Boolean，undefined，null，object 基本类型（简单类型），值类型：number，string，Boolean 复杂类型（引用类型）：object 空类型：undefined，null 值类型的值在那一块空间中存储？在栈中存储 引用类型
阅读全文
摘要：遍历对象不能通过for循环因为对象无序 可以通过for -n var json={ "name"：“小明”， “age”：“10”， “sex”:"男" }; for(var key in json){ console.log(key); //key里是对象中属性的名字 console.log(js
阅读全文
摘要：json格式的数据：一般都是成对的，是键值对 Jason也是一个对象，数据都是成对的，一般json格式的数据无论是键还是值都是有用双引号括起来的 eg: var json{ "name" ："小明"， “age” ：“10”， “sex” ："男" }；
阅读全文
摘要：obj.name=“哈哈”； obj['name']="哈哈"; obj.play(); obj["play"]();
阅读全文
摘要：字面量的方式创建：var obj{}; (空对象) （创建数组：var array=[];）
阅读全文
摘要：1。在内存中开辟空间（申请一块空闲的空间） 2。把this设置为当前的对象 3.设置对象的属性和方法的值。 4.把this对象返回
阅读全文
摘要：函数和构造函数的区别》》》首字母是否是大写（构造函数首字母要大写）
阅读全文
摘要：在当前对象中可以使用this关键字指代当前对象
阅读全文
摘要：变量 instance of 类型的名字 > 布尔类型 ，true&false
阅读全文
摘要：预解析：在解析代码之前 把变量声明提前了，提前到当前作用域上面。 函数的声明也会提前，提前到当前作用域上面。
阅读全文
摘要：全局变量：声明的变量是使用var声明的，那么这个变量就是全局变量，全局变量可以再页面的任何位置使用。除了函数以外，其他的任何位置定义的变量都是全局变量 局部变量：在函数内部定义的变量，是局部变量，外面不能使用。 全局作用域：全局变量的适用范围 局部作用域：局部变量的适用范围 块级作用域：一对大括号可
阅读全文
摘要：只要是看到一个函数作为参数使用了，那就是回调函数。
阅读全文
摘要：（function（）{console.log("");}）();
阅读全文
摘要：var arr=[10,0,100,20,60,30];//控制比较的轮数for(var i=0;i<arr.length-1;i++){ //控制每一轮比较的次数 for(var j=0;j<arr.length-1-i;j++){ if(arr[j]>arr[j+1]){ var temp=ar
阅读全文
摘要：switch-case case后比较是严格模式
阅读全文
摘要：backface-visibility:hidden 不面向屏幕时隐藏
阅读全文
摘要：ctrl+shift+上箭头改变代码位置
阅读全文
摘要：div{ width: 100px; height: 100px; background: rgba(255,0,0,0.2);/*盒子背景透明*/}
阅读全文
摘要：img{ width: 400px; height: auto; animation: heart 0.5s infinite;}@keyframes heart { 0%{ transform: scale(1); } 50%{ transform:scale(1.1); } 100%{ tran
阅读全文
摘要：div{ width: 100px; height: 100px; background-color: pink; position: absolute; left: 0; animation: move 3s ease 0s;}/*声明动画 关键帧 动画名称*/@keyframes move{ f
阅读全文
摘要：div{ width: 200px; height: 200px; background-color: pink; margin: 100px auto; transition:all 0.6s; transform-origin: right bottom;}div:hover{ transfor
阅读全文
摘要：和父亲元素没关系，走自己盒子宽度一半
阅读全文
摘要：*过渡写到本体上（谁做动画写谁身上） transition transition-property 规定应用过渡的CSS属性的名称。 transition-duration 定义过渡效果花费的时间，默认是0。 transition-timing-function 规定过渡效果的时间曲线，默认是eas
阅读全文
摘要：div::before一个能插入元素的选择器
阅读全文
摘要：原文作者：Florian Hämmerle 译者：UC 国际研发 Jothy 写在最前：欢迎你来到“UC国际技术”公众号，我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章，不限于原创与翻译。 Server-Timing header 允许你传递任意服务器指标给客户端。
阅读全文
摘要：本文作者：高峰，360奇舞团前端工程师，W3C WoT工作组成员。 ES6中引入了模块（Modules）的概念，相信大家都已经挺熟悉的了，在日常的工作中应该也都有使用。 本文会简单介绍一下ES模块的优点、基本用法以及常见问题。 着重介绍3个使用ES模块的常见问题： 如何在浏览器中下快速使用expor
阅读全文
摘要：1.font：字体连写 选择器{font：font-style font-weight font-size/line-height font-family;} 使用font属性时，必须按照上面的语法格式书写，不能更换顺序，各个属性以空格隔开。 注意：其中不需要设置的属性可以省略（取默认值），但必须保
阅读全文
摘要：img{ vertical-align: top; /*去除图片缝隙，图片和文字基线对齐*/}
阅读全文
摘要：.clearfix:before,.clearfix:after{ content: ""; display: table;}.clearfix:after{ clear: both;}.clearfix{ *zoom: 1;}
阅读全文
摘要：https://tympanus.net/codrops/2018/12/27/awesome-demos-from-2018/
阅读全文
摘要：来源 | http://segmentfault.com 原文 | The Definitive Guide to Using Negative Margins 自从1998年CSS2作为推荐以来，表格的使用渐渐退去，成为历史。正因为此，从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用
阅读全文
摘要：作者｜Jeremy Wagner译者｜薛命灯 现代 Web 应用程序可能会变得非常巨大，特别是它们的 JavaScript 部分。HTTP Archive 网站的数据显示，截至 2018 年中，传输到移动设备上的 JavaScript 文件中值大约为 350 KB。而这只是传输大小，JavaScri
阅读全文
摘要：Hive是一个数据仓库基础工具在Hadoop中用来处理结构化数据。它架构在Hadoop之上，总归为大数据，并使得查询和分析方便。并提供简单的sql查询功能，可以将sql语句转换为MapReduce任务进行运行。术语“大数据”是大型数据集，其中包括体积庞大，高速，以及各种由与日俱增的数据的集合。使用传
阅读全文
摘要：对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站。但如果你想更加高效地使用Vue来开发，成为Vue.js大师，那下面我要传授的这五招你一定得认真学习一下了。在面试过程很多HR会问到。 第一招：化繁为简的Watch 场景还原： 组件创建的时候我们获取一次列表，同时监听in
阅读全文
摘要：h1为了搜索引擎优化<div class="logo"> <h1> <a href="#">XX</a> </h1></div>xx不要删除
阅读全文
摘要：<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> type="image/x-icon"可省略
阅读全文
摘要：1.第一步在样式里声明字体：告诉别人我们自己定义的字体。@font-face{ /*声明字体 引用字体*/ font-family:'icomoon'; src:url('fonts/icomoon.eot'); src:url('fonts/icomoon.eot?#iefix') format(
阅读全文
摘要：转载自奇舞周刊 前言 响应式Web设计可以让一个网站同时适配多种设备和多个屏幕，可以让网站的布局和功能随用户的使用环境（屏幕大小、输入方式、设备/浏览器能力）而变化。本文主要介绍一些响应式布局容易忽略但又很重要的知识点。 视口 移动前端中常说的 viewport （视口）就是浏览器中用于呈现网页的区
阅读全文
摘要：本文转载 在实际的运用中有这样一种场景，某资源加载完成后再执行某个操作，例如在做导出时，后端通过打开模板页生成PDF，并返回下载地址。这时前后端通常需要约定一个flag，用以标识模板准备就绪，可以生成PDF了。 试想，如果模板中有图片，此时如何判断图片是否加载完成？ 在此之前来了解一下jquery的
阅读全文
摘要：本文转自奇舞周刊学习使用侵权删 众所周知，js是单线程异步机制的。这样就会导致很多异步处理会嵌套很多的回调函数，最为常见的就是ajax请求，我们需要等请求结果返回后再进行某些操作。如： function success(data, status) { console.log(data) } func
阅读全文
摘要：本文转自奇舞周刊学习使用侵权删 先来看个例子，热热身。 上面这张图像的原始尺寸是：宽 54px 高 49px。 那么，在以下代码中，每张图像显示的最终尺寸是多少？ https://p1.ssl.qhimg.com/t01068da1826ad05875.png 是该图片的 url 图像由<img s
阅读全文
摘要：转载 1.前后端分离 前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。 可以参考：前后端分离、web与static服务器分离(https://segmentfault.com/a/1190000015297319)。 2. 尽量避免后
阅读全文
摘要：本文转自搜狗测试公众号侵权删 接口测试简介 接口测试是测试系统组件间接口的一种测试。 接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。 测试的重点是要检查数据的交换，传递和控制管理过程，以及系统间的相互逻辑依赖关系等。 接口测试通常包括两类，模块之间的接口测试和 Web 接口测
阅读全文
浙公网安备 33010602011771号