html/css/javascript
关注
分享
扫一扫
前端三贱客???
大熊猫侯佩
一枚贪吃路痴还未秃码农。CSDN 博客专家，iOS 与 Swift 版块版主，热爱苹果开发。
人生看淡，不服就干！
展开
-
恶补web之八:jQuery(3)
jquery和其他js框架.jQuery使用$作为jQuery的简写,但是还有很多js框架,比如:MooTools,Backbone,Sammy,Cappuccino,Knockout,JavaScript MVC,Google Web Toolkit,Google Closure,Ember,Batman(有没有supermane?)以及Ext JS等等;如果它们也使用$符号作为简写原创 2015-01-14 12:18:42 · 1062 阅读 · 0 评论 -
恶补web之八:jQuery(2)
jquery中非常重要的部分,就是操作dom的能力:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括html标记)val() - 设置或返回表单字段的值attr() - 用于获取或设置属性值 jquery如下方法可以插入内容append 在被选元素的结尾插入内容prepend 在被选元素的开头插入内容after 在原创 2015-01-14 11:31:18 · 949 阅读 · 0 评论 -
恶补web之八:jQuery(1)
jquery是一个js库,极大的简化了js编程.jquery是一个写的更少,但做的更多的轻量级js库. jquery位于一个js文件中,其中包含了所有jquery函数,可以用如下标记把jquery添加到网页中: 有2个版本的jquery可供下载,一个精简过的(production version),另一份是未压缩的(development version)供调试原创 2015-01-14 10:54:22 · 1044 阅读 · 4 评论 -
恶补web之六:javascript知识(2)
若要向html添加新元素,必须首先创建该元素,然后向一个已存在的元素追加该元素这是一个段落这是另一个段落var para=document.createElement("p");var node=document.createTextNode("这是新段落。");para.appendChild(node);var element=document.getElementBy原创 2015-01-07 13:32:38 · 1039 阅读 · 0 评论 -
恶补web之二:css知识(3)
css有3种定位机制:普通流,浮动和绝对定位. 除非专门指定,否则所有框都在普通流中定位,即普通流中的元素位置由元素在(x)html中的位置决定. 通过使用position属性,可以选择4种不同类型的定位:static 元素框正常生成relative 元素框偏移某个距离:正常元素可以通过设置垂直或水平位置,让这个元素"相对于"它的起点进行移动.若将相对定位中的top设为原创 2015-01-06 15:33:04 · 1016 阅读 · 0 评论 -
恶补web之二:css知识(2)
css字体属性定义文本的字体系列,大小,加粗,风格和变形等. css中包含两种字体系列:通用字体系列和特定字体系列. font-family属性定义文本的字体系列: body {font-family: sans-serif;} font-style属性用于规定斜体文本. font-variant属性设定小型大写字母. font-weight属性设原创 2015-01-06 11:05:43 · 1132 阅读 · 0 评论 -
恶补web之六:javascript知识(1)
未完待续：http://www.w3school.com.cn/js/index.asp原创 2015-01-05 21:19:44 · 979 阅读 · 0 评论 -
恶补web之七:html DOM知识
未完待续：http://www.w3school.com.cn/htmldom/dom_intro.asp原创 2015-01-05 21:21:02 · 929 阅读 · 0 评论 -
恶补web之五:dhtml学习
dhtml是一种使html页面具有动态特性的艺术。对于多数人来说dhtml意味着html（html DOM），样式表和javascript的组合。 dhtml不是w3c标准。dhtml指动态html，其是一个营销术语-被网景和微软用来描述4.x代浏览器应当支持的新技术。 DOM（文档对象模型）使我们有能力访问一个文档中的每个元素。原创 2015-01-05 10:50:15 · 791 阅读 · 0 评论 -
恶补web之四:xhtml学习
xhtml是更严格更纯净的html代码，它与html4.01兼容。xhtml是以xml重构额html4.01 xhtml与2000年1月26日成为w3c标准，w3c将xhtml定义为最新的html版本，xhtml将逐渐取代htm。所有新的浏览器都支持xhtml。 xhtml是html与xml的结合物，xml用来描述数据，而html用来显示数据。 所有的xhtml元素必原创 2015-01-05 10:24:24 · 818 阅读 · 0 评论 -
恶补web之三:http学习
http是超文本传输协议的简称，该协议设计目的是保证客户机与服务器之间的通信。http的工作方式为客户机与服务器之间的请求-应答协议。 一般来说web浏览器是客户端，计算机上的网络应用程序可能作为服务器端。客户端向服务器提交http请求，服务器向客户端返回响应，响应包含关于请求的状态信息以及可能被请求的内容。 两种http请求方法：get 从指定资源请求数据，注意查询字符串原创 2015-01-05 09:44:09 · 794 阅读 · 0 评论 -
恶补web之一:html学习(2)
iframe用于在网页内显示网页：,iframe可用作链接的目标：W3School.com.cn注释：由于链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开。 拥有2个配置背景的标签，背景可以是颜色或图像。1.背景颜色bgcolor:2.背景图片标签中的背景色，背景和文本属性在html4和xhtml总已被废弃，应使原创 2015-01-04 21:08:16 · 1058 阅读 · 0 评论 -
恶补web之二:css知识(1)
未完待续:http://www.w3school.com.cn/css/原创 2015-01-04 15:48:19 · 966 阅读 · 0 评论 -
恶补web之一:html学习(1)
发现以前欠下的web知识太多鸟,只有重头开始好好学吧,恶补第一站就是html知识啦!原创 2015-01-04 13:31:59 · 1445 阅读 · 1 评论 -
html的meta标签
meta是一个空元素，没有结束标签；meta元素可以附带8个属性，其中4个是通用属性—–dir,lang,xml:lang和title，其他4个是meta特有的属性： schema，name，content，http-equiv name属性 name属性的值可以是任何内容，标准对此没有限制；但存在一些预定义的值： description:指定页面的描述<meta name="descrip原创 2015-03-11 14:51:04 · 746 阅读 · 0 评论 -
javascript中的in运算符
in运算符希望它的左操作数是一个字符串或可以转换为字符串，希望他的又操作数是一个对象；如果右侧对象拥有一个名为左操作数值的属性名，那么表达式返回true：var point = {x:1,y:1};"x" in point //true"z" in point //false"toString" in point //truevar ary = [1,2,3];"0" in ary; //t原创 2015-03-14 09:32:12 · 860 阅读 · 0 评论 -
如何使用firefox适用于javascript的debugger命令
首先安装firebug，在firefox的扩展里搜索安装即可。 然后在页面中启用firebug中的脚本：然后在网页某些位置加入debugger命令，比如如下页面代码：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>js弹出新窗口</title><script type="text/javascript"> fun原创 2015-03-14 15:12:10 · 4575 阅读 · 0 评论 -
javascript、ruby和C性能一瞥(1)
测试一下本地js、浏览器中的js以及ruby对于类似算法的性能。结果有些意外：浏览器js最快，本地其次当相差很小；ruby最慢而且不是一个数量级的； 因为写的匆忙，可能有重大问题没能看出来，请各位高人不吝赐教。 代码均未作优化，我们依次来看： 首先是浏览器的：<!DOCTYPE html><html><head> <title>sieve suanfa</title> <s原创 2015-04-01 15:50:48 · 1350 阅读 · 0 评论 -
javascript中正则表达式和ruby中的一点差异
看到一个例子，不过这个例子中正则表达式的格式貌似是错的：Function.prototype.get_name = function(){ return this.name || this.toString().match(/function\s*(\[^()*](/)[1];}代码的原意是给任意有名的Function实例对象添加返回其名称的方法get_name;不过其中正则的格式不怎么对原创 2015-03-18 23:03:12 · 864 阅读 · 0 评论 -
javascript函数式编程一例分析
js像其他动态语言一样是可以写高阶函数的，所谓高阶函数是可以操作函数的函数。因为在js中函数是一个彻彻底底的对象，属于第一类公民，这提供了函数式编程的先决条件。 下面给出一个例子代码，出自一本js教程，功能是计算数组元素的平均值和标准差，先列出非函数式编程的一种写法：var data = [1,1,3,5,5];var total = 0;for(var i = 0;i < data.leng原创 2015-03-18 15:20:47 · 1149 阅读 · 0 评论 -
javascript类和原型学习笔记
js中类的所有实例对象都从同一个原型对象上继承属性。我们可以自己写一个对象创建的工厂方法来来“模拟”这种继承行为：//inherit()返回一个继承自原型对象p的属性的性对象//这里使用ECMAScript5中的Object.create()函数//如果不存在该函数，则使用另一种方法function inherit(p){ if(p == null) throw TypeError()原创 2015-03-18 18:44:15 · 961 阅读 · 1 评论 -
javascript、ruby和C性能一瞥(2)
好吧，最后让我们用C来实现，看看再能榨取多少性能。注意我没有改变算法，C的算法和之前的3种都是基本相同的：#include <stdio.h>#include <stdlib.h>#include <stdbool.h>#include <math.h>#include <string.h>#include <time.h>#include <unistd.h>typedef unsig原创 2015-04-01 17:42:24 · 1653 阅读 · 0 评论 -
javascript属性访问表达式
属性访问表达式运算得到一个对象属性或一个数组元素的值。js为属性访问定义了2中语法： expression.identifier expression[“expression”] 不管使用何种形式属性访问表达式，在.和[之前的表达式钟会首先计算，如果计算结果是null或undefined，则表达式会抛出一个类型错误异常，因为这两个值都不能包含任意属性。 显然.identifier的写法更加简原创 2015-03-14 09:19:31 · 1101 阅读 · 0 评论 -
javascript中的eval函数
eval()只有一个参数，如果传入的参数不是字符串，则直接返回这个参数。否则会将字符串当成js代码进行编译，如果编译失败则抛出语法错误(SyntaxError)异常。如果编译成功则开始执行这段代码，并返回字符串中的最后一个表达式或语句的值；如果最后一个表达式或语句没有值，则最终返回undefined。如果字符串抛出异常，则该异常将把该调用传递给eval();eval()最为重要的是，它使用了调用它的原创 2015-03-14 10:34:18 · 943 阅读 · 0 评论 -
javascript中的instanceof运算符
instanceof运算符希望左操作数是一个对象，右操作数表示对象的类；如果左侧的对象是右侧类的实例，则返回true，否则返回false。由于js中对象的类是通过初始化它们的构造函数来定义的，因此instanceof的右操作数应当是一个函数。比如：var d = new Date();d instanceof Date; //trued instanceof Object; //trued i转载 2015-03-14 09:43:08 · 813 阅读 · 0 评论 -
javascript加RoR实现JSONP
我们知道不同域中的js代码受同源策略的限制，不同域中的AJAX同样受此限制，不过使用html中的script远程脚本可以跳过该限制，下面我们实际看一下利用RoR和js如何实现所谓的JSONP。 这里只是简单地演示一下功能，并没有严格的实现JSONP，如果是那样需要用一个函数包容JSON对象主体：some_function([1,2,{a:1,b:11}])而这里的包容函数名称也不需要定死，而是可以原创 2015-03-29 10:56:12 · 1635 阅读 · 0 评论 -
html中几种常见长度单位介绍
文章出处和来源网址：http://www.divcss5.com/html/h529.shtml以下是DIVCSS5为大家总结网页中常见html单位介绍，在css+div布局中长度单位介绍篇。其实css中的长度单位一共有8个，分别是px，em，pt，ex，pc，in，mm，cm；px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。譬如，WONDOWS的用户所使用的分辨转载 2015-03-11 08:35:22 · 1222 阅读 · 0 评论 -
css选择器语法速查
通用选择器 *{} 类似于通配符，匹配文档中所有元素类型；类型选择器 h1,h2,p{} 匹配以逗号隔开元素列表中的所有元素类选择器 .glass{} or p.glass{}id选择器 #id {} or p#id {}子选择器 td>b {} 匹配元素是另外一个元素的直接子元素后继选择器 td b {} 匹配另一个指定元素的所有嵌套中的后继相邻兄弟选择器 h1+p {}原创 2015-03-11 08:33:55 · 820 阅读 · 0 评论 -
css的框模型速查
在css中，每个元素被视为一个框。 每个框具有3个属性： border 框的边框 margin 框与相邻框之间的距离 padding 框内容和边框之间的距离对于margin存在一种特例：当元素底部页边空白接触另一个元素的顶部页边空白，只会显示其中范围较大的页边空白，如果2个页边空白大小相同，则最终的页边空白将等于其中一个页边空白的大小。默认情况下，块级元素将占用页面（或者包含它的元素）的整个原创 2015-03-11 08:34:54 · 747 阅读 · 0 评论 -
javascript内置对象速查（一）
字符串对象var str = new String("Hello World");可以调用其中的一些方法：str.length str.big日期对象var dt = new Date();常用方法： date() 返回一个Date对象 getDate() 返回日期(1..31) getDay() 返回星期几(0..6) getMonth() 返回月份(0..原创 2015-03-10 11:40:07 · 622 阅读 · 0 评论 -
javascript操作select元素一例
熟悉一下js对select元素的操作，html页面中建立一个form，其中包含一个select元素和submit按钮。 当选择select中某一项时改变其文字，当select中所有项的文字都改变后，重新恢复它们。 当按下submit时关闭窗口本身，代码如下：<!DOCTYPE html><html><head><title>duang for select elements</title>原创 2015-03-26 16:37:27 · 890 阅读 · 0 评论 -
javascript中如何让类工厂和构造函数变成同一个函数
我们知道在js中可以用一个函数来定义对象的类，该函数称之为对象的构造函数，我们在需要create对象的时候直接调用这个构造函数即可：var Man = funciton(name){ this.name = name; };var man = new Man("hopy");如上所示man对象的类是Man，因为有：Object.getPrototypeOf(man) === Man原创 2015-03-20 10:21:36 · 954 阅读 · 0 评论 -
javascript访问html元素的内容(2)
对于(1)中最后一个包装方式创建的是一个方法，我们必须以方法调用的方式来使用它，这和其他默认的以属性返回结果略有不同，如果有强迫症的童鞋有些伤不起，那么我们下面就把它实现为属性返回的方式：//children是默认属性，遂起一个中文糊糊的名字 :)HTMLElement.prototype = { get: function childrens(){ var elts = [];原创 2015-03-26 10:13:44 · 741 阅读 · 0 评论 -
javascript访问html元素的内容(1)
形如如下格式的html元素:<p id="my_p">I'm <strong>BIG</strong> panda!!!</p>有3种方式获取其内容，可以获取起全部的子内容，或是获取其子内容的text纯文本标识，或是以对象方式获取其子内容。可以使用元素对象的innerHTML属性作为字符串标记返回其内容：my_p.innerHTML;//返回 I'm <strong>BIG</strong> pa原创 2015-03-26 09:44:35 · 1083 阅读 · 0 评论 -
javascript内置对象速查（二）
Window对象 每个浏览器窗口或框架都对应于一个Window对象，它是随body或frameset元素的每个实例一起创建的对象。function status_text(){ window.status = "something..."; }<body onload="status_text();"><input type="button" value="new window"原创 2015-03-10 13:18:56 · 685 阅读 · 0 评论 -
javascript语言扩展:可迭代对象（1）
在ECMAScript中我们知道可以通过for in语句进行对象属性的遍历，当然这些属性不包括继承而来的属性:var ary = [1,2,3,"aa",4];for(i in ary) console.log(i); //遍历属性名称在firefox以及其他浏览器实现的js语言扩展中，增加了each语句，each和in类似，不过它遍历的是对象的属性值：var a = [1,2,3,4];原创 2015-03-22 09:29:25 · 1051 阅读 · 0 评论 -
javascript变量声明
js中使用一个变量之前应当先声明。变量使用关键字var来声明。 如果未在var声明语句中给变量指定初始值，则该变量值为undefined。 不用在声明变量时指定变量类型，js变量可以是任意数据类型。使用var语句重复声明变量是合法且无害的。如果重复声明带有初始化器，则就和简单的赋值语句没啥区别。如果试图读取一个没有声明的变量，则js会报错。在ECMAScript5严格模式下，给一个没有声明的变量原创 2015-03-13 20:33:35 · 883 阅读 · 0 评论 -
javascript显式类型转换
尽管js可以做许多自动类型转换，但某些时候仍然需要做显示类型转换或为了代码逻辑清晰易读而做显示类型转换。 做显示类型转换最简单的方法就是用Boolean()、Number()、String()或Object()函数：Number("3") //3String(false) //"false"false.toString()//同上Boolean([]) //trueObject(3)原创 2015-03-13 17:48:36 · 912 阅读 · 0 评论 -
javascript原始值和对象引用
一句话来说：原始值是不可变的，而对象引用是可变的。 js中的原始值（undefined、null、布尔值、数字和字符串）与对象（包括数组和函数）有着本质的区别。原始值是不可更改的，任何方法都无法更改一个原始值；对于字符串来说，字符串中所有的方法看上去返回了一个修改后的字符串，实际上返回的是一个新的字符串值：var str="hello world";s.toUpperCase();s;原创 2015-03-13 17:17:08 · 1563 阅读 · 0 评论 -
javascript包装对象
js对象是一种复合值：它是属性或已命名值得集合。 参考以下代码：var s = "hello world";var len = s.length;在该例子中，s是字符串，而字符串不是对象，但为何会有属性呢？其实只要引用了字符串s的属性，js就会将字符串通过调用new String(s)的方式转换为对象，该对象继承了字符串的方法，并被用来处理属性的引用；一旦属性引用结束，这个新创建的对象就会被销毁原创 2015-03-13 15:48:18 · 652 阅读 · 0 评论