03 2014 档案

jquery的each()详细介绍
摘要：each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组vararr1=["aaa","bbb","ccc"]; $.each(arr1,function(i,val){alert(i);alert(val);});alert(i)将输出0，1，2alert(val)将输出aaa，bbb，ccceach处 阅读全文
posted @ 2014-03-27 10:03 曹桦伟 阅读(180) 评论(0) 推荐(0)
工厂模式
摘要：var Car = (function () { var Car = function (model, year, miles) { this.model = model; this.year = year; this.miles = miles; }; return function (model, year, miles) { return new Car(model, year, miles); };})();var tom = new Car("Tom", 2009, 20000);如果还不理解的话，那我们... 阅读全文
posted @ 2014-03-17 16:42 曹桦伟 阅读(168) 评论(0) 推荐(0)
建造者模式
摘要：function getBeerById(id, callback) { // 使用ID来请求数据，然后返回数据. asyncRequest('GET', 'beer.uri?id=' + id, function (resp) { // callback调用 response callback(resp.responseText); });}var el = document.querySelector('#test');el.addEventListener('click', getBeerByIdBridge, false) 阅读全文
posted @ 2014-03-17 16:15 曹桦伟 阅读(145) 评论(0) 推荐(0)
构造函数
摘要：在构造函数内部，this关键字引用的是新创建的对象。function Car(model, year, miles) { this.model = model; this.year = year; this.miles = miles; this.output= function () { return this.model + "走了" + this.miles + "公里"; };}var tom= new Car("大叔", 2009, 20000);有点小问题。首先是使用继承很麻烦了，其次output()在每次创建对象的时候都 阅读全文
posted @ 2014-03-17 15:50 曹桦伟 阅读(274) 评论(0) 推荐(0)
单例
摘要：在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。var mySingleton = { property1: "something", property2: "something else", method1: function () { console.log('hello world'); }};var mySingleton = function () { /* 这里声明私有变量和方法 */ var privateVariable = 'something privat 阅读全文
posted @ 2014-03-17 15:24 曹桦伟 阅读(164) 评论(0) 推荐(0)
js Dom
摘要：1. window对象作为全局对象，也就是说你可以通过window来访问全局对象。属性在对象下面以变量的形式存放，在页面上创建的所有全局对象都会变成window对象的属性。方法在对象下面以函数的形式存放，因为左右的函数都存放在window对象下面，所以他们也可以称为方法。2. DOM为web文档创建带有层级的结果，这些层级是通过node节点组成，这里有几种DOM node类型，最重要的是Element, Text, Document。Element节点在页面里展示的是一个元素，所以如果你有段落元素()，你可以通过这个DOM节点来访问。Text节点在页面里展示的所有文本相关的元素，所以如果你的段 阅读全文
posted @ 2014-03-17 14:59 曹桦伟 阅读(400) 评论(0) 推荐(0)
编写高质量的JS
摘要：myglobal = "hello"; // 不推荐写法console.log(myglobal); // "hello"console.log(window.myglobal); // "hello"console.log(window["myglobal"]); // "hello"console.log(this.myglobal); // "hello"全局变量的问题第三方的JavaScript库广告方的脚本代码第三方用户跟踪和分析脚本代码不同类型的小组件，标志和按钮 阅读全文
posted @ 2014-03-14 15:50 曹桦伟 阅读(227) 评论(0) 推荐(0)
jQuery、prototype、mootools、YUI Extjs 框架比较
摘要：框架涉及对浏览器的支 持、文档、扩展行、性能、编码风格。1.prototype入门级框架，对ie浏览器的版本判断很粗糙，糟糕的文档和扩展性2.jquery 简洁， 内部结构好开源，侧重逻辑 ，对DOM选择强大（其实，JS大多时候是在处理DOM），UI扩展好( Jquery tools和 Jquery UI)。面向对象方面较差，适用于中小型网站，无法承担庞大的网站架构任务。3.mootools 更符合面向对象，易扩展,但做低端不如jquery，做高端不如YUI。4.YUI 适用于门户，sns，大型电子商务和电子政务网站。yui抽象出了比其 他框架更复 杂的层次结构、把模块按照不同的层次划分，并定 阅读全文
posted @ 2014-03-13 15:47 曹桦伟 阅读(661) 评论(0) 推荐(0)
JS高级-原型链
摘要：JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。方式1：var Calculator = function (decimalDigits, tax) { this.decimalDigits = decimalDigits; this.tax = tax; };Calculator.prototype = { add: function (x, y) { return x + y; }, subtrac... 阅读全文
posted @ 2014-03-13 14:38 曹桦伟 阅读(198) 评论(0) 推荐(0)
JS高级-闭包
摘要：一、变量作用域 两种：全局变量和局部变量。注意，函数内部声明变量时，一定要使用var。如果不用的话，你实际上声明了一个全局变量！二、如何从外部读取局部变量？ 链式作用域（chain scope）在函数的内部，再定义一个函数。 function f1(){ n=999; function f2(){ alert(n); } return f2; } var result=f1(); result(); // 999,f2函数，就是闭包。三、闭包的概念 闭包就是能够读取其他函数内部变量的函数。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。官方定... 阅读全文
posted @ 2014-03-13 10:30 曹桦伟 阅读(225) 评论(0) 推荐(0)
11
摘要：URL ); preg_match_all( "//i", $sList, $list ); $list = $list[0]; if(!$list || !is_array($list)){ return $this->getSourceListExtend($sList); }else{ return $this->getList ( $list ); } } function getSourceListExtend($sList) { $content=explode("",$sList); for($i=0;$iGetListExte 阅读全文
posted @ 2014-03-12 00:35 曹桦伟 阅读(223) 评论(0) 推荐(0)
笔记
摘要：var test = [ 'raytin', 'superRaytin', 'yesterday_once_more', 'youth_gone', 'lukaka', 'raytin_and_raytin', 'super_child', 'sunday', 'saturday', 'second121212' ]; window.onload = function(){ var document = window.document; 阅读全文
posted @ 2014-03-11 13:15 曹桦伟 阅读(168) 评论(0) 推荐(0)
html优化
摘要：无用css的清除Dust-Me selectorsDust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。支持本地和远程样式文件，包括使用标签、处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的块和内联样式)支持IE条件注释中引入的样式文件；可以检查一个页面，也可以检查整个网站；支持CSS1选择器、大部分CSS2和CSS3选择器；理解通用的CSS hack，比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”；支持Firefox 3.5和Firefox 3.0，事实上得益于 阅读全文
posted @ 2014-03-11 11:06 曹桦伟 阅读(169) 评论(0) 推荐(0)
javascript2 (转自点点)
摘要：/*numbers(1,4,3,2,5); // truenumbers(1,"a",3); // false*/// Create your numbers function herefunction numbers () { if (arguments[0] == null) return false; var tmp = true; for (var i = 0; i < arguments.length - 1; i++) { if (typeof arguments[i] != 'number') { tmp = false; } } ret 阅读全文
posted @ 2014-03-10 18:03 曹桦伟 阅读(169) 评论(0) 推荐(0)
解决ajax跨域问题(转自六只)
摘要：跨域:JQuery的ajax有jsonp可以用来解决跨域的问题。$(document).ready(function(){ var url='http://localhost:8080/WorkGroupManagment/open/getGroupById" +"?id=1&callback=?'; $.ajax({ url:url, dataType:'jsonp', processData: false, type:'get', success:function(d... 阅读全文
posted @ 2014-03-10 17:16 曹桦伟 阅读(142) 评论(0) 推荐(0)
js异步加载的三种解决方案
摘要：(1) defer，只支持IE (2) async： async的定义和用法(是HTML5的属性) ;async 属性规定一旦脚本可用，则会异步执行。 注释：async 属性仅适用于外部脚本（只有在使用 src 属性时）。 注释：有多种执行外部脚本的方法： •如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行） •如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行 •如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本(3) 创建 阅读全文
posted @ 2014-03-10 16:56 曹桦伟 阅读(383) 评论(0) 推荐(0)
innerHTML,outerHTML,innerText,textContent
摘要：“test1 test2 ”test.innerHTML（所有浏览器支持）： “test1 test2 ”test.outerHTML（所有浏览器支持）: 除了包含innerHTML的全部内容外, 还包含对象标签本身。 上例中的text.outerHTML的值也就是test1 test2test.innerText（IE仅支持）: 从起始位置到终止位置的内容, 但它去除Html标签 上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。test.textContent(除了IE都支持): 从起始位置到终止位置的内容, 但它去除Html... 阅读全文
posted @ 2014-03-10 16:41 曹桦伟 阅读(233) 评论(0) 推荐(0)
navigator.userAgent(转)
摘要：使用navigator.userAgent来判断浏览器类型。1、浏览器版本号函数：var br=navigator.userAgent.toLowerCase(); var browserVer=(br.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1];2、js浏览器判断函数function userBrowser(){ var browserName=navigator.userAgent.toLowerCase(); if(/msie/i.test(browserName) && !/opera 阅读全文
posted @ 2014-03-10 16:30 曹桦伟 阅读(540) 评论(0) 推荐(0)
javascript (转自点点)
摘要：1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;reg.test("a1a__a1a__a1a__a1a__");2，截取字符串abcdefg的efgvar str = "abcdefg";if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg);}3，判断一个字符串中出现次数最多的字符，统计这个次数//将 阅读全文
posted @ 2014-03-10 16:28 曹桦伟 阅读(147) 评论(0) 推荐(0)
position定位机制
摘要：值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。"left", "top", "right" , "bottom"fixed生成绝对定位的元素，相对于浏览器窗口进行定位。"left", "top", "right" , "bottom" relative生成相对定位的元素，相对于其正常位置进行定位。"left:20" 会向元素的 LEFT 位置添加 20 像素。stat 阅读全文
posted @ 2014-03-10 14:42 曹桦伟 阅读(170) 评论(0) 推荐(0)
CSS 块级元素和行内元素
摘要：div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；与之相反，像“span”“a”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。内联元素（行内元素）内联元素(inline element) * a - 锚点* abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候需要) * 阅读全文
posted @ 2014-03-10 14:35 曹桦伟 阅读(157) 评论(0) 推荐(0)
<!DOCTYPE>标签的定义与用法
摘要：声明处于标签之前。解析：声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。 - : 表示组织名称未注册。Internet 工程任务组(IETF)和万维网协会(W3C)并非注册的 ISO 组织。 +为默认,表示组织名称已注册。DTD : 指定公开文本类，即所引用的对象类型。 默认为DTD。HTML : 指定公开文本描述，即对所引用的公开文本的唯一描述性名 阅读全文
posted @ 2014-03-10 14:26 曹桦伟 阅读(357) 评论(0) 推荐(0)
浏览器内核及调试工具
摘要：内核：排版引擎Trident：IE内核Gecko：火狐内核 （开放源代码的、以C++编写）WebKit：Safari、Chrome （特点在于源码结构清晰、渲染速度极快。缺点是对网页代码的兼容性不高，导致一些编写不标准的网页无法正常显示）Presto：Opera（动态功能，例如网页或其部分可随着DOM及Script语法的事件而重新排版。） 阅读全文
posted @ 2014-03-10 13:44 曹桦伟 阅读(425) 评论(0) 推荐(0)
浏览器兼容性
摘要：ie6 3pxbug 左列 右列 解决方法: #left { background-color: #E8F5FE; border: 1px solid #A9C9E2; float: left; height: 300px; width: 200px; _margin-right:-3px; } ie6 双边距bug 双边距的条件是当浮动元素的浮动方向和margin的方向一致时才会出现#div1{ width:200px; height:200px; background:#... 阅读全文
posted @ 2014-03-10 13:33 曹桦伟 阅读(159) 评论(0) 推荐(0)
sql 高级教程
摘要：TOP 子句 MySQL 和 Oracle 中的 SQL SELECT TOP 是等价的SQL Server 的语法：SELECT TOP number|percent column_name(s) FROM table_nameMySQL 和 Oracle 中的 SQL SELECT TOP 是等价的MySQL 语法SELECT column_name(s) FROM table_name LIMIT number例子SELECT * FROM Persons LIMIT 5Oracle 语法SELECT column_name(s) FROM table_name WHERE ROWNU. 阅读全文
posted @ 2014-03-10 11:14 曹桦伟 阅读(257) 评论(0) 推荐(0)
基础教程
摘要：SQL 指结构化查询语言在您的网站中使用 SQL要创建发布数据库中数据的网站，您需要以下要素：RDBMS 数据库程序（比如 MS Access, SQL Server, MySQL）服务器端脚本语言（比如 PHP 或 ASP）SQLHTML / CSSRDBMS 指的是关系型数据库管理系统。RDBMS 是 SQL 的基础，同样也是所有现代数据库系统的基础，比如 MS SQL Server, IBM DB2, Oracle, MySQL 以及 Microsoft Access。一定要记住，SQL 对大小写不敏感！SQL 语句后面的分号？某些数据库系统要求在每条 SQL 命令的末端使用分号。在我们 阅读全文
posted @ 2014-03-10 10:22 曹桦伟 阅读(134) 评论(0) 推荐(0)
css hack
摘要：CSS Hack大致有3种表现形式:CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack.CSS Hack主要针对类内部Hack：比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等选择器Hack：比如 IE6能识别*html .class{}，IE7能识别*+html .class{}或者*:first-child+html .class{}。等等HTML头部引用(if IE)Hack：针对所有IE：，针 阅读全文
posted @ 2014-03-03 12:45 曹桦伟 阅读(242) 评论(0) 推荐(0)
XML
摘要：XML extensiable markup language xml为了弥补html的缺点1.标签固定;2、数据和显示绑定在一起 //导致数据不能重用;3.html标签没有等意含义 //导致网络传输问题;4.html浏览器不兼容xml的用处1.程序间通讯的标志(QQ通讯)ajax text xml json;2.可以作为配置文件使用;3.小型数据库xml语法----标签(元素，节点)：1.标签成对出现;2.无内容标签关闭;3.标签区分大小写;4.标签不能使用关键字，或以关键字开头。5.标签由大小写字母，下划线，数字构成，由字母开头;6.标签可以嵌套，但不可以交叉嵌套;7.根元素有且只有一个; 阅读全文
posted @ 2014-03-03 00:37 曹桦伟 阅读(340) 评论(0) 推荐(0)
数据库访问 mysql连接库--查询
摘要：php操作数据库的三种方法1.mysql扩展库 （最早的）;2.mysqli扩展库;3.pdophp 数据类型1.基本数据类型;2.符合数据类型;3.特殊数据类型 null 和资源数据类型mysql扩展库和mysql数据库的区别1.mysql扩展库包含操作mysql数据库的函数（CRUD）2.数据库三层结构:sql指令（来自客户端或者服务器）-->dbms(二次编译成二进制命令)-->操作数据库1.环境搭建1.1.启用mysql扩展库php.ini ---extension =php_mysql.dll可以通过 查看使用了那些扩展库create table users{ // 大写 阅读全文
posted @ 2014-03-02 23:02 曹桦伟 阅读(701) 评论(0) 推荐(0)
Http
摘要：php模块-- 设置--apache/config/loadModule# 注释dll 是 C写的脚本语言：只是完成部分功能，不能独立使用---可与.net比较web服务器：完成url的接收和会发应用服务器：完成代码的实际执行浏览器-->服务器步骤：尝试连接 --http请求--解析主机--解析资源--http回发所有数据传输的底层都是tcp/ip 协议http1.0 短连接(已弃用) http1.1 长连接http 资源分次请求，在逻辑上为资源分数据库存储提供了可能，例如图床的实现。//有利于提高访问速度（淘宝图片分服务器）http中的图片乱码--图片内容httpwatch右上角exp 阅读全文
posted @ 2014-03-02 21:19 曹桦伟 阅读(242) 评论(0) 推荐(0)
错误处理,触发，日志使用，异常机制
摘要：fopen(string $filename,string $mode) 读取资源（文件的操作，数据库的访问）--必须注意通道的打开和关闭。file_exists(string lujing) 检查文件和目录是否存在fclose($p);or die(string info); exit();错误和异常类型error warning notice错误：是未有面向对象之前，出现错误时的处理机制。//8/0异常：有面向对象之后，出现错误时的处理机制。 //人有1000岁错误处理器 ---用于处理系统错误（php定义的错误）E_WARNING E_ERROR E_NOTICE错误触发器 ---用于处 阅读全文
posted @ 2014-03-02 21:16 曹桦伟 阅读(336) 评论(0) 推荐(0)
魔术函数、魔术常量，抽象类、方法
摘要：魔术函数__construct() 构造函数 __descturct() 析构函数魔术常量__LINE__ 输出当前代码所在行 __FILE__ 输出当前文件的物理位置 __DIR__ 输出当前文件的路劲__CLASS__ 输出所在的类 //不在类中不输出 __FUNCTION__ 输出所在函数 //不在类中不输出//抽象类结构abstract class Animal{ public $name; protected $age; abstract public function cry();//抽象方法,不能包含方法体（{...}） public fu... 阅读全文
posted @ 2014-03-02 16:48 曹桦伟 阅读(345) 评论(0) 推荐(0)
面向对象特征
摘要：封装性，继承性，多态性---和.net相同抽象---对应编程中的需求分析封装---实体类和方法类的使用（保证数据和操作安全）1.访问修饰符 public protected private2.方法的默认访问修饰符是public, 变量默认是private。（规范必须指定）注意：php4中的var $a (声明public的方法不推荐)3.php 类中的成员方法之间的调用（一般不会出现吧，类本身是对操作的继承，而不是操作之间的调用）$this->方法名; ---和.net的不同4.魔术方法 ---操作类中私有和保护成员（只做知识点了解,已废弃使用）破坏封装性，统一操作不方便执行效率低pub 阅读全文
posted @ 2014-03-02 16:43 曹桦伟 阅读(156) 评论(0) 推荐(0)
静态变量、方法
摘要：static 变量---所有对象共享一个变量（全局变量区），无需构造---概念上和.net相同所有对象共享一个变量的实质：声明时：堆区存放一个地址，地址指向全局变量区。然后当类对象声明时，只是在堆区中为自身添加该地址。全局变量：声明和调用全局变量----global $global_num=0;（面向对象：注重封装（装入实体类），无全局变量）面向对象的累加问题1.全局变量2.静态变量：和全局变量本质上没有区别，只是只能被类引用，体现了封装性。类中访问方法self::静态变量 或者 类名::静态变量类外访问方法类名::静态变量类内部使用this，类外部使用对象实例访问静态变量都是错误。---和. 阅读全文
posted @ 2014-03-02 16:42 曹桦伟 阅读(189) 评论(0) 推荐(0)
66面向对象小点,构造析构
摘要：html嵌入phpphp嵌入html另外提供#注释1.类内方法引用类内属性--- $this->age，否则会报参数未定义。2.类完成的对象属性方法，尽可能不要加入值。3.一个页面内可以有多个表单，然后通过同名hidden的不同value来区分提交的表单。4.基本的面向对象页面流前台页面view--处理页面process--类页面classview--传入参数，操作。process--接受参数--传入class。（一般只负责数据的中转，和类的调用）class--接受参数，处理。5.js table1.style.display="none";构造:实体类,初始化。构造 阅读全文
posted @ 2014-03-02 16:41 曹桦伟 阅读(150) 评论(0) 推荐(0)
运行开源代码,同一服务器搭建多站点
摘要：运行开源代码discuz下载--解压到htdocs--将upload的文件剪切到discuz文件夹下--修改config.inc.php文件--dbuser--dbpwd--$forumfounders--php.ini 文件short_open_tag=on --url访问--install.php同一服务器搭建多站点解决方案一（通过端口实现）conf 加载虚拟目录模块注销DocumentRoot配置模块内容（添加代码块）配置hosts ip域名表添加端口监听 Listen 端口号测试带端口访问解决方案二（ServerName）conf 虚拟目录块ServerName 域名 阅读全文
posted @ 2014-03-02 16:31 曹桦伟 阅读(154) 评论(0) 推荐(0)
搭建开发环境
摘要：1.搭建开发环境1.1 wamp 1.2 lampphpmyadmin:管理mysql的一个界面环境（web版）2.appserve :套件安装2.1mysql :enter root password:用户密码3.任何软件都涉及字符编码4.套件安装：没有htdocs,查看httpd.conf,DocumentRoot1.自定义搭建开发环境原则：同一文件夹下安装apache .msi安装php5核心软件（用于php的开发）--www.php.net--downloads--current stable 直接解压即可vc6和vc9的区别windows下apache+php 用vc6windows 阅读全文
posted @ 2014-03-02 16:28 曹桦伟 阅读(139) 评论(0) 推荐(0)
配置虚拟主机
摘要：1.配置虚拟主机1.1启用httpd-vhosts.conf(config 的Virtual hosts)1.2配置httpd-vhosts.confDocumentRoot "d:/myblog"DirectoryIndex web应用默认访问页（可设置多个）Alias/web应用名称 映射路径（物理路径） //指定赋予权限的文件位置Options FollowSymLinks#权限配置AllowOverride NoneOrder allow，deny//新允许，再拒绝Allow from allDeny from all1.3 修改hosts 添加ip 域名对应表页面 阅读全文
posted @ 2014-03-02 16:20 曹桦伟 阅读(198) 评论(0) 推荐(0)
apache
摘要：apache安装下载:httpd.apache.org .msl文件安装:server information 1.dns web.com 2.Serer Name localhost/www.web.com 3.联系email setup type--1.典型 2.自定义runtime :主运行环境install wizard complete 1.安装成功；2.测试成功：浏览器url中输入：http://localhost,回应：it works1.apache开源代码 及api文档2.apache的启动和关闭 服务方式的启动、关闭、自动启 apache monitor:界面启动，关闭 命 阅读全文
posted @ 2014-03-02 16:14 曹桦伟 阅读(249) 评论(0) 推荐(0)
php 杂
摘要：1.hypertext 超文本 ：指支持多媒体2.php：嵌入式服务器端脚本语言3.php 5.0 6.04.6.0新功能：支持web2.0 支持unicode 支持xml变成 更好的面向对象 支持soap5.ide : 集成开发环境 zend studio easyecplise6.lamp window开发 (php代码)--------（上传ssh)----------linux 7.程序开发的重要原则：编译环境和运行环境的一致性解决方法：源码上传到运行环境编译并安装8.bs cs区别 ：bs 开发费用低，维护简单，安全性低，客户端受限。bs http cs tcp/ip9.程序的服务器 阅读全文
posted @ 2014-03-02 14:53 曹桦伟 阅读(170) 评论(0) 推荐(0)
html
摘要：table tr td th,th=td+文本粗体table:align width height cellspacing cellpadding bgcolor background border rowspan colspan缺点：1.代码冗余，不灵活，占流量。2.搜索命中低优点：1.稳定性好，用于显示数据div+css的优点：1.样式和数据分离，可用于表现html和xml2.搜索命中高(W3C标准)样式表的引入：伪类选择器link hover visited 页面缓存 对伪类的影响text:非跳转文字颜色 ,link:超链接颜色,alink :正在进行的颜色,vlink:连接过/* 通配 阅读全文
posted @ 2014-03-02 14:18 曹桦伟 阅读(197) 评论(0) 推荐(0)
php教程笔记复习1-ajax
摘要：1.省市联动2.用户名无刷新验证3.股票信息的实时更新4.天气预报5.qq聊天室ajax代理ajax回传的数据格式：字符串，xml，json注意：eval("("+json+")"); eval存在一定的安全缺陷，一般无伤大雅json的数据格式：{ "paramArray":[{"param1":"str1","param2":"str2","param3":"str3"},{"param1":1 阅读全文
posted @ 2014-03-02 14:10 曹桦伟 阅读(252) 评论(0) 推荐(0)
表单:Input 类型,表单元素,表单属性
摘要：HTML5 新的 Input 类型emailurlnumberrangeDate pickers (date, month, week, time, datetime, datetime-local)searchcolor注释：Opera 对新的输入类型的支持最好。不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持，仍然可以显示为常规的文本域。email,urlE-mail: number,rang(滑动条)Points: 属性值描述maxnumber规定允许的最大值minnumber规定允许的最小值stepnumber规定合法的数字间隔（如果 step="3"，则 阅读全文
posted @ 2014-03-02 13:21 曹桦伟 阅读(291) 评论(0) 推荐(0)
Web Workers,服务器发送事件
摘要：web worker 是运行在后台的 JavaScript，不会影响页面的性能。当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。计数: 开始 Worker 停止 Worker该脚本存储于 "demo_workers.js" 文件中：var i=0;function timedCount(){i=i+1;postMessage(i);setTimeout("timedCount()",500);}timedCount();注释：web worker 通常不用于如此简单的脚本，而是用于更耗费 CPU 资源的任务。Web Worker 阅读全文
posted @ 2014-03-02 12:51 曹桦伟 阅读(714) 评论(0) 推荐(0)
HTML 5 教程 Geolocation
摘要：function showError(error) { switch(error.code) { case error.PERMISSION_DENIED: x.innerHTML="User denied the request for Geolocation." break; case error.POSITION_UNAVAILABLE: x.innerHTML="Location information is unavailable." break; case error.TIMEOUT: x.innerHT... 阅读全文
posted @ 2014-03-02 01:53 曹桦伟 阅读(327) 评论(0) 推荐(0)
HTML 5 教程 canvas svg
摘要：canvas 元素用于在网页上绘制图形。getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。fillStyle 方法将其染成红色，fillRect 方法规定了形状、位置和尺寸。线条圆形渐变图像HTML5 内联 SVGSVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 阅读全文
posted @ 2014-03-01 23:47 曹桦伟 阅读(345) 评论(0) 推荐(0)
HTML 5 教程
摘要：新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对外部插件的需求（比如 Flash）更优秀的错误处理更多取代脚本的标记HTML5 应该独立于设备开发进程应对公众透明新特性HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search浏览器支持最新版本的 Safari、Chrome、Firefox 以及 Opera 支 阅读全文
posted @ 2014-03-01 23:45 曹桦伟 阅读(276) 评论(0) 推荐(0)
CSS3 多列
摘要：nternet Explorer 10 和 Opera 支持多列属性。Firefox 需要前缀 -moz-。Chrome 和 Safari 需要前缀 -webkit-。注释：Internet Explorer 9 以及更早的版本不支持多列属性。column-count 属性规定元素应该被分隔的列数：column-gap 属性规定列之间的间隔：div{-moz-column-rule:3px outset #ff0000; /* Firefox */-webkit-column-rule:3px outset #ff0000; /* Safari and Chrome */column-rule 阅读全文
posted @ 2014-03-01 21:05 曹桦伟 阅读(205) 评论(0) 推荐(0)
CSS3 过渡 动画
摘要：Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。Safari 需要前缀 -webkit-。注释：Internet Explorer 9 以及更早的版本，不支持 transition 属性。注释：Chrome 25 以及更早的版本，需要前缀 -webkit-。CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。必须规定两项内容：规定您希望把效果添加到哪个 CSS 属性上规定效果的时长实例应用于宽度属性的过渡效果，时长为 2 秒：div{transition: width 2s;-moz-transition: widt 阅读全文
posted @ 2014-03-01 19:33 曹桦伟 阅读(305) 评论(0) 推荐(0)
css3-基础
摘要：CSS3 边框border-radiusbox-shadowborder-imageInternet Explorer 9+ 支持 border-radius 和 box-shadow 属性。Firefox、Chrome 以及 Safari 支持所有新的边框属性。注释：对于 border-image，Safari 5 以及更老的版本需要前缀 -webkit-。Opera 支持 border-radius 和 box-shadow 属性，但是对于 border-image 需要前缀 -o-。CSS3 圆角边框div{border:2px solid;border-radius:25px;-moz 阅读全文
posted @ 2014-03-01 19:11 曹桦伟 阅读(280) 评论(0) 推荐(0)