02 2015 档案
摘要：* ###box-flex: 设置或检索弹性盒模型对象的子元素如何分配其剩余空间。###``` a b c#box{display:box;width:240px;height:100px;margin:0;padding:10px;list-style:none;}#box li:nth-chil...
阅读全文
摘要：###盒子尺寸###```.border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-sizing: border-box;}//默认为content-box```###变形###```//顺...
阅读全文
摘要：##居中* 常用居中 ```csselemP{ text-align: center; }elelmP elemC{ display: inline-block; }``````csselemP{ display: table; margin-left: auto; margin-r...
阅读全文
摘要：**body**``` Holla Channels Developers Sales Marketing ...
阅读全文
摘要：###前缀###* chrome: -webkit-* safari: -webkit-* firefox: -moz-* ie: -ms-* opera: -o-**书写的时候应该先用有前缀的样式，再用无前缀的样式**###颜色###* rgb(red, green, blue);* rgba(r...
阅读全文
摘要：选择器 一般选择 符合选择器 DOM遍历 查找匹配子节点 选择父节点 查找一组父节点 选择直接子元素 通过索引查找 返回第一个元素 过滤查找 使用迭代器 添加元素 DOM操作 添加新元素 删除元素 CLASS相关 内容 事件 事件中主要要注意回调函数的this 使用self 使用 ; 扩展 添加类函
阅读全文
摘要：###邮件首部注入攻击###**指 Web 应用中的邮件发送功能，攻击者通过向邮件首部 To 或 Subject 内任意添加非法内容发起的攻击。利用存在安全漏洞的 Web 网站，可对任意邮件地址发送广告邮件或病毒邮件。**###目录遍历攻击###**指对本无意公开的文件目录，通过非法截断其目录路径后...
阅读全文
摘要：###因输出值转义不完全引发的安全漏洞###**实施 Web 应用的安全对策可大致分为以下两部分。*** 客户端的验证* Web 应用端（服务器端）的验证: 输入值验证 / 输出值转义##HTTP 的缺点#####通信使用明文可能会被窃听###* HTTP 报文使用明文（指未经过加密的报文）方式发送。###通信的加密###* 用 SSL 建立...
阅读全文
摘要：HTTP 报文首部 HTTP 请求报文 在请求中，HTTP 报文由方法、URI、HTTP 版本、HTTP 首部字段等部分构成。 HTTP 响应报文 在响应中，HTTP 报文由 HTTP 版本、状态码（数字和原因短语）、HTTP 首部字段 3 部分构成。 HTTP 首部字段 HTTP 首部字段传递重要
阅读全文
摘要：Object.constructor object.constructor Object.create() Object.create(proto); Object.create(proto, descriptors) Object.defineProperties() Object.defineP
阅读全文
摘要：String.charAt()/String.charCodeAt() ; n:The index of the character that should be returned from string. String.concat() String.fromCharCode() ; c1, c2
阅读全文
摘要：Array.every() ; ; Array.concat() Array.indexOf() /Array.lastIndexOf() ; js ['a','b','c'].indexOf('b') // = 1 ['a','b','c'].indexOf('d') // = 1 ['a','b
阅读全文
摘要：简介 HTTP是无状态协议。当浏览器中加载页面，然后转到同一网站的另一页面时，服务器和浏览器都没有任何内在的方法可以认识到，这是同一浏览器访问同一网站。换一种说法，Web工作的方式就是在每个HTTP请求中都要包含所有必要的信息，服务器才能满足这个请求。 所以需要用某种办法在HTTP上建立状态，于是便
阅读全文
摘要：处理AJAX表单 用Express处理AJAX表单非常简单；甚至可以使用相同的处理程序来处理AJAX请求和常规的浏览器回退。 HTML文件 （/views/newsletter.handlebars） 应用程序文件 Express提供了两个方便的属性： 和`req.accepts req.xhr t
阅读全文
摘要：从用户那里收集信息的常用方法就是使用HTML表单。无论是使用浏览器提交表单，还是使用AJAX提交，或是运用精巧的前端控件，底层机制通常仍旧是HTML表单。 向服务器发送客户端数据 向服务器发送客户端数据有两种方式：查询字符串和请求正文。通常，如果是使用查询字符串，就发起了一个GET请求；如果是使用请
阅读全文
摘要：视图和布局 视图通常表现为网站上的各个页面（它也可以表现为页面中AJAX局部加载的内容，或一封电子邮件，或页面上的任何东西）。默认情况下，Express会在views子目录中查找视图。布局是一种特殊的视图，事实上，它是一个用于模板的模板。布局是必不可少的，因为站点的大部分页面都有几乎相同的布局。例如
阅读全文
摘要：简介 使用JavaScript生成一些HTML 问题出现在这里：切换上下文环境是困难的。如果你写了大量的JavaSctipt，混合在HTML中会引起麻烦和混乱; 由JavaScript生成的HTML充满了问题： 必须不断地考虑哪些字符需要转义以及如何转义。 使用JavaScript来生成那些自身包含
阅读全文
摘要：获取更多信息 如果正在寻找某些功能，首先要查看Express的 "API文档" 如果需要的信息没在文档中，有时就不得不深入研究 "Express源码" ; 下面是Express源码的路径说明 lib/application.js Express主接口。如果想了解中间件是如何接入的，或视图是如何被渲染
阅读全文
摘要：URL的组成部分 协议: 协议确定如何传输请求。我们主要是处理http和https。其他常见的协议还有file和ftp。 主机名: 主机名标识服务器。运行在本地计算机（localhost）和本地网络的服务器可以简单地表示，比如用一个单词，或一个数字IP地址。在Internet环境下，主机名通常以一个
阅读全文
摘要：跨页测试 跨页测试更有挑战性，因为需要你控制和观测浏览器。 现在设置一个跨页测试情境的例子。比如，你的网站上有一个包含联系表单的Request Group Rate页面。营销部门想知道客户是从哪个页面点击链接进入Request Group Rate页面的，他们想知道客户是否在查看胡德河之旅或者俄勒冈
阅读全文
摘要：QA 在Web开发中，质量可以分解为四个维度： 到达率: 到达率是指产品的市场普及程度，即查看网站或使用服务的人数。到达率和盈利能力是正相关关系：访问网站的人越多，购买产品或服务的人就越多。从开发的角度来看，搜索引擎优化（SEO）对到达率的影响最大，所以我们会在QA方案里包含SEO。 功能 人们一旦
阅读全文
摘要：版本控制 版本控制有以下益处： 文档: 能够回溯项目的历史，回顾所做的决策及组件的开发顺序，可形成宝贵的文档。记录项目的历史是十分有价值的。 归属: 团队工作，分工清晰，节省沟通成本。 试验: 你可以引出一个分支，尝试做一些新的东西，不用担心会影响项目的稳定性。 使用Git 初始化 创建一个.git
阅读全文
摘要：脚手架 大多数项目都需要一定数量的“套路化”代码，所有可以创建一个通用的项目骨架，每次开始新项目时，只需复制这个骨架，或者说是模板。 RoR把这个概念向前推进了一步，它提供了一个可以自动生成脚手架的程序。相对于从一堆模板中作出选择，这种方式的优点是可以生成更复杂的框架;Express借鉴了RoR的这
阅读全文
摘要：hello world 事件驱动编程 Node的核心理念时事件驱动编程，即了解有哪些事件以及如何响应这些事件;前面例子中，HTTP请求就是要处理的事件,http.createServer方法将函数作为一个参数，描述如何响应这个事件 路由 指向客户端提供它说发出的请求内容的机制；对基于web的客户端／
阅读全文
摘要：W3C DOM2 样式规范 CSSStyleSheet对象 表示所有css样式表，包括外部 和嵌入 的;通过 属性可以获得文档中CSSStyleSheet对象的列表；其中每个CSSStyleSheet都具有以下属性： type: 值始终是text/css; disabled: 布尔值，表示相应的样式
阅读全文
摘要：自定义事件 跨浏览器的事件属性和方法 与DOM文档中每个节点实际都扩展自其他一些DOM对象一样，事件对象也是；在W3C模型中，传递到事件监听器中的事件对象并不总是相同的，不过这些事件对象却拥有相同的属性 当浏览器调用load事件时，传递到事件监听器的是DOM2事件规范中定义的Event对象；当调用c
阅读全文
摘要：简介 事件：事件并不是以”on”开头的。例如，onclick引用的是一个对象的属性，click才是事件。 事件侦听器：当指定的事件发生时会执行的函数或方法。 事件注册：为DOM元素的具体事件指定事件侦听器的过程。 调用：使用动词“invoke”来描述浏览器在检测到某种操作之后执行相应事件侦听器的情形
阅读全文
摘要：核心Element对象 操作Element对象的属性 为了简化对attributes的处理，Element对象中包含了很多用来操纵Node对象的attributes属性的方法： getAttribute(name); setAttribute(name, value); removeAttribut
阅读全文
