摘要: 顾名思义Chrome开发工具就是一个工具,它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面,也可以通过这个工具调试和测试Web页面或Web应用程序。有了这个工具,你可以做很多有趣的事情: 调试界面的问题 使用断点调试JavaScript代码 优化你的代码 打开开发者工具,你只需要在页面 阅读全文
posted @ 2017-08-30 12:33 1点 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 9 阅读全文
posted @ 2017-08-29 12:44 1点 阅读(87) 评论(0) 推荐(0) 编辑
摘要: 在JS中创建对象有很多种方法,而创建自定义类型的最常见的方式,就是使用组合使用构造函数模式和原型模式创建对象。构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性,那么来看看为什么这种方式是最常用的。 先简单介绍在JS中创建对象的方式有如下几种: 工厂模式 构造函数模式 原型模式 组合使 阅读全文
posted @ 2017-08-28 13:20 1点 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 介绍 原型模式(prototype)是指用原型实例指向创建对象的种类,并且通过拷贝这些原型创建新的对象。 正文 对于原型模式,我们可以利用JavaScript特有的原型继承特性去创建对象的方式,也就是创建的一个对象作为另外一个对象的prototype属性值。原型对象本身就是有效地利用了每个构造器创建 阅读全文
posted @ 2017-08-28 13:00 1点 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 介绍 构造函数大家都很熟悉了,不过如果你是新手,还是有必要来了解一下什么叫构造函数的。构造函数用于创建特定类型的对象——不仅声明了使用的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数,然后在里面声明自定义类型对象的属性或方法。 基本用法 在JavaS 阅读全文
posted @ 2017-08-28 12:58 1点 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 介绍 与创建型模式类似,工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。 这个模式十分有用,尤其是创建对象的流程赋值的时 阅读全文
posted @ 2017-08-27 22:26 1点 阅读(99) 评论(0) 推荐(0) 编辑
摘要: 一,定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。 语法 indexOf() 方法 lastIndexOf() 方法 返回值 lastIndexOf 阅读全文
posted @ 2017-08-26 11:08 1点 阅读(569) 评论(0) 推荐(0) 编辑
摘要: 常用例子 1.居中对齐 效果: 2.自适应导航 效果: 3.常见3栏移动优先布局 设置子元素从左到右,超出换行(flex-flow:row wrap;)。 默认情况下所有子元素拓展比例为1(flex-grow:1),伸缩比例为100%(flex-basis:100%)。 大于800px时,.main 阅读全文
posted @ 2017-08-23 23:26 1点 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 属性介绍 display: flex | inline-flex; (适用于父类容器元素上) 定义一个flex容器,内联或者根据指定的值,来作用于下面的子类容器。· box:将对象作为弹性伸缩盒显示。(伸缩盒最老版本)(css3) inline-box:将对象作为内联块级弹性伸缩盒显示。(伸缩盒最老 阅读全文
posted @ 2017-08-23 19:33 1点 阅读(251) 评论(0) 推荐(0) 编辑
摘要: Flex 布局教程:语法篇 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 阅读全文
posted @ 2017-08-23 12:14 1点 阅读(153) 评论(0) 推荐(0) 编辑