2017年11月_胤字堂

原创 css样式属性集结号，经常看看加强记忆

通用样式margin//外边距padding//内边距display//隐藏显示FONT-字体样式font-family//字体类型，多个字体逗号隔开，名称有空格的需要引号括起;font-size//字号，设置文字大小通常值为数字加单位;font-style//字体风格，取值normal默认值|italic斜体|oblique倾斜|inherit从父元素继承;fon

2017-11-28 20:46:49 302

原创 js中程序员的迷茫，this的归属问题

this在js编程中经常遇到，新手会对this的归属有些迷茫，其实很简单，this的指向就是它的调用对象。this的归属问题//控制台this.x=3;x//3;window.x//3;此时的this就是指window，调用x，其实就是调用window.x。function d(){this.me=123;this.na=function(){console.log

2017-11-28 20:46:03 965

原创 javascript想看清一个对象的本质就要用到这三个方法

typeoftypeof操作符，返回一个字符串，参数是一个表达式，表示对象或原始值，其类型将被返回。使用方法：typeof 参数;常见的返回值有"undefined","object","boolean","number","string","symbol","function"一般情况下检测基本数据类型到了这里就够用了，但是typeof对判断复合型数据类型就没那么细心了。type

2017-11-26 21:48:47 281

原创值得收藏备用熟记的IT常用术语

IT常用术语IDE----integrated-development-environment---------------集成开发环境OOP----object--oriented-programming---------------------面向对象编程OSS----open-source-software-----------------------------开源软件AP

2017-11-24 14:27:30 5883

原创急脾气，但是很好用的及时函数（IIFE）

立即执行函数表达式及时函数也叫立即执行函数表达式（immediately invoked function expressoin）。先看看及时函数的语法第一种：(function(){})();第二种：(function(){}());这两种只是写法上不同，作用没有区别。立即执行函数表达式及时函数与普通函数的区别1.及时函数定义后会立即执行，普通函数定义后需要调

2017-11-24 14:26:35 256

原创借了不还，还打人的call()与apply()方法！

胤字堂call方法:语法：call(arg1,arg2,arg3,arg4..)apply方法：语法：apply(arg1,[arg2,arg3,arg4..])call()javascript中的call和apply作用基本一样,应用某一对象的一个方法，用另一个对象替换当前对象,可将一个函数的对象上下文从初始的上下文改变为第一个传入的实参指定的新对象。区别在第二个参数

2017-11-24 14:25:55 208

原创值得收藏的HTML DOM事件和鼠标键盘事件

值得收藏的HTML DOM事件和鼠标键盘事件onabort//图像的加载被中断。onblur//元素失去焦点。onchange//域的内容被改变。onclick//当用户点击某个对象时调用的事件句柄。ondblclick//当用户双击某个对象时调用的事件句柄。onerror//在加载文档或图像时发生错误。onfocus//元素获得焦点。onkeydown//某个键盘

2017-11-24 14:25:07 282

原创 HTML DOM和BOM常用操作总结

HTML DOM和BOM常用操作总结HTML DOM常用操作getElementById()//返回带有指定 ID 的元素。element.getElementsByTagName()//返回拥有指定标签名的所有子元素的集合。getElementsByClassName()//返回包含带有指定类名的所有元素的节点列表。element.appendChild()//向元素添加新的

2017-11-24 14:24:09 2075

原创放弃new，字面量让js更优美和谐简洁

声明一个变量并对其指定数据类型是代码中会经常遇到。怎样更优美更和谐更简洁的书写？其实很简单。

2017-11-24 14:23:23 294

原创 js编程路上一步一个坑隐式转换总结

JavaScript的数据类型分为六种，分别为null,undefined,boolean,string,number,object。object是引用类型，其它的五种是基本类型或者是原始类型。我们可以用typeof方法打印来某个是属于哪个类型的。不同类型的变量比较要先转类型，叫做类型转换，类型转换也叫隐式转换。

2017-11-24 14:22:28 244

原创 js声明函数(function)和变量(variable)不得不防的坑

在工作中初级程序员容易忽略的细节就是函数和变量的声明都存在提升，而且他们之间的提升是不同的

2017-11-24 14:21:25 3869

原创浅谈js函数继承模式之三：共享原型模式

js共享原型模式function a(){this.m="小明";}父级构造函数a.prototype.w=function(){console.log("123");}function b(){};//子级b.prototype=a.prototype;//共享原型var c=new b();//生成实例c.w();//123//调用原型总结：此模式所有子对象及后

2017-11-13 16:08:49 338

原创浅谈js函数继承模式之二：借用模式

js借用模式function a()//父构造函数function b()//借用父构造函数方法a.prototype.w="原型链";//给父构造函数原型添加方法；var c=new b();//生成实例对象console.log(c.m);//"小明"console.log(c.n);//"小华"console.log(c.w);//undefined总结：

2017-11-13 16:07:24 236

原创浅谈js函数继承模式之一：常规模式

常规模式function a(){this.name="小明";}//构造函数a.prototype.m="5岁";var b=new a();这种模式下实例b继承父级构造函数a所有属性和方法，不管是原型或者自定义的方法和属性。但是这里有一个坑，静态方式添加的方法不会被继承例如：a.n="小林"；console.log(b.n)//undefined这是因为

2017-11-13 16:06:16 218

原创 javascript继承模式里的坑

javascript继承模式里的坑通过new从父类继承的实例拥有父类的所有属性与方法并且是独立存在的。//父构造函数function Parent(){this.n="小华";}var Son=new Parent();alert(Son.hasOwnProperty('n'));//trueSon.n='小明'；此时的赋值不影响其他新子类实例的值。aler

2017-11-13 15:58:55 244

胤字堂的博客