03 2016 档案

转 nodejs socket.io初探
摘要：1、安装socket.io 2、创建服务端代码server.js 3、创建客户端代码 index.html 4、执行结果 启动服务端： 在浏览器输入 http://localhost:8080/index.html 浏览器打印出： world 命令行打印出：{ my: 'data' } 5、更多资料 阅读全文
posted @ 2016-03-22 09:23 麒麟阁 阅读(1279) 评论(0) 推荐(0)
html5新增的属性和废除的属性
摘要：在HTML 5中，在增加和废除很多元素的同时，也增加和废除了很多属性，本节对于这些增加和废除的属性进行简单介绍[注释]。2.3.1　新增的属性1.表单相关的属性新增的与表单相关的元素如下： 可以对input（type=text）、select、textarea与button元素指定autofocus 阅读全文
posted @ 2016-03-15 14:20 麒麟阁 阅读(819) 评论(0) 推荐(0)
2.2　新增的元素和废除的元素
摘要： 恢复内容开始 本节将详细介绍HTML 5中新增和废除了哪些元素[注释]。[1]其他资料介绍的新增元素可能会比这里要多，这是因为HTML 5在最新发布的版本中又把这些本来想新增的元素删除了。2.2.1　新增的结构元素在HTML 5中，新增以下与结构相关的元素。（1）section元素section 阅读全文
posted @ 2016-03-15 14:14 麒麟阁 阅读(197) 评论(0) 推荐(0)
htnl5与html4的区别
摘要：HTML 5以HTML 4为基础，对HTML 4进行了大量修改。本章从总体上概要介绍HTML 5对HTML 4进行了哪些修改，HTML 5与HTML 4之间比较大的区别是什么地方。【学习内容】掌握HTML 5与HTML 4在基本语法上的区别，这个基本语法区别包括DOCTYPE声明、内容类型（Cont 阅读全文
posted @ 2016-03-14 13:40 麒麟阁 阅读(401) 评论(0) 推荐(0)
转 Web程序优化的最佳实践：JavaScript和CSS篇
摘要：Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了 一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。 Excetional Performance 团队总结出了一系列可以提高网站速 阅读全文
posted @ 2016-03-13 13:35 麒麟阁 阅读(191) 评论(0) 推荐(0)
转 Web程序优化的最佳实践（服务器篇）
摘要：【编者按】来自Yahoo!的Exceptional Performance团队为我们带来了改善Web性能的最佳实践方案。为此，他们为此进行了 一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是提高网站性能。通过各种努力，xcetional Performan 阅读全文
posted @ 2016-03-13 13:34 麒麟阁 阅读(211) 评论(0) 推荐(0)
转 Web程序优化的最佳实践（网站内容篇）
摘要：4、可缓存的 AJAX Ajax 经常被提及的一个好处就是由于其从后台服务器传输信息的异步性而为用户带来 的反馈的即时性。但是，使用 Ajax 并不能保证用户不会在等待异步的 JavaScript 和 XML 响应上花费时间。在很多应用中，用户是否需要等待响应取决于 Ajax 如何来使用。例 如，在 阅读全文
posted @ 2016-03-13 13:32 麒麟阁 阅读(151) 评论(0) 推荐(0)
转 Web程序优化的最佳实践：Cookie、图片及移动应用篇
摘要：【编者按】来自Yahoo!的Exceptional Performance团队为我们带来了改善Web性能的最佳实践方案。为此，他们为此进行了 一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是提高网站性能。通过各种努力，xcetional Performan 阅读全文
posted @ 2016-03-13 13:30 麒麟阁 阅读(218) 评论(0) 推荐(0)
转 web前端图片极限优化策略
摘要：随着web的发展，网站资源的流量也变得越来越大。据统计，60%的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。 一、现有web图片格式 我们先来看下现在常用的web图片的格式： 几种文件格式的特点概述 baseline-jpeg 这种类型的JPEG文件存储 阅读全文
posted @ 2016-03-13 13:27 麒麟阁 阅读(747) 评论(0) 推荐(1)
转 15个网站图片优化的原则
摘要：现在的网站大量的使用图片，那么这些图片如何优化才好呢?这里DavidYin列出了15个优化原则，与大家分享。 1)在网站设计之初，就先要做好规划，比如背景图片如何使用等等，做到心中有数。 2)编辑图片的时候，要做好裁剪，之展示必要的，重要的，同内容相关的部分。 3)在输出图片的时候，图片大小要设置妥 阅读全文
posted @ 2016-03-13 13:22 麒麟阁 阅读(162) 评论(0) 推荐(0)
转 CSS制作水平垂直居中对齐各种方法总结
摘要：作为前端攻城师，在制作Web页面时都有碰到CSS制作水平垂直居中，我想大家都有研究过或者写过，特别的其中的垂直居中，更是让人烦恼。这段时间，我收集了几种不同的方式制作垂直居中方法，但每种方法各有千秋呀，要正确的选择也是一件不容易的事情。我会将这几种方法一一介绍给大家，以供大家参考。或许对于我这样的初 阅读全文
posted @ 2016-03-13 13:15 麒麟阁 阅读(279) 评论(0) 推荐(0)
转 Div+Css控制背景图片水平垂直居中显示 背景铺满全屏
摘要：在Web开发中我们经常要碰到这样的问题：在为一个页面设置背景图片之后往往希望图片能够在分辨率比较大的情况下水平垂直都居中显示。通常水平居中显示在Css中是很容易做到的，而垂直居中就需要使用一些Css的技巧： 1. 首先为了能使得网站能够根据浏览器大小自适应，我们需要将页面的body元素height值 阅读全文
posted @ 2016-03-13 13:12 麒麟阁 阅读(4671) 评论(0) 推荐(0)
转 图片、多行文字的水平垂直居中
摘要：想必写css的都知道如何让单行文字在高度固定的容器内垂直居中，但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢？本文将会告诉你如何实现多行文字的垂直居中显示。关于图片垂直居中显示，想必很多写css的人都研究过，或者说是搜寻过方法。淘宝团队似乎提供了一种不错的方法，用font-size 阅读全文
posted @ 2016-03-13 13:06 麒麟阁 阅读(417) 评论(0) 推荐(0)
CSS教程:div垂直居中的N种方法[转]
摘要：在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才 阅读全文
posted @ 2016-03-13 13:00 麒麟阁 阅读(140) 评论(0) 推荐(0)
转 Web 语义化
摘要：  单词语义化表示了它的意义。 事物的语义化意味着事物。 Web 语义化 = Web的意义。 什么是语义化？其实简单说来就是让机器可以读懂内容。 我们可以很容易理解上面的句子的意义。但这些语句怎么 被计算机理解呢？ 语句由语法规则创建。语言的语法定义了创建语言语句的规则。但是如何让语法变为语义呢？ 阅读全文
posted @ 2016-03-13 12:53 麒麟阁 阅读(169) 评论(0) 推荐(0)
转 Web语义化
摘要：在昨天和做SEO的同学聊了一会儿，当然我没有学会搜索引擎优化的技巧和知识，但在此之前一直对HTML5中header、footer、sidebar、article等标签嗤之以鼻，觉得这个和div没有什么区别，顶多添加个style的事儿，当然自己在写页面的时候也从来没用过h1~h6这几个标签，相信还有很 阅读全文
posted @ 2016-03-13 12:50 麒麟阁 阅读(159) 评论(0) 推荐(0)
转 jquery使用技巧小结
摘要：一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解 阅读全文
posted @ 2016-03-11 21:58 麒麟阁 阅读(144) 评论(0) 推荐(0)
转 JQuery中$.ajax()方法参数详解
摘要：url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置 阅读全文
posted @ 2016-03-11 21:53 麒麟阁 阅读(154) 评论(0) 推荐(0)
Ajax 完整教程 (转)
摘要：Ajax 完整教程第 1 页 Ajax 简介Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成，这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家，他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 — 阅读全文
posted @ 2016-03-11 21:52 麒麟阁 阅读(233) 评论(0) 推荐(0)
AJAX教程
摘要：本教程由我整理于网上。 AJAX简介 AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。 AJAX 是一种在 2005 年由 Google 推广开来的编程模式。 AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。 通过 阅读全文
posted @ 2016-03-11 21:50 麒麟阁 阅读(230) 评论(0) 推荐(0)
转 30个最常用css选择器解析
摘要：你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。 1. * * { margin: 0; padding: 0; } 星状选择 阅读全文
posted @ 2016-03-09 21:58 麒麟阁 阅读(145) 评论(0) 推荐(0)
转 css选择器
摘要：CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面，而不用改变页面的标签。但是尽管事实上，我们每个人也都意识到了它是有用的，CSS 选择器远未发挥它们的潜力，有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。 避 阅读全文
posted @ 2016-03-09 21:46 麒麟阁 阅读(151) 评论(0) 推荐(0)
转：CSS常用属性大全
摘要：一 CSS文字属性：color : #999999;font-family : 宋体,sans-serif;font-size : 9pt;font-style:itelic;font-variant:small-caps;letter-spacing : 1pt;line-height : 200 阅读全文
posted @ 2016-03-09 21:23 麒麟阁 阅读(179) 评论(0) 推荐(0)
转：css属性大全
摘要：CSS 属性大全文字属性「字体族科」（font-family），设定时，需考虑浏览器中有无该字体。「字体大小」（font-size），注意度量单位。《绝对大小》|《相对大小》|《长度》|《百分比》(一般设置双数)「字体加粗」（font-weight），除了 normal（正常）、bold（粗体）、b 阅读全文
posted @ 2016-03-09 21:20 麒麟阁 阅读(1070) 评论(0) 推荐(0)
转 css常用属性
摘要：要做个BS的网站项目，恶补一下CSS。 CSS常用属性： 字体属性：(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 font-style: oblique;(偏斜体) italic;(斜体) nor 阅读全文
posted @ 2016-03-09 21:18 麒麟阁 阅读(160) 评论(0) 推荐(0)
转：我所认识的JavaScript正则表达式
摘要：如果说这是一篇关于正则表达式的小结，我更愿意把它当做一个手册。 RegExp 三大方法 本文的RegExp采用直接量语法表示：/pattern/attributes。attributes有三个选择，i、m和g，m（多行匹配）不常用直接省略，所以一个pattern（匹配模式）可以表示如下： var p 阅读全文
posted @ 2016-03-06 21:42 麒麟阁 阅读(204) 评论(0) 推荐(0)
JavaScript之处理异常
摘要：一个程序通常有3种类型的异常，分别为“语法异常”、“运行时的异常”和“逻辑异常”，其中“语法异常”通常是在程序员输入一些编译器无法识别的代码后发生的；“运行时的异常”通常是在运行时碰到一个错误时发生的，它与“语法异常”的区别在于它不一定是JavaScript语言的错误引发的异常；“逻辑异常”往往发生 阅读全文
posted @ 2016-03-06 21:40 麒麟阁 阅读(255) 评论(0) 推荐(0)
转：正则总结：JavaScript中的正则表达式
摘要：定义 在javascript我们可以通过内建的类来定义一个正则表达式。 1 var reName = new RegExp("nowamagic"); 实际上RegExp类的构造函数可以接受两个参数，除了本身需要匹配的模式字符串外，还可以定义指定额外处理方式的第二个参数。 1 var reName 阅读全文
posted @ 2016-03-06 21:20 麒麟阁 阅读(244) 评论(0) 推荐(0)
转：精通 JavaScript中的正则表达式
摘要：正则表达式可以: •测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。 阅读全文
posted @ 2016-03-06 21:18 麒麟阁 阅读(183) 评论(0) 推荐(0)
转：JavaScript 正则表达式上——基本语法
摘要：定义 JavaScript种正则表达式有两种定义方式，定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%>','g'); 2. 字面量 var reg=/<%[^%>]%>/g; g： global，全文搜索，默认搜索到第一个结果接 阅读全文
posted @ 2016-03-06 21:16 麒麟阁 阅读(212) 评论(0) 推荐(0)
JavaScript：Boolean对象
摘要：在JavaScript中经常会使用Boolean值作为条件对结果进行检测，Boolean值可以从Boolean对象中获得相关的属性和方法，也可以通过Boolean对象的相关方法将Boolean值转换成字符串。 1．创建Boolean对象 Boolean对象是JavaScript的一种基本数据类型，是 阅读全文
posted @ 2016-03-06 21:02 麒麟阁 阅读(1441) 评论(0) 推荐(0)
JavaScript:Number对象
摘要：由于JavaScript使用简单数值完成日常数值的计算，因此，Number对象很少被使用，当需要访问某些常量值时，如数字的最大或最小可能值、正无穷大或负无穷大时，该对象显得非常有用。 1．创建Number对象 Number对象是原始数值的包装对象，使用该对象可以将数字作为对象直接进行访问。它可以不与 阅读全文
posted @ 2016-03-06 20:56 麒麟阁 阅读(885) 评论(0) 推荐(0)
JavaScript Math 对象
摘要：本文由我从网上整理而来、、、 Math 对象用于在 JavaScript 进行常见的数学计算。 与 String、Date 对象不同的是，Math 对象并不是对象的类，没有构造函数 Math()，因此无需创建 Math 对象而可以直接使用 Math 对象。同样的，Math 对象内的方法也是静态方法， 阅读全文
posted @ 2016-03-06 20:37 麒麟阁 阅读(319) 评论(0) 推荐(0)
转 ：js用FileSystemObject 对象实现文件控制
摘要：js用FileSystemObject 对象实现文件控制 一、功能实现核心：FileSystemObject 对象 其实，要在Javascript中实现文件操作功能，主要就是依靠FileSystemobject对象。在详细介绍FileSystemobject对象的各个属性和方法的使用细节前，先来看看 阅读全文
posted @ 2016-03-06 13:16 麒麟阁 阅读(744) 评论(0) 推荐(0)
JavaScript：event对象
摘要：以下内容是我从网上整理而来的，供大家共同学习，错误之处还望指出： event 对象是 JavaScript 中一个非常重要的对象，用来表示当前事件。event 对象的属性和方法包含了当前事件的状态。当前事件，是指正在发生的事件；状态，是与事件有关的性质，如 引发事件的DOM元素、鼠标的状态、按下的键 阅读全文
posted @ 2016-03-04 16:53 麒麟阁 阅读(356) 评论(0) 推荐(0)
JavaScript：Date对象
摘要：Date 对象 Date 对象用于处理日期与实际。 创建 Date 对象： new Date(). 以上四种方法同样可以创建 Date 对象： var d = new Date();var d = new Date(milliseconds);var d = new Date(dateString) 阅读全文
posted @ 2016-03-04 16:21 麒麟阁 阅读(448) 评论(0) 推荐(0)
JavaScript：String对象
摘要：String 对象 String 对象用于处理文本（字符串）。 String 对象创建方法： new String(). 语法 var txt = new String("string"); 或者更简单方式： var txt = "string"; 了解 String 对象教程，请查看 JavaSc 阅读全文
posted @ 2016-03-04 15:56 麒麟阁 阅读(219) 评论(0) 推荐(0)
JavaScript：Object对象
摘要：Object对象提供了对象的最基本功能，这些功能构成了所有其他对象的基础。Object对象提供了创建自定义对象的简单方式，不需要再定义构造函数。可以在程序运行时为JavaScript对象随意添加属性，因此使用Object对象能很容易地创建自定义对象。 1．创建Object对象 语法： obj = n 阅读全文
posted @ 2016-03-04 12:35 麒麟阁 阅读(191) 评论(0) 推荐(0)
转 javascript 内置对象及常见API
摘要：Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对encodeURI()转义的字符串解码。 decodeURIComponent() 对encodeURIComponent()转义的字符串解码 阅读全文
posted @ 2016-03-04 11:59 麒麟阁 阅读(266) 评论(0) 推荐(0)