随笔分类 - JS
摘要:1.绘制图片的API,ctx.drawImage()◆绘制图像的第一种方式,三参数版本,把图像绘制到指定的坐标:【img.onload=function(){//在图片加载完毕后,开始画图片,没有设置图片的宽高,所以超出部分会被隐藏ctx.drawImage(img,...
阅读全文
摘要:1.Canvas是Html5提供的一个展示绘图效果的标签◆使用canvas标签,即可在页面中开辟一个区域,可以设置width和height来设置该区域的尺寸◆默认canvas的宽高为300和150◆不要使用css的方式设置宽高,应该使用html属性◆如果浏览器不支持c...
阅读全文
摘要:1.代码进行压缩处理的时候,系统的内置对象无法进行压缩,如果想压缩的话,只能通过传递参数的方式来进行压缩处理。2.沙箱模式◆【(function(w){//变量的定义//逻辑的代码//如果需要,使用window向外界暴露接口//window==w})(window)】...
阅读全文
摘要:1.绘制作用域链◆先画0级作用域链◆在全局作用域中查找,函数和变量的声明,然后将这些变量和函数,以小方块儿的形式放到0级作用域链上◆从0级作用域中的函数引出1级作用域◆再去每个1级作用域中查找变量和函数的声明,然后将这些变量和函数放到1级作用域链上◆依次重复这样的步骤...
阅读全文
摘要:1.作用域(起作用的范围)◆块儿级作用域:ECMAScript6之前js中没有块儿级作用域◆词法作用域:就是在代码写好的一刻,变量的作用域就已经确定了,这种作用域,就是所谓的词法作用域,和词法作用域相对的叫动态作用域,js中的词法作用域不是动态作用域◆ECMAScri...
阅读全文
摘要:1.继承:◆混入式继承: for-in◆原型继承:利用对象的动态特性、直接替换原型的对象、利用混入的方式给原型对象添加成员◆经典继承:使用ECMAScript5中增加的var newObj=Object.create(parentObj);2.原型链:构造函数与与原型...
阅读全文
摘要:1.构造函数中有一个prototype属性指向一个原型对象,然后原型对象中有一个constructor属性指行构造函数,所以它们才能够互相关联,如果你改变了构造函数的prototype属性所指向的原型对象如p.prototype={},那么现在这个原型的构造函数就会变...
阅读全文
摘要:1.多态◆多态是在强类型的语言中比较常用,javascript中没有相应的体现。2.创建对象的方式◆使用对象字面量的方式,如var obj={"name":"xm"};或var obj={name:"xm"};,使用字面量的方式只能够创建一次对象,复用性较差,如果要创...
阅读全文
摘要:1.javascript包含 ◆ECMAScript:规定的js的语法规范。◆DOM:Document Object Model 文档对象模型(一种数据结构),提供了一套操作页面元素的API。◆BOM:Browser Object Model 浏览器对象模型,也是提供...
阅读全文
摘要:1.有些样式的属性值,在某些浏览器上是无法直接获取的,原来的内嵌式与外链式的获取方式还有行内式的获取方式也是无法直接获取的,只能够通过获取获取其子样式属性来获取,于是以下是getStyle新版本的封装,兼容border-radius的获取【/** * 功能:获...
阅读全文
摘要:1.client对象:可视区域对象◆box.clientWidth:表示盒子的宽度加padding◆box.clientHeight:表示盒子的高度加padding◆box.clientTop:表示盒子上边的border大小◆box.clientLeft:表示盒子左边...
阅读全文
摘要:1.给元素添加非静态定位的定位属性时,你如果不设置它的left和top或者bottom再或者right属性时,他就装作以标准文档流的方式找个位置待着,但是它的确不占空间,很像是左浮动,也许非静态定位不设置left、top、right、bottom属性时就等于float...
阅读全文
摘要:1.offset取值返回时一个number类型的数值,但是它不会返回带小数的整数,内部做了四舍五入的处理,如style.left=9.4px,offsetLeft获取到的值是9,然而style.left=9.5px,offsetLeft获取到的值是10。2.匀速动画的...
阅读全文
摘要:1.同时设置html,body,ul,li的width:100%;height:100%,会让li继承占满一整页空间,因为这个时候html、body、ul、li的宽度和高度都是默认占满一整页,无论怎么放大缩小,都是默认占满一整页。2.在触发dom上的某个事件的时候,会...
阅读全文
摘要:1.定义Date日期对象的四种方式【//默认当前时间的定义 方式 var date1 = new Date(); console.log(date1); //指定某个时间的定义 方式 var date2 = new Date("2019/1/3...
阅读全文
摘要:1.数组的那些遍历方法forEach、map、filter、every、some,在IE678中不存在,dom对象的属性操作方法getAttribute、setAttribute、removeAttribute在IE678中也不存在,通过控制台打印的时候发现,返回的是...
阅读全文
摘要:1.dom和bom与前端的关系是水火交融,不可分割。2.编程到了极致,就是内存和算法。3.事件三要素 如唐僧念紧箍咒 孙悟空就头疼◆事件源 --> 唐僧◆事件类型 -->念咒◆事件处理程序 --> 孙悟空头疼 4.在js中 事件源指的是 引发后续事件的标签,事件指...
阅读全文
摘要:1.当你没有精神的时候,我嘲笑你,你心里一毛,嘿,立马就精神了。2.匿名函数,是没有名字的函数,存在方式有三种,不允许直接定义,会报错◆存在方式一:定义完直接调用(function(){console.log(1);})();◆存在方式二:绑定事件 document....
阅读全文
摘要:1.将伪数组转换成真数组,Array.from(伪数组对象);2.对象绑定事件时,只要那个对象还存在,事件的绑定一直都有效,对象的变量的赋值,其实只是 地址的引用发生了改变,变量名只是一个暂时存对象引用的地址的字面量而已。3.操作表格◆创建表格:var table=d...
阅读全文
摘要:1.禁用文本框 可以使用disabled属性,但是使用了disabled属性后提交表单时会出现提交的成员中没有这个文本框,所以禁用文本框可以使用 readonly属性,表单提交会提交设置了readonly属性的表单而不会提交设置了disabled属性的表单。2.在函数...
阅读全文

浙公网安备 33010602011771号