ttwhy-CSDN博客

原创前端代码规范

js规范airbnb的js规范目前是社区认可度比较高的代码规范，采用该规范作为前端代码规范。Airbnb JavaScript 编码规范中文版采用eslint强制校验；推荐使用编辑器sublime text3sublime text3 集成eslint如果sublime 有安装其他的校验插件，如jshint，jslint可能会与eslint冲突。可以删除，eslint可以包含其他的...

2018-10-23 15:14:18 475

转载 HTML块级元素与行级元素

HTML块级元素与行级元素转自：http://gkecenter.blog.163.com/blog/static/181380305201291745234195/ 一.两种类型HTML中的大部分元素都可分为两种类型：块级元素和行级元素。这些元素的类型是通过文档类型定义（DTD）来指明。块级元素会从新的一行出现，行级元素则不会。块级元素的前后都

2016-08-04 15:16:46 1020

原创 JS笔记：面向对象

全局变量 1、var test =’some value’定义在程序最外面 2、window.test=’some value’ 3、在函数内部对变量直接赋值，该变量就是全局变量。 (function(){ var a; test=’some value’ })()后面两种将变量定义在window，delete可以删除。vardelete不可以删除这两个test也是全局变量 fun

2016-08-01 23:03:03 342

原创 Js笔记：闭包

function add(){ var i=0; return function(){ alert(i++); }}var f =add();f();//1f();//2从词法环境来理解闭包: 函数执行前，初始化函数全局词法环境：环境记录:add f:undefined o

2016-07-31 23:09:57 332

原创 JS笔记：变量作用域

变量的生命周期变量的作用范围静态作用域（词法定义域）由程序定义的位置决定var x=10; function foo(){alert(x);} function bar(){var x=20;foo();} bar();//10动态作用域由程序运行时刻决定，使用动态栈管理。JS使用静态作用域 JS没有块级作用域，有全局作用域和函数作用域 ES5中使用词法

2016-07-31 21:31:15 321

原创 JS笔记：原型

原型VS类：类：抽象——具体原型：具体——具体对象——原型对象设置对象的原型： Object.create(proto[,propertisObject]) proto 一个对象，作为新创建对象的原型 propertiesObject 对象属性的定义var landRover={ name:'landRover', start:function

2016-07-31 16:56:02 267

原创 JS笔记：函数闭包及柯里化

闭包：闭包的功能 1、保存函数执行状态将字符串中的一些特定字符按顺序用数组中的元素替换，例如： * var arr = ['c','f','h','o']; * var str = 'ab4de8g4ijklmn7'; * 替换后 str == 'abcdefghijklmno'; * replace的用法请参考https://developer.mozilla.org/zh-CN/doc

2016-07-31 15:24:17 1063

原创 JavaScript函数调用得四种方式及函数传参

一、函数调用模式 function add1(i){ console.log("函数声明："+(i+1)); } add1(1);二、方法调用模式var myNumber = { value: 1, add: function(i){ console.log(this); this.value += i; }}myNumber.add(1);三、构造函数调用模

2016-07-30 18:39:44 3693

原创 JavaScript函数笔记-函数定义的三种方式

函数定义的三种方式：一、函数声明function add(i,j){return i+j;}函数声明的特点： 1）函数定义会被前置； 2）重复定义函数时，最后一次函数定义有效。二、函数表达式var add=function(i,j){return i+j;} 三、函数实例化var add=new Function("i","j","return(i+j)");add(2,3);函

2016-07-30 14:48:44 371

原创 javaScript中this的用法

一、this作为对象方法调用：var a=5; var obj={ a:3, b:function(){alert (this.a);} } obj.b();//结果为3自定义的obj对象，包含a属性，一个b的方法，b方法中的this，指obj这个对象。但是这个对象是指上级对象，例： var a=5; var obj={ a:3, b:{a:6,

2016-07-29 16:33:41 255

转载 CSS图像替换：文本缩进，负边距以及更多方法

原文链接： https://www.sitepoint.com/css-image-replacement-text-indent-negative-margins-and-more/CSS中的图像替换有着广泛而多样的历史。如今，如果你还想这么做，有很多至今仍然有效的图像置换技术。必须注意的是，其中一些实际上可能很快（如果不是已经）会被Google批判，所以要谨慎使用。然而，你很难知

2016-07-18 11:44:31 1190

ttwhy的博客