09 2016 档案
摘要：Nginx ("engine x") 是一个高性能的HTTP和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 服务器。 Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BS
阅读全文
摘要：Cookie中的数据以文本的形式存在客户端计算机，考虑它的安全性，最好在将数据存入Cookie之前对其进行加密。 加密的方法很多，比较简单一点的有：Base64,md5,sha等，而相对比较复杂一点的有：DES,TripleDES,RC2,Rijndael等。 下面是的代码实现了将数据存入Cooki
阅读全文
摘要：Gulp的code-over-configuration不只让撰写任务(tasks)更加容易，也更好阅读及维护。 Glup使用node.js串流(streams)让建构更快速，不须写出资料到硬盘的暂存档案/目录。如果你想了解更多有关串流–虽然不是必须的–你可以阅读这篇文章。Gulp利用来源档案当作输
阅读全文
摘要：一、什么是SASS SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。 二、安装和使用 2.1 安装 SASS是Ruby语言写的，但是两者的
阅读全文
摘要：首先解释下宿主环境：一般宿主环境由外壳程序创建与维护，只要能提供js引擎执行的环境都可称之为外壳程序。如：web浏览器，一些桌面应用系统等。即由web浏览器或是这些桌面应用系统早就的环境即宿主环境。 本地对象 ECMA-262 把本地对象（native object）定义为“独立于宿主环境的 ECM
阅读全文
摘要：一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 <script src="1.js"></script> <script s
阅读全文
摘要：手机的网速问题、屏幕大小、内存、CPU等。通过不同设备的特征，实现不同的网页展现或输出效果。根据useragent、屏幕大小信息、IP、网速、css media Query等原理，实现前端或后端的特征识别和行为改变。
阅读全文
摘要：回调函数，这是异步编程最基本的方法。 事件监听，另一种思路是采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。 发布/订阅，上一节的"事件"，完全可以理解成"信号"。 Promises对象，Promises 对象是CommonJS 工作组提出的一种规范，目的是为异步编程提供统
阅读全文
摘要：var url = "http://www.taobao.com/index.php?key0=0&key1=1&key2=2............."; var obj = parseQueryString(url); function parseQueryString(argu){ var s
阅读全文
摘要：Array.prototype.removeCount=function(){ var that=this; var arr=[]; for(var i=0;i<that.length;i++){ for(var j=i+1;j<that.length;j++){ var count=0; if(t
阅读全文
摘要：input:checked{-webkit-appearance:none;background-color: #f4a100;}
阅读全文
摘要：使用Github，也许大家觉得比较麻烦的就是在每次push的时候，都需要输入用户名和密码。如果使用SSH，就可以记住用户名，并创建属于自己的密码来保证安全操作，还有神奇的一招可以“不用输入密码”哦。下面将介绍如何创建SSH Keys并将公钥加到GitHub账户中，使用SSH Keys在本机和GitH
阅读全文
摘要：function suffix(file_name){ var result =/\.[^\.]+/.exec(file_name); return result; }
阅读全文
摘要：一、使用良好的结构可扩展 HTML (XHTML) 具有许多优势，但是其缺点也很明显。XHTML 可能使您的页面更加符合标准，但是它大量使用标记（强制性的 <start> 和 <end> 标记），这意味着浏览器要下载更多代码。所以，事情都有两面性，尝试在您的网页中使用较少的 XHTML 代码，以减小
阅读全文
摘要：1.事件流的区别 IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 示例： 复制代码代码如下:<body> <div> <button>点击这里</button> </div> </body> 冒泡型事件模型： button->div->body (IE事件流) 捕获
阅读全文
摘要：因为在获取输入框内容时，常常trim下多余的空格。而IE部分低端浏览器里的JavaScript版本不内置trim()这个清楚空格函数，而流行的浏览器里都兼容了，比如chrome，FF等。为了不让IE下报错影响使用，我们可以自己动手丰衣足食，在IE下给string原型添加一个trim自定义函数，让IE
阅读全文
摘要：广泛应用于互联网世界的HTTP想必是大家再熟悉不过的了，然而细心的朋友却能发现淘宝、百度、网上银行等页面都是HTTPS开头的，那么这个HTTPS和HTTP有什么区别呢？ 说到HTTPS和HTTP的区别，其中最主要的就是安全性上的区别。 HTTPS：HTTP协议的安全加强版，通过在HTTP上建立加密层
阅读全文
摘要：问题一：ReactJS组件难以在复杂交互页面中复用 ReactJS中的最小复用单位是组件。ReactJS的组件比AngularJS的Controller和View 要轻量些。 每个组件只需要前端开发者提供一个 render 函数，把 props 和 state 映射成网页元素。 这样的轻量级组件在渲
阅读全文
摘要：React很大的特点就是“轻”，再加上VDOM这个很好的idea让React非常非常快（在上面那个测试里面0.3s左右就载入完毕）。另外React和Angular一个很大的不同就是React采用的是one-way data flow。React的缺点嘛，大概就是现在还太新了很难说将来有没有大的API
阅读全文
摘要：一、HTML 模板 使用 React 的网页源码，结构大致如下。 上面代码有两个地方需要注意。首先，最后一个 <script> 标签的 type 属性为 text/babel 。这是因为 React 独有的 JSX 语法，跟 JavaScript 不兼容。凡是使用 JSX 的地方，都要加上 type
阅读全文
摘要：说的直白一点，在我们做ajax异步的一些功能的时候，一定会或多或少的遇到两个问题，（1、数据的交换。2、跨域问题） JSONP的最基本的原理是：动态添加一个<script>标签，而script标签的src属性是没有跨域的限制的。这样说来，这种跨域方式其实与ajax XmlHttpRequest协议无
阅读全文
摘要：cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会sessionStorage和localStorage的存储空间更大；sessionStorage和localStorage有更多丰富易用的接口；sessionStorage和localStorage
阅读全文
摘要：iframe会阻塞主页面的Onload事件； iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。使用iframe之前需要考虑这两个缺点。如果需要使用iframe，最好是通过javascript动态给iframe添加src属性值，这样可以可以绕开以上两个问题。
阅读全文
摘要：localStorage长期存储数据，浏览器关闭后数据不丢失； sessionStorage数据在浏览器关闭后自动删除。
阅读全文
摘要：1、声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。 2、严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。 3、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。 4、DOCTYPE不存在或格式不正确会导致文
阅读全文
摘要：Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, r
阅读全文
摘要：text:文本框 password:密框码 radio:单选按钮 checkbox:复选框 file:文件选择域 hidden:隐藏域 button:按钮 reset:重置按钮 submit:表单提交按钮 image:图片按钮，类似submit可以为按钮添加图片
阅读全文
摘要：Css盒模型: margin、border、padding、content 盒子模型分为了w3c盒子和ie盒子, 两者的区别在于 w3c盒子的width和height仅指content部分，没有包含padding和border部分，但是ie盒子模型的width和height包含padding和bor
阅读全文
摘要：页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码<link rel="stylesheet" rev="stylesheet
阅读全文
摘要：标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；
阅读全文
摘要：1、XHTML要求正确嵌套 错误：<p>XHTML文档<strong>与HTML的主要区别</p></strong> 正确：<p>XHTML文档<strong>与HTML的主要区别</strong></p> 2、XHTML所有元素必须关闭 在HTML下某些原始可以单独使用，如<p>标记，可以不写</
阅读全文
摘要：分治算法 一、基本概念 在计算机科学中，分治法是一种很重要的算法。字面上的解释是“分而治之”，就是把一个复杂的问题分成两个或更多的相同或相似的子问题，再把子问题分成更小的子问题……直到最后子问题可以简单的直接求解，原问题的解即子问题的解的合并。这个技巧是很多高效算法的基础，如排序算法(快速排序，归并
阅读全文
摘要：一，图的定义 什么是图呢？ 图是一种复杂的非线性结构。 在线性结构中，数据元素之间满足唯一的线性关系，每个数据元素(除第一个和最后一个外)只有一个直接前趋和一个直接后继； 在树形结构中，数据元素之间有着明显的层次关系，并且每个数据元素只与上一层中的一个元素(双亲节点)及下一层的多个元素(孩子节点)相
阅读全文
摘要：（优点）因为Node是基于事件驱动和无阻塞的，所以非常适合处理并发请求， 因此构建在Node上的代理服务器相比其他技术实现（如Ruby）的服务器表现要好得多。 此外，与Node代理服务器交互的客户端代码是由javascript语言编写的， 因此客户端和服务器端都用同一种语言编写，这是非常美妙的事情。
阅读全文
摘要：（1）前后端都要充分了解项目的需求 （2）接口设计（出接口文档），前后端沟通设计接口，前端需要后台返回什么样的数据（格式），后台需要前端传递什么参数（哪些参数是必须的，哪些参数是可选的，采用get还是post，哪些数据需要前端先进行校验，哪些需要双方都校验）。共同制定出整个程序所有的接口说明，形成文
阅读全文
摘要：目前主流应用程序大体分为三类：Web App、Hybrid App、 Native App。 一、Web App、Hybrid App、Native App 纵向对比 首先，我们来看看什么是 Web App、Hybrid App、 Native App。 1. Web APP Web App 指采用
阅读全文
摘要：优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效. 渐进增强：
阅读全文
摘要：前端网（经常浏览） http://www.w3cfuns.com/ WEB前端开发（经常浏览） http://www.css88.com/ w3cplus（经常浏览） http://www.w3cplus.com/ 开源中国 http://www.oschina.net 菜鸟教程 http://ww
阅读全文
摘要：IE内核浏览器：360，傲游，搜狗，世界之窗，腾讯TT 非IE内核浏览器：firefox opera safari chrome 1.就是ie6双倍边距的问题，在使用了float的情况下，不管是向左还是向右都会出现双倍，最简单的解决方法就是用display:inline;加到css里面去。 2.文字
阅读全文
摘要：当input标签在type为text时，在Firefox和Safari中的默认高度为22像素（包括上下边框）宽度为146像素（包括左右边框），而在IE中的默认高度为24像素，而宽度却和Firefox和Safari是一致的，也是146像素。 当 input标签在type为submit时，在Firefo
阅读全文
