发表于 | 分类于
在css中，共有如下几个background属性： 属性 描述 CSS background 在一个声明中设置所有的背景属性。 1 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。 1 background-color 设置元素的背景颜色。 1 background-image 设置元素的背景图像。 1 background-position 设置背景图像的开始位置。 1 background-repeat 设置是否及如何重复背景图像。 1 background-clip 规定背景的绘制区域。 3 background-origin 规定背景图片的定位区域。 3 background-size 规定背景图片的尺寸。 3 从表格中，我们可以看出 background-clip ，backgroun ...
阅读全文 »

发表于 | 分类于
什么是模块化开发前端开发中，起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果，后来js得到重视，应用也广泛起来了，jQuery，Ajax，Node.Js，MVC，MVVM等的助力也使得前端开发得到重视，也使得前端项目越来越复杂，然而，JavaScript却没有为组织代码提供任何明显帮助，甚至没有类的概念，更不用说模块（module）了，那么什么是模块呢？ 一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。模块开发需要遵循一定的规范，否则就都乱套了。 根据AMD规范，我们可以使用define定义模块，使用require调用模块。 目前，通行的js模块规范主要有两种：CommonJS和AMD。 AMD规范AMD 即Asynchronous Module Definition，中文名是“异步模块定义”的意思。它是一 ...
阅读全文 »

发表于 | 分类于
this 出现的场景在《javaScript语言精粹》这本书中，把this 出现的场景分为四类： 有对象就指向调用对象 没调用对象就指向全局对象 用new构造就指向新对象 通过 apply 或 call 或 bind 来改变 this 的所指。 函数调用模式中，this为window；方法调用模式中，this为方法所属的对象；构造器调用模式中，this为创建的新对象。 JS中的this我们要记住：this永远指向函数运行时所在的对象！而不是函数被创建时所在的对象。 this对象是在运行时基于函数的执行环境绑定的，在全局环境中，this等于window。 先来看个例子： 12345678910111213var name = "Zhang San"; var person = { name: "Li Si", student: { ...
阅读全文 »

发表于 | 分类于
在线编辑器：http://dillinger.io 标题一1# 标题一 标题二1## 标题二 ··· 标题六1###### 标题六 -或*代表无序列表 无序列表1 无序列表2 123- 无序列表1* 无序列表2 有序列表 有序列表1 有序列表2 121. 有序列表12. 有序列表2 引用 引用一段话 12> 引用一段话 这是一段文字这是一段斜体文字这是一段文字这是一段文字 这是一段文字这是一段粗体文字这是一段文字这是一段文字 这是一段文字这是一段粗斜体文字这是一段文字这是一段文字 12345这是一段文字*这是一段斜体文字*这是一段文字这是一段文字这是一段文字**这是一段粗体文字**这是一段文字这是一段文字这是一段文字***这是一段粗斜体文字***这是一段文字这是一段文字 表格 Col1111111 Col222222 Col33333 111 222 333 a ...
阅读全文 »

发表于 | 分类于
一、选择网页元素jQuery的基本设计和主要用法，就是”选择某个网页元素，然后对其进行某种操作”。这是它区别于其他函数库的根本特点。 使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。 选择表达式可以是CSS选择器： 1234567$(document) //选择整个文档对象$('#myId') //选择ID为myId的网页元素$('div.myClass') // 选择class为myClass的div元素$('input[name=first]') // 选择name属性等于first的input元素 也可以是jQuery特有的表达式： 1234567891011$('a:first') //选择网页中第一个a元素$('tr:odd') //选择表格的奇数行$('#myForm :input') // 选择表单中的in ...
阅读全文 »

发表于 | 分类于
事件处理程序在DOM中定义了一些事件， 而响应某个事件的函数就叫事件处理程序（或事件侦听器）。事件处理程序的名字一般以on开头，例如：onclick等。 事件冒泡与捕获事件流指的是页面中接收事件的顺序，IE，火狐和chrome浏览器都是事件冒泡，所谓是事件冒泡指的是事件最开始由最具体的元素接收，然后逐级向上传播到不具体的节点。而事件捕获则正好相反，事件捕获是由Netscape提出的，事件冒泡和捕获具体如下图所示： ) 虽然事件捕获是Netscape唯一支持的事件流模型，但目前IE9，火狐和谷歌也都支持这种事件流模型。 事件冒泡的好处因为事件具有冒泡机制，因此我们可以利用冒泡的原理，把事件加到父级上，触发执行效果。这样做的好处当然就是提高性能了。 1234567891011121314151617181920212223242526272829<head lang="en"> ...
阅读全文 »

发表于 | 分类于
基本概念正则表达式是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为“元字符”）。模式描述在搜索文本时要匹配的一个或多个字符串。 首先推荐几个正则表达式编辑器 Debuggex ：https://www.debuggex.com/ Regexper：http://www.regexper.com/ JavaScript RegExp 对象参考手册：http://w3school.com.cn/jsref/jsref_obj_regexp.asp 正则表达式是一种查找以及字符串替换操作。正则表达式在文本编辑器中广泛使用，比如正则表达式被用于： 1234检查文本中是否含有指定的特征词找出文中匹配特征词的位置从文本中提取信息，比如：字符串的子串修改文本 说明：正则表达式通常用于两种任务：1.验证，2.搜索/替换。用于验证时，通常需要在前后分别加上^和$，以匹配整个待验证 ...
阅读全文 »

发表于 | 分类于
Ajax及其工作原理AJAX 是一种与服务器交换数据无需刷新网页的技术，最早由Google公司在谷歌地图里使用，并迅速风靡。 AJAX是不能跨域的，如需跨域，可以使用document.domain='a.com'；或者使用服务器代理，代理XMLHttpRequest文件 AJAX是基于现有的Internet标准，并且联合使用它们： 1234XMLHttpRequest 对象 (异步的与服务器交换数据)JavaScript/DOM (信息显示/交互)CSS (给数据定义样式)XML (作为转换数据的格式) 创建 XMLHttpRequest 对象所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建XMLHttpRequest对象。 创建Ajax对象：12345//IE6以上var oAjax = new XMLHttpRequest ...
阅读全文 »

发表于 | 分类于
什么是JSONJSON：JavaScript 对象表示法（JavaScript Object Notation）。 JSON的形式是用大括号{}包围起来的项目列表，每一个项目间用逗号,分隔，而项目就是用冒号:分隔的属性名和属性值。这是典型的字典表示形式，也再次表明javascript里的对象就是字典结构。不管多么复杂的对象，都可以用一句JSON代码来创建并赋值。在JSON中，名称/值对 包括字段名称（在双引号中），后面写一个冒号，然后是值。 JSON 结构JSON有两种结构 json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构。 1、对象：对象在js中表示为“{}”括起来的内容，数据结构为 {key：value,key：value,…}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值 ...
阅读全文 »

发表于 | 分类于
1. JS继承的概念JS里常用的如下两种继承方式： 一、原型链继承（对象间的继承）； 二、类式继承（构造函数间的继承）。 由于 JS 不像 JAVA 那样是真正面向对象的语言，JS 是基于对象的，它没有类的概念。所以，要想实现继承，可以用 JS 的原型prototype机制或者用apply和call方法去实现。 在面向对象的语言中，我们使用类来创建一个自定义对象。然而 JS 中所有事物都是对象，那么用什么办法来创建自定义对象呢？这就需要用到 JS 的原型： 我们可以简单的把prototype看做是一个模版，新创建的自定义对象都是这个模版（prototype）的一个拷贝 （实际上不是拷贝而是链接，只不过这种链接是不可见，新实例化的对象内部有一个看不见的__Proto__指针，指向原型对象）。 2. 原型式继承与类式继承原型式继承是借助已有的对象创建新的对象，将子类的原型指向父类，就相当于加入 ...
阅读全文 »
0%