vue-cli 是 vuejs 官方提供的基于 vuejs 的项目脚手架工具, 可以很快的帮助 vuejs 开发者搭建一个 startup 项目, 免去环境配置的繁琐, 开箱即用. 今天就来看下 vue-cli 的实现. vue-cli 的版本是 2.8.2vue-initvue init 是基于第三方模板生成项目的命令. 先看下其整体流程:首先, vue cli 获取到输入的参数:# vue

在浅说Flux开发中，简单介绍了Flux及其开发方式。Flux可以说是一个框架，其有本身的 Dispatcher 接口供开发者；也可以说是一种数据流单向控制的架构设计，围绕单向数据流的核心，其定义了一套行为规范，如下图：Redux的设计就继承了Flux的架构，并将其完善，提供了多个API供开发者调用。借着react-redux，可以很好的与React结合，开发组件化程度极高的现代Web应用。本文是笔

http://www.ido321.com/1674.html

先看看下面的程序：var sum = 0;for(var i = 0; i < 10; i++) { sum += 0.1;}console.log(sum);上面的程序会输出1吗？在 你有必要知道的 25 个 JavaScript 面试题 一文中，第 8 个题浅显的说了下 js 为什么不能正确处理小数运算的问题。今天重拾旧题，更深层次的剖析下这个问题。但要先说明的是，不能正确处理小数的运算

浅说Flux开发前段时间，写了篇关于React的文件：React：组件的生命周期，比较详细的说了下React组件的生命周期。说道 React，很容易可以联想到 Flux。今天以 React 介绍及实践教程 一文中的demo为示例，简单说说 Flux 的开发方式。Flux是什么Flux 是 Facebook 用户建立客户端 Web 应用的前端架构， 它通过利用一个单向的数据流补充了 React 的组合

最近阅读了《精通CSS: 高级Web标准解决方案》，书的内容不错，初学者可以用来入门，有经验的人也可以用来查漏补缺，上面对于浏览器兼容和常见bug的解决方案值得参考。选择器的层叠和特殊性对于同一个元素，可能会有多个规则，为了解决规则之间的冲突，CSS 会利用 层叠 给每个规则分配一个重要度：1、标有 !important 的用户样式 2、标有 !important 的作者样式 3、作者样式 4

1、使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端？如何避免这种弊端？使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof)：let obj = {};let arr = [];console.log(typeof obj === 'object'); //trueconsole.log(typeof arr ===

什么是HexoHexo 是一个简单地、轻量地、基于Node的一个静态博客框架，可以方便的生成静态网页托管在github和Heroku上，引用Hexo作者 @tommy351 的话： 快速、简单且功能强大的 Node.js 博客框架。 A fast, simple & powerful blog framework, powered by Node.js.GitHub Pages是什么？G

在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。实例化当组件在客户端被实例化，第一次被创建时，以下方法依次被调用：1、getDefaultProps 2、getInitialState 3、componentWillMo

React自发布以来吸引了越来越多的开发者，React开发和模块管理的主流工具webpack也被大家所熟知。那么webpack有哪些优势，可以成为最主流的React开发工具呢？webpack是什么CommonJS和AMD是用于JavaScript模块管理的两大规范，前者定义的是模块的同步加载，主要用于NodeJS；而后者则是异步加载，通过requirejs等工具适用于前端。随着npm成为主流的Jav

Read Online: Front-end Developer Handbook

当需要呈现数百个表的数据时，展示和可访问性扮演着至关重要的角色。在这种情况下，倘若一个数据网格能够支持大量数据集的HTML Table并提供诸如排序、搜索、过滤和分页等功能，那是棒棒哒。在这篇文章中，将介绍8个用于创建优雅表格的js工具。SigmaGridSigmaGrid是一个开源的Ajax数据表格组件，可以在一个可滚动和可排序的表格中展示和编辑数据。了解更多，戳此：learn more Ing

虽然Linux发行版支持各种各样的饿GUI（graphical user interfaces），但在某些情况下，Linux的命令行接口(bash)仍然是简单快速的。Bash和 Linux Shell 需要输入命令来完成任务，因而被称为 命令行 接口。命令是计算机执行任务的指令。可以使用命令去关闭计算机，或者列出当前目录的文件列表，或当前文本的内容，或者屏幕显示一条消息。如果你是一个新手，并尝试使

快速的页面加载对提升搜索引擎排名、网站转化率和整体的用户体验是非常重要的。网站页面的加载速度也是衡量网站性能的一个重要因素。如果网站不是以最好的性能在运行，迟缓的加载会让你在低的排名和搜索流量上花费更大的代价。页面的加载速度会对用户的行为和转化率产生很大的影响。那么？有哪些简单的方式可以优化加载速度呢？1、图片优化首先，你需要优化你网站上的图片，来获得丝毫加速网站的机会。从原图上移除额外的注解、不必

箭头函数箭头函数使用=>语法来简化函数，在语句结构上和C#、Java 8 和 CoffeeScript类似，支持表达式和函数体。。=>`操作符左边为输入的参数，而右边则是进行的操作以及返回的值。var sum = (num1, num2) => num1 + num2;// 等同于var sum = function(num1, num2) { return num1 + num2;}

at-rule是一个声明，为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字，这个关键字充当一个标识符，用于表示CSS该做什么。这是一个通用的语法，尽管每个at-rule有其它语法变体。常规规则常规规则遵循下面的语法：@[KEYWORD] (RULE);@charset 这个规则定义了浏览器使用的字符集，如果样式表包含非ASCII characters (e.g:UTF-8

我的一个学生，Heather Banks,想要实现他在Squarespace看到的一个效果： 根据她的以往经验，这个网站的HTML和CSS是完全在她的能力范围以内，于是我帮助她完成了这个效果。显示nav被裁减的效果是一个不简单的任务，我看到图片的第一反应是创建一个相匹配的背景被部分裁剪的图像，然后把它设置为一个after元素。问题是，至少要解决响应式问题，并且响应式并不完全可控的。了解CSS属

前两天，一朋友给我发了一段JavaScript代码： function f1(){　　　　var n=999;　　　　nAdd=function(){　　　　 n+=1　　　　};　　　　function f2(){　　　　　　alert(n);　　　　}　　　　return f2;　　}　　var result1=f1(); var result2=f1();

2014年1月，我写了一篇文章：The Current Generation of CSS3 Selectors，这篇文章的目的是介绍一些CSS3中新增的选择器。文中的选择器已经有了很多文档，并且也被大多数浏览器支持（包括IE9+）。由于Selectors Level 4 specification 目前已是工作草案状态，并且Editor’s Draft of the same spec也在进行中(

美团的面试已经结束了将近半个月了，前后的三轮面试也经过了10天左右（人在广州，都是电话面试），结果也还是好的，顺利拿到了美团的暑期实习。本来不打算写什么面试总结，为什么？看下图： 按照0.01%的有效率转化，算了一下，大概也有174篇面试总结够看了。虽然说没有看过这么多，但前前后后也看过50篇上下的面试总结了，看到有点呕吐的感觉了。但是昨晚突然想到对于每一轮面试，都做了一些笔记，为了不浪费这些笔记

构造函数和原型对象构造函数也是函数，用new创建对象时调用的函数，与普通函数的一个区别是，其首字母应该大写。但如果将构造函数当作普通函数调用（缺少new关键字），则应该注意this指向的问题。var name = "Pomy";function Per(){ console.log("Hello "+this.name);}var per1 = new Per(); //"Hello

数据类型在JavaScript中，数据类型分为两类：原始类型：保存一些简单数据，如true，5等。JavaScript共有5中原始类型： boolean：布尔，值为true或falsenumber：数字，值为任何整型会浮点数值string：字符串，值为由单引号或双引号括出的单个字符或连续字符（JavaScript不区分字符类型）null：空类型，其仅有一个值：nulllundefined

CSS中的变量给了我们诸多优点：方便、代码重用、更可靠的代码库和提升防错能力。示例:root { --base-font-size: 16px; --link-color: #6495ed;}p { font-size: var( --base-font-size );}a { font-size: var( --base-font-size ); color: var( -

现在我们开发了很多依赖于Ajax请求的应用，在某些情况下，甚至全部页面都依赖Ajax。有时我们会注意到，当一个网页发送两个或者更多Ajax请求时，PHP的反应时间会很长并会同时返回响应内容。这个问题很可能是你处理PHP会话的方式造成的，跟着本文去理解这个问题，并做一些处理来避免这个问题。内容什么是PHP会话？什么是Ajax？具体问题造成的原因问题的解决方法总结什么是PHP会话？为了理解这个问题，有必

枚举不要这么做：i = 0 for item in iterable: print i, item i += 1而是这样：for i, item in enumerate(iterable): print i, itemEnumerate可以接受第二个参数，例如：>>> list(enumerate('abc')) [(0, 'a'), (1, 'b'), (2, '

媒体查询允许网站根据智能手机和平板的方向来调整布局。但有时候你希网站锁定到一个特定的方向，横屏或竖屏，此时，原生应用的格式是可以被指定的。APP只在预设格式下显示—独立于实际的设备方向。通过使用HTML5的 Screen Orientation API, 可以在JavaScript定义屏幕方向。 为一个文档定义屏幕方向通过screen.orientation属性的lock()方法可以调整屏幕方向，

JavaScript不仅门槛低，而且是一门有趣、功能强大和非常重要的语言。各行各业的人发现自己最混乱的选择是JavaSscript编程语言。由于有着各种各样的背景，所以不是每个人都对JavaScript及其基本原理有广泛的认识。通常来书，除非你去参加工作面试才会去思考为什么或者怎么做，否则JavaScript只是你工作的内容。这个系类的目标是深入探讨JavaScript的一些概念和理论。主题来自于

在JavaScript中，创建数组可以使用Array构造函数，或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然而，[] instanceof Array也返回true。也就是说，类数组对象的实现更复杂，例如strings对象、arguments对象，arguments对象不是Array的实例

:target是什么？MDN是这样描述的：:target The :target pseudo-class represents the unique element, if any, with >an id matching the fragment identifier of the URI of the document.在document中，可以设置锚链接，举个粟子：<a href="

1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);

移动技术并没有渐退的迹象，反而对于个人和企业去建立门户网站，必须考虑移动用户已经变成了趋势。对于那些在不同设备上看起来很酷、功能十分有效的正在发展中的网站，响应式设计仍保持实践性。作为一个Web设计师，也会尝试用各种各样的网页设计技术。如果响应式设计趋势让你印象深刻，并且也打算用响应式设计深入研究网站创新，那么你已经来到了初学者的门口。这里，已经包含了10个关于设计一个完美的响应式网站的很酷的建议。

CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够实现页面中的内容插入。插入纯文字content:”插入的文章”，或者content:none不插入内容 html:

这是h1

这是h2

cssh1::after{ content:"h1

Box-sizing尽管box-sizing在CSS3中才被引入，其有一个值是border-box，让元素的高和宽包含了填充和边框。.div { width: 150px; height: 100px; border: 1px solid #ccc; box-sizing: border-box;}Chrome 31+, IE8+, Firefox 31+,

在APP应用上，常见的一种导航方式是侧滑导航，效果类似于这样： 用CSS3可以对其进行模拟，代码如下： HTML：

交换变量x = 6y = 5x, y = y, xprint x>>> 5print y>>> 6if 语句在行内print "Hello" if True else "World">>> Hello连接下面的最后一种方式在绑定两个不同类型的对象时显得很酷。nfc = ["Packers", "49ers"]afc = ["Ravens", "Patriots"]print nfc

PHP是为Web开发设计的服务器脚本语言，但也是一种通用的编程语言。超过2.4亿个索引域使用PHP，包括很多重要的网站，例如Facebook、Digg和WordPress。和其它脚本语言相比，例如Python和Ruby，Web开发者有很多不错的理由皮偏爱PHP。 对于PHP开发者，在互联网上有很多可用的开发工具，但是找到一个合适的PHP开发工具是很难的，需要花费很多努力和时间。今天，就为开发者介绍

众所周知，CSS是非常棒的，它使网站看起来很漂亮，可以为网站添加动画，并让呈现和内容分离。去了解CSS的一切是非常难做到的，它只会变得更加困难,因为我们想让我们的代码跨浏览器兼容。 这里介绍了很多第三方工具，从简化工作流程到生成真正的CSS，这些工具都提供了我们需要的代码，并且比我们自己写出的代码运行的更快。PurePure并不是一个框架。相反，它只是集成一些已经应用到模块中的CSS代码，方便我们

上面是一个效果图，代码在下面： html<html><head> <meta charset="utf-8"/> <title>CSS3 实现的导航</title> <link type="text/css" rel="stylesheet" href="nav.css" /> <base target="_blank" href="http://www.ido3

JavaScript是一种灵活多变的脚本语言，它在全世界被广泛的应用在Web页面和服务器应用中。你可以因为任何目的去使用它，但是你需要一些工具。幸运的是，为了完成独特的任务，无以计数的JavaScript工具已经被开发者发布。这里有45个关于JavaScript的工具，所有这些工具将帮助您创建现代网站与用户所期望的所有特性。它们都提供了精简的设计和简单的接口。。。。AngularJS Google

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

一、Snap.svgSVG是一种创建交互式动画非常棒的方式，独立的分辨率的矢量图形在任何大小的屏幕上看起来效果都很好。Snap.svg库使操作SVG变得更jQuery操作DOM一样简单。 二、Motio一个基于动画和平移的简单但强大的JavaScript库 三、animo.js堆栈动画，可以创建跨浏览器平台的模糊效果，在动画完成可以调用回调函数，创建更魔幻的动画。 四、Move.jsMove.js是一个很小的函数库，能简单而优雅的支持CSS3. 五、favic

可以先看一个demo：http://dwqs.github.io/resume昨天，我写了一些关于Impress.js的东西，对于创建在线的自我展示，这是一个非常不错的JavaScript库。由于是线上发布，所有有部分人问我怎么正确的使用它。因为没有在实际的项目页面设置帮助文档。这一篇文章将帮助你开始创建一个简单的幻灯片，但是之后你一定要完成它，可以用它来做很多酷炫的效果，唯一限制你的就是你的创造力。需求为了看到效果，请使用Google Chrome or Safari (or Firefox

一、js原生发送Ajax请求关于Ajax的简单介绍，可以戳此：DOM笔记（五）：JavaScript的常见事件和Ajax小结<html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>demo</title> </head> <body> <button id="btn">ajax加载</button>

在Web开发者中，Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能，使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能，如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个有助于改进你的开发流程的技巧。一、快速切换文件如果你使用过sublime text，那么你可能不习惯没有Go to anything这个功能的覆盖。你会很高兴听到chrome开发者功能也有这个功能，当DevTools被打开的时候，按Ctrl+

排序算法的JavaScript实现

效果演示：https://jsfiddle.net/dwqs/b5ywws9f/embedded/result/html:css#boxmove{ position: absolute; width: 200px; border:1px solid #ccc;

一、微博登陆第三方0、去开发平台完成开发者认证：http://open.weibo.com/developers/basicinfo 创建一个示例应用，获取APPKey1、登陆有两种方式：js+html和WBML部署。以js+html为例，申请到APPKey之后，引入js,要替换掉appkey参数<script src=http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=3343891779 type="text/javascript" ch

在详解js闭包这篇文章中，最后留了一个问题，代码在下：<script type="text/javascript"> var name = "trigkit4"; 　　var segmentFault = { 　　　　name : "My SF", 　　　　getNameFunc : function(){ 　　　　　　return function(){ 　　　　　　　　return this.name; 　　　　　};

sass-logoSASS是Syntactically Awesome Stylesheete 的缩写，它是css的一个开发工具，提供了很多便利和简单的语法，让css看起来更像是一门语言，这种特性也被称为“css预编译”。它的主要设计思想是让我们可以按照编程的思路编写自己的样式，然后通过“编译器”生成我们所需要的css文件。sass并不是css的替代品，它只是让css变得更加高效、可维护，也不必去修改编译后的css文件。一、安装sasssass是基于ruby的产物，因此在安装sass前需要先安装r

fullPage.js和fullPage都能实现全屏滚动，二者区别是：fullPage.js需依赖于JQuery库，而fullPage不需要依赖任何一个js库，可以单独使用。一、fullPage.js实现全屏 fullPage.js是开源的JQuery插件库，其Github地址：https://github.com/alvarotrigo/fullPage.js 1、基本演示 1.1 引入文件<link rel="styl

linuxLinux一般将文件可存取访问的身份分为3个类别：owner、group、others，且3种身份各有read、write、execute等权限。一、用户和用户组 1、文件所有者 由于Linux是多用户、多任务的操作系统，因此可能常常有多人同时在某台主机上工作，但每个人均可在主机上设置文件的权限，让其成为个人的“私密文件”，即个人所有者。因为设置了适当的文件权限，除本人（文件所有者）之外的用户无法查看文件内容。 例如某个MM给你发了一封Email情书，你

原文：6 Python Performance Tips译文：6个Python性能优化技巧译者：dwqsPython是一门非常酷的语言，因为很少的Python代码可以在短时间内做很多事情，并且，Python很容易就能支持多任务和多重处理。Python的批评者声称Python性能低效、执行缓慢，但实际上并非如此：尝试以下6个小技巧，可以加快Pytho应用程序。py 1、关键代码可以依赖于扩展包Python使许多编程任务变得简单，但是对于很关键的任务并不总是提供最好的性能。使

0Markdown 是一种轻量级标记语言，目标是实现「易读易写」。在CSDN极客头条、Segmentfault和coding.net上均支持Markdown语法。一、标题 如

~

一样，Markdown支持六级标题，只需在文本前添加## 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题二 、引用 Markdown 标记区块引用只需要在整个段落的第一行最前面加上 > ：> 这是markdown语法的引用

一、PDO简介 PDO是PHP Data Object的简称，用于定义数据库访问的抽象层，统一各种数据库的访问接口。PDO有如下特性： 编码一致性：PDO支持多种数据库扩展，并为其提供统一的访问接口 灵活性：PDO提供了统一的SQL操作方法和属性 高效性：PDO是用C编写、PHP编译的 面向对象：PDO完全采纳面向对象的思想 PDO支持的数据库：pdo支持的数据库 但是，需要注意的是，PDO只是提供了一组数据库访问接口，利用PDO本身不能操作任何数据库

对于Canvas绘图，可以使用toDataURL()方法保存绘出的图像，然后在提供给object元素二次使用。

Canvas绘图

<canvas id="mycanvas" width="300" height="150"></canvas>

还原绘图

<object type="image/png" id="myimage"></object>js处理<script type="text/javascript"> var canvas = document.g

console.log('[] == []是：'+([] == [])); //falseconsole.log('[] === []是：'+([] === [])); //falseconsole.log('{} == {}是：'+({} == {})); //falseconsole.log('{} === {}是：'+({} === {})); //false //trueconsole.log( '[] == !{}是：'+([] == !{} )); /*!{}是个

原文：45 Useful JavaScript Tips, Tricks and Best Practices译文：45个有用的JavaScript技巧，窍门和最佳实践译者：dwqs在这篇文章中，我将分享一些JavaScript常用的技巧，窍门和最佳实践。不管JavaScript开发者是使用在浏览器/引擎上或者服务器端（SSJS——Service Side JavaScript）JavaScript解释器上，这些他们都是应该知晓的。需要注意的是，文章中的代码片段均是在最新的Google Ch

0、JavaScript的简单数据类型包括数字、字符创、布尔值（true/false）、null和undefined值，其它值都是对象。1、JavaScript只有一个数字类型，它在内部被表示为64位的浮点数。没有分离出整数，所以1和1.0的值相同。2、NaN是一个数值，表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它本身。可以用函数isNaN(number)检测NaN,但是建议用isFinite()来检测某值是否是数字。 typeof NaN === ‘number’

先po一张面试地点的图投简历到网易是很久之前的事了，在某一段时间内，一直关注投递反馈，一直没信息，原以为没戏了。但是惊喜总在意料之外降临的。收到面试通知后，还是认认真真的对待，虽然我对面试结果没有什么期望，但是，面试过程我还是很享受的。毕竟，以后又可以跟人家吹水了：我XXXX去面试过网易哦。一、面试前的准备 1、简历 充分汲取上次的教训，提前两天开始准备简历。上次准备太仓促，结果到最后拿了黑白版的简历就去面试了，排版也是乱七八糟的，打印出来我都不忍直视了，但是没有时间去准

一、检测 用于用户代理检测，检测范围包括浏览器引擎、平台、Windows、移动设备和游戏系统等/**用户代理检测脚本，检测范围包括浏览器引擎、平台、Windows、移动设备和游戏系统*/var client = function(){ //呈现引擎 var engine = { ie:0, //ie gecko:0, //火狐 webkit:0, //chrome和safari k

原文：Responsive Design in 3 Steps译文：响应式设计的三个步骤译者：dwqs现在，响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉，可以看看我之前发表过的关于这方面的responsive sites。对于新人，responsive design可能听起来有点复杂，但实际上，它比你想的要简单的多。为了帮助你快速入门响应式Web设计，我写了一篇快速入门教程。我保证你通过三步就可以学会响应式设计的基本逻辑和媒体查询(media query)(假设你有基本的CSS知

原文：CSS: Responsive Navigation Menu 译文：CSS：响应式导航菜单 译者：dwqs写在之前，关于如何制作响应式的下拉菜单：响应式下的下拉菜单之前，我写了一篇关于怎么制作响应式的移动导航的教程。现在，我发现了一个新技巧，不用使用JavaScript就能实现响应式菜单，而是使用HTML 5清晰的语义标记。 这个菜单能居左、居中和居右对齐，不像之前文章提到的菜单需要靠点击在显示和隐藏之间进行切换。它也有一个标记显示激活/当前菜单项，并且它能作用在所有移动平

在Java、C++、C#等OO语言中，都支持两种继承方式：接口继承和实现继承。接口继承制继承方法签名，实现继承则继承实际的方法和属性。在SCMAScript中，由于函数没有签名，所以无法实现接口继承，只支持实现继承。实现继承主要依靠原型链来实现。一、原型链原型链是利用原型让一个引用类型继承另一个引用类型的方法，在DOM笔记（十二）：又谈原型对象中，描述了构造函数、实例和原型之间的关系：每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而每个实例都包含一个指向原型对象的内部指针

因为之前谢过一篇关于原型对象的笔记：浅谈JavaScript中的原型模式。现在我又重新看到这个话题，对原型有了进一步的理解，所以，又要谈谈原型对象。一、理解原型对象创建的每一个函数都有一个prototype属性，它指向这个函数的原型对象。利用原型模式创建的方法和属性是被所有实例所共享的。function Person(){}Person.prototype.name="dwqs";Person.prototype.age=20;Person.prototype.sayName=functi

一、什么是对象？面向对象（Object-Oriented，OO）的语言有一个标志，那就是都有类的概念，例如C++、Java等；但是ECMAScript没有类的概念。ECMAScript-262把对象定义为：无序属性的集合，其属性可以包含基本值、对象或者函数。通俗一点的理解就是，ECMAScript中的对象就是一组数据和功能的集合，通过new操作符后跟要创建的对象类型的名称来创建。每个对象都基于一个引用类型创建。引用可以是原生类型（相关介绍：引用类型），或者开发人员自定义的类型。二、Object对象

原文：How to make your code self-documenting?译文：怎么让代码自我文档化？译者：dwqs在代码中找到一个放错地方并且没有用的注释是不是很有趣呢？怎么样才能做到写很少的注释但仍能让代码易于理解呢？一个主要的方式就是让代码自我文档化。当代码自我文档化的时候，就不需要注释去它的作用或者目的，并且也能使代码变得非常容易维护。在这篇文章中，我将提供一些让你的代码自我文档化的方式。下面就是三种使得代码自文档化的基本方法： 命名：利用名字来解释变量、

一、RegExpECMAScript通过RegExp类型类支持正则表达式，语法和Perl类似：var exp = /pattern/flags;patternb部分是任何简单的或复杂的正则表达式；flags是每个正则表达式所带的一个或者多个标志。正则表达式的模式匹配支持三个标志：g：全局模式，即模式应用于整个字符串，而非在发现第一个匹配项时立即停止i：不区分大小写模式m：多行模式，即到达一行文本末尾是还会继续茶查找下一行中是否存在与模式匹配的项。1、创建正则表达式Java

我之前分享过一篇文章：给coder的十个读书建议。我不知道为什么要写这个？但肯定不是为了告诉我的读者怎么去学习，因为我还没这个资格。只是单纯的将遇到的现象和自己的想法记录下来，所以不喜勿碰。前段时间，我想到了一个项目。然后我就去问了我认为在技术方面比较不错的人（当然比较范围是在学院）。我想知道他对社区的了解有多少。当我问他知道哪些社区的时候，得到的回答思CSDN，然后就没有了。我又问他知不知道一些个人的技术博客，他说只是偶尔去CSDN上随便看一下别人的博客。满心欢喜的提问，换来了这样的回答，着实

一、Array 1 、创建数组的方式//Array构造函数(可以去掉new)var colors0 = new Array();var colors1 = new Array(20);var colors3 = new Array("red","blue","green");//数组字面量var colors4 = ["red","blue","green"];var colors5 = []; 可以根据元素的索引对数组元素进行访问，在数组末尾增加(或者删除)元素可以用colo

原文：Convert a Menu to a Dropdown for Small Screens译文：转换菜单为下拉式来适应小屏幕译者：dwqsFive Simple Steps （ps：称FSS）网站有一个优雅的响应式设计的特点，当浏览器窗口的变小时，右上角的菜单从规则的一行转换成一个下拉菜单。（PS：原文写于2011年，FSS网站的设计已经改变，具体可以参考原文的截图。） HTML两种菜单的HTML代码是不同的，因为到目前为止，你不能把<select>和<option>的样式设

一、执行环境 在有关于JavaScript对象或者this的指向问题时，脱离不了的另外一个概念就是执行环境，即上下文环境。执行环境在JavaScript是一个很重要的概念，因为它定义了变量或函数有权访问的其它数据，决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象，在该环境中定义的所有变量和函数都保存在这个对象中。 全局环境时最外围的一个执行环境。在Web浏览器中，全局环境被认为是Window对象（后续笔记中会讨论），因此所有的全局变量和函数都是作为window对象的属性或者方法创建的

一、布尔代数和搜索引擎搜索引擎是每天都在使用的一种工具，它是一门非常复杂的技术，实现一个搜索引擎并非易事。但是，技术是分为术和道两种的，具体的做事方法是术，做事的原理和原则是道。不谈搜索引擎的术，但可以说说它的道。搜索引擎的原理相对于它在技术上的实现，就非常简单了。建立一个搜索引擎大致需要做这几件事：自动下载尽可能多的网页；建立快速有效的索引；根据相关性对网页进行公平准确的排序。1、布尔代数布尔代数起源于二进制。中国的阴阳学说是二进制的雏形，而二进制作为一个计数系统，是在公元前2-5世纪

在上一篇笔记本中，讲解了如何利用jQuery扩展全局函数和对象：DOM笔记（六）：怎么进行JQuery扩展？在这篇笔记本中，将开发一个简单的动画插件，名称是example-plugin，用其实现一个简单的功能：光标移动到目标标签，标签移动，改变背景色；光标离开时，标签恢复原来的样式。因为是jQuery对象的扩展，采用jQuery.fn.extend()进行扩展，插件名是dwqs,并且使用闭包：/**示例插件功能：*光标移动到目标标签，标签移动，改变背景色；光标离开时，标签恢复原来的样式*/

一、全局函数的扩展全局函数是将独立的函数添加到JQuery的命名空间中区。在使用的时候，可以通过$.fucnName(param)或者jQuery.funcName(param)方式进行调用。1、直接在JQuery上添加：在jQuery上添加一个全局函数sayHellojQuery.sayHello=function(name){alert(name+"您好");}; 调用方式:jQuery.sayHello("张子涵"); //或者用$.sayHello("张子涵");

一、常见事件类型 1、鼠标事件事件名称 说明onclick 鼠标单击时触发ondbclick 鼠标双击时触发onmousedown 鼠标左键按下时触发onmouseup 鼠标释放时触发onmouseover 鼠标的光标移动到某对象上时触发onmousemove 鼠标移动时触发onmouseout 鼠标光标离开某对象时触发ps:当单击一次鼠标左键的时候，将同时触发onclick、onmousedown、onmouseup三个事件，事件处理程序执行的先后顺序为：onmousedo

HTML 5 DOM定义了一下集合、列表等复杂的数据类型用于实现便捷的操作。相对于HTML 4 DOM，HTML 5 DOM增加了HTMLCollection、DOMTokenList、DOMStringMap、HTMLAllCollection、HTMLFormControlsCollection等。一、HTMLCollection、HTMLAllCollection和HTMLFormControlsCollection 三个接口均用于表示一组元素组成的列表。HTMLAllCollecti

一、Element接口 Element接口表示一个元素，该接口扩展自Node接口，自然继承了Node接口的属性和方法，也有一套针对元素的属性和方法。 Element接口常见的属性比较少，常用的就是一个只读的tagName属性，该属性返回元素名，数据类型是DOMString。 Element接口定义的方法也主要是针对属性操作，常见方法如下：方法名 数据类型 说明getAttribute DOMString 返回对应属性getAttributeNode Attr 返回对

所有的节点都使用Node接口来表示，可以使用很多方法去获取节点，如document.getElementsByTagName()、document.getElementsByName()等均返回一个NodeList对象，然后获取其中的节点。 节点对应的属性和放大均在Node接口予以定义： 1、Node接口常见的属性列表属性名 数据类型 说明nodeName DOMString 返回节点名nodeValue DOMString 返回节点值nodeType int 返回节点类型

操作HTML文档的第一步就是获取对文档元素的引用，每一个元素在DOM中就是一个节点，所有的元素在DOM中构成一个节点树。用于获取元素节点定义的方法定义于HTMLDocument接口，window.document方法用于实现该接口，其定义的常用方法和属性如下： 属性或方法 返回值类型 说明[getter] 任何类型 根据元素的name属性获取所有元素节点all HTMLAllCollection 文档中所有元素组成的集合，已不推荐使用body HTMLElement 获取<body>元素节点

原文：mysql_connect v/s mysql_pconnect译文：mysql_connect v/s mysql_pconnect译者：dwqs当需要使用PHP连接MySQL数据库的时候，会发现有两种数据库连接函数：mysql_connect()和mysql_pconnect()。1、mysql_connect()在脚本开始的时候，mysql_connect()会创建一个新的连接，脚本结束的时候就会关闭连接。脚本每一次执行，它都会创建一个新的连接。2、mysql_pconn

HTML：<!DOCTYPE><html><head> <meta charset="utf-8" /> <title>Canvas绘制旋转太极</title></head><body> <canvas id="face" width="200" height="200"></canvas></body></html> JavaScript:var canvas = document.getElementById("face");var cxt = ca

原文：All You Need to Know About the HTML5 Data Attribute 译文：你必须知道HTML 5 的Data属性 译者：dwqs HTML 5的Data属性可以让你给元素自定义数据。这篇文章就是思考怎么更好的使用Data属性。 介绍 HTML 5之前，我们必须依赖于class和rel属性来存储需要在网站中使用的数据片段，这种做法有时会在网站的外观和实用性之间产生冲突。而HTML 5 Data属性

原文：7 CSS Units You Might Not Know About众所周知，当使用CSS技术的时候，很容被一些奇异问题给困住。而当我们面对新的问题时，这会让我们处于非常不利的位置。但是，伴随着Web的发展，新的解决方案也在慢慢成熟。因此，作为一个Web设计和前端开发人员，除了对我们使用的工具或属性非常了解并能熟练运用，已经别无选择了。这也意味着，对于那些特别的工具或属性，即使平常很少使用，但是当需要的时候，我们也能很好的把它运用到工作中。今天，我就介绍一些你之前可能不知道的CSS

在CSS中，使用display属性来定义盒的类型。总体来说，盒类型分为两类：inline和block。如div默认是block，span默认是Inline。可以通过display修改默认的表现方式。<!DOCTYPR><html><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <title>block and inline elements</title> <style ty

在i94web博客中，我试过了畅言和多说两种社会化评论框，后来还是抛弃了畅言，不安全。无论是畅言还是多说，我都需要从远程抓取文章的评论数，然后存入本地数据库。对于多说，请求的格式如下：// 获取评论次数,参数是文章IDfunction getCommCount($postid){ $jsondata = file_get_contents("http://api.duoshuo.com/threads/counts.json?short_name=i94web&threads=$post

原文：Introducing the HTML5 “Menu” and “Menuitem” Elements译文：HTML 5中Menu和Menuitem的元素介绍译者：dwqs今天向你介绍HTML 5中的两个元素：Menu和Menuitem，这两个元素是W3C交互元素中的一部分。现在Web的演变已经不仅仅局限于文档之间的链接，在APPs中，页面的行为越来越多，因此，是时候形成一个Web交互的标准了。Menu和Menuitem是在开发者中谈论最热门的两个元素，可能是由于主流浏览器对其缺乏足

原文：A Beginner’s Introduction to CSS Animation译文：一个初学者对CSS动画的介绍译者：dwqs现在，越来越多的网站使用了动画，并且形式多样，如GIF、SVG、WebGL、背景视频等等。当在web中恰当使用动画时，它可以给网站注入活力和良好的交互性，给用户提供额外的一层反馈和体验。在这篇文章，我将向你介绍CSS动画，随着浏览器对动画支持的改善，一种高效率的做事方式变得越来越流行。考虑到基础知识，我将快速建立一个从正方形变成圆形的动画案例。先看看效

原文首发：http://www.ido321.com/1274.html这一篇博客是在Ubuntu的博客客户端blogilo下发布的，感觉有点高大上，特此发布一篇博文记录一下。 博客发布在windows下有windows live writer，一看名字就知道在linux 下是不可能有它了。不过linux下也有好用的客户端，就是Blogilo，是KDE桌面环境的一部分。今天就介绍一下Ubuntu 14下怎么用Blogilo. 第一：先安装Blogilo,这个很简单，打开终端，输入一个

来源：http://www.ido321.com/1265.html最近，我也玩起了Linux了，瞬间觉得自己逼格又上去了，所以，就给笔记本安装了Ubuntu+Win7双系统。当然在Ubuntu下必须安装的就是XAMPP了，我是说对我而言。 要安装，必须先下载，这个去官网下载Linux版本的XAMPP的。下载下来的包只有rw权限，没有X权限，所以必须更改其权限。对于Ubuntu新手，就只能网上找教程了，可是安装失败了 第一种方式是chmod a+x XAMPP安装包名，给其增加x权限

原文：http://www.ido321.com/1252.html一、htmlentities() 和htmlspecialchars() 1、htmlentities() 1.1 功能：把字符转换为 HTML 实体。字符包括ASCII实体和ISO 8859-1实体(HTML实体对照表：http://www.w3school.com.cn/tags/html_ref_entities.html) 1.2 语法：htmlenti

原文：Generate PDF from html using PHP译文：使用PHP在html中生成PDF译者：dwqs利用PHP编码生成PDF文件是一个非常耗时的工作。在早期，开发者使用PHP并借助FPDF来生成PDF文件。但是如今，已经有很多函数库可以使用了，并且能够从你提供的HTML文件生成PDF文档。这让原先耗时的工作变得非常简单了。 FPDF是很早就被使用的，其特点如下： FPDF FPDF是一个允许使用纯PHP生成PDF文档的P

来源：http://www.ido321.com/1246.html XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的建 XAMPP 软件站集成软件包，轻巧，用起来很方便。它提供了强大的phpmyadmin数据库管理工具，让使用者对数据库的使用和管理得心应手。对于不能在本地打开phpmyadmin的问题，我的解决方案如下： MySQL有一个默认的专用端口：3306，所以，如果你之前独立安装了MySQL,那么3306端口已经被占用。安装XAMPP集成的MySQL时，

来源：http://www.ido321.com/1220.html表单元素无处不在，已然成了Web应用不可或缺的一个部分。对表单最最最常见的操作就是获取表单元素的值或者更改表单元素的值。那在JQuery和JavaScript中怎么操作表单元素的值？JQuery操作表单总结：1、文本框、密码框、隐藏域、文本域（id换成对应的,value属性存在，才能利用attr(‘value’) 获取值，否则返回undefined）：1.1 获取—>$(“#text”).val()或者$(“#text”).a