2016年10月_江南风雨2013

转载 node+express+ejs

本文记录了使用node+express+ejs制作简单页面的全过程，话说express+ejs真的是太难了，有种蛋蛋的忧伤~1.建立工程文件夹my_ejs.2.首先利用npm install express和npm install ejs下载这两个家伙.至于要不要设置成全局的,看习惯,我习惯性的下载到本项目中的文件夹中my_ejs.然后建立相应的文件:

2016-10-31 23:19:38 526

转载让你彻底搞懂offset

很多初学者对于JavaScript中的offset、scroll、client一直弄不明白，虽然网上到处都可以看一张图（图1），但这张图太多太杂，并且由于浏览器差异性，图示也不完全正确。图一　　不知道大家看到这张图的第一感觉如何，反正我的感觉就是“这次第，怎一个乱字了得”。　　既然我认为上图太多太乱，那么我就把offset、scroll、client分开说，希望能让

2016-10-31 18:27:27 11649 1

转载 http/1.1 和http/2

HTTP 协议是互联网的基础协议，也是网页开发的必备知识，最新版本 HTTP/2 更是让它成为技术热点。本文介绍 HTTP 协议的历史演变和设计思路。一、HTTP/0.9HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包（packet）传输，主要规定了客户端和服务器之间的通信格式，默认使用80端口。最早版本是1991年发布的0.9版。该版本极其

2016-10-31 10:59:35 1824

转载扒一扒JavaScript 预解释

这篇文章主要介绍了JavaScript 预解释,包含带var关键字预解释、带function关键字预解释,需要的朋友可以参考下带var关键字预解释让我们先看下这段代码执行的结果：复制代码代码如下:alert(n);//弹出undefinedvar n = 10;弹出的结果是undefined，为何不是10？让我们再看下面这段代

2016-10-27 20:58:13 296

转载一道常被人轻视的前端JS面试题

年前刚刚离职了，分享下我曾经出过的一道面试题，此题是我出的一套前端面试题中的最后一题，用来考核面试者的JavaScript的综合能力，很可惜到目前为止的将近两年中，几乎没有人能够完全答对，并非多难只是因为大多面试者过于轻视他。题目如下：function Foo() { getName = function () { alert (1); }; return th

2016-10-27 15:12:48 246

转载 js中cookie使用详细讲解

JavaScript中的另一个机制：cookie，则可以达到真正全局变量的要求。 cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie概述在上一节，曾经利用一个不变的框架来存储购物栏数据，而商品显示页面是不断变化的，尽管这样能达

2016-10-26 14:30:38 3063

转载 js内存泄露

1、什么是闭包、以及闭包所涉及的作用域链这里就不说了。2、JavaScript垃圾回收机制JavaScript不需要手动地释放内存，它使用一种自动垃圾回收机制（garbage collection）。当一个对象无用的时候，即程序中无变量引用这个对象时，就会从内存中释放掉这个变量。var s = [ 1, 2 ,3];var s = null;//这样原始的数组[1 ,2

2016-10-25 21:11:13 208

转载 js的匿名函数及函数的闭包

1、匿名函数函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。1.1 函数的定义，首先简单介绍一下函数的定义，大致可分为三种方式第一种：这也是最常规的一种function double(x){ return 2 * x; }第二种：这种方法使用了Function构造函数，把参数列表

2016-10-25 20:46:25 380

转载 jquery eval解析JSON中的注意点介绍

在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：使用eval()函数、使用Function对象来进行返回解析，下面有个示例，感兴趣的朋友可以参考下在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。使用eval函数来解析，并且使用jquery的each方法

2016-10-25 20:15:25 290

转载再读《css权威指南》

时隔一年半再次把《CSS权威指南》读了一遍，受益匪浅，温故而知新！读书笔记：CSS-Definitive-Guide.doc收获：一、Reset CSS的重要性前端开发者经常容易被浏览器默认样式的差异搞晕，于是Reset CSS 出现了，而风靡一时的 *{margin:0;padding:0;}杀伤力太大无法满足需求。目前常用的Reset CSS有四份：

2016-10-25 20:06:46 326

转载 js跨域总结及解决办法

什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：U

2016-10-25 19:55:45 426

转载一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别

本文转自：http://www.2cto.com/kf/201409/333401.html 谢谢~！总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下(画得我手那个酸呀。。。。)先总结下区别：event.clientX、event.clientY鼠标相对于浏览器窗

2016-10-25 16:37:51 564

转载使用Chrom调试css样式

在写css的过程中，难免要遇到对样式进行微调的情况，比如一个间距稍微向某个方向调整多少才好，或者是在选颜色时候可能要改一次代码，刷新一次页面查看效果，也可以浏览器的开发者工具调试出合适的颜色，但是这个修改后的颜色并不会同步到代码中，还要自己去源码中改掉。最近在慕课网上学到了如何用Chrom来调试css样式，简单实用！1.打开Chrom开发者工具(F12)，切换到Sources，你会发现

2016-10-24 13:28:26 2913

转载少说随便，多思考

本文转载自 http://www.showonne.com/2015/07/13/%E5%B0%91%E8%AF%B4%E9%9A%8F%E4%BE%BF-%E5%A4%9A%E6%80%9D%E8%80%83/ 谢谢~最近刚刚开始实习生活，任务不多，闲暇时间不少，所以给自己找了点事情做，前一阵子经常逛阮一峰老师的博客，得知他出了《如何变得有思想》一书，因为我这人不太爱看书，所以一直也没有

2016-10-24 13:13:12 355

转载如果你会了sass，你就会了ECMAScript6

如果你会了Sass，你就会了ES2015!...虽然不是全部，但也有很多惊人的相似之处！当学习最新的ECMAScript 规范，ES2015(以前被称为ES6)时，碰到了一些让我立刻想到Sass的特性。Sass语言和ES2015Sass语言非常有表现力，最初于2006年发布，使用Ruby编写，也模仿了Ruby的语法和一些语言场景。至于其他特性，分号和花括号在3.0.0版本实

2016-10-24 12:49:38 766

转载 css3线性渐变（linear-gradient）

转自：http://www.cnblogs.com/lhb25/archive/2013/01/30/css3-linear-gradient.html，谢谢~ 。作者是一个资深的老博客，可前去阅读CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 C

2016-10-17 17:39:08 350

转载浅谈javascript的Array.prototype.slice.call

这篇文章转自脚本之家，先保存起来以后深究发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。写字前面在js中我们经常会看到Array.p

2016-10-17 16:35:32 306

转载 instanceof 和原型链

这篇文章是从mdn上转载过来的，先保存下，以后再回顾、深究其原理instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的prototype属性。语法EDITobject instanceof constructor参数object要检测的对象.constructor某个构造函数描述EDITinstanceof 运

2016-10-17 16:28:56 440

转载 SASS、SCSS和css的关系

搜索了一下，发现国内很少人认识SASS和SCSS，故在此介绍一下他们。SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。 SCSS即是SASS的新语法，是Sassy CSS的简写，是CSS3语法的超集，也就是说所有有效的CSS3样式也同样适合于SASS。例如：-------

2016-10-17 11:04:39 12059

转载 CSS中margin边界叠加问题及解决方案

你对CSS的margin边界叠加的概念是否了解，这里和大家分享一下，当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加。CSS的margin边界叠加深度剖析边界叠加简介边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的

2016-10-13 18:44:52 1380

转载 css实现兼容性的渐变（gradient）效果

一、有点俗态的开场白要是两年前，实现“兼容性的渐变效果”这个说法估计不会被提出来的，那个时候，说起渐变背景，想到的多半是IE的渐变滤镜，其他浏览器尚未支持，但是，在对CSS3支持日趋完善的今天，实现兼容性的渐变背景效果已经完全成为可能，本文就将展示如何实现兼容性的渐变背景效果。在众多的浏览器中，目前不支持Opera浏览器。本文实例效果都是同样的效果，就是垂直渐变，起始颜色红色，结束

2016-10-13 15:19:44 382

转载三中清除浮动的方法

摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？一、抛一块问题砖（display： block）先看现象：分析HTML代码结构：div class="outer"> div class="div1">1div> div class="div2">2div> div class="div3">3div>

2016-10-13 14:19:19 285

转载 5分钟告诉你git是什么？

自从我参加纽约Flatiron学校的iOS课程已经一个星期了，可以说在这7天里面我学到了很多东西。上课的内容、指导老师、同学都是顶尖的，所以我心存感激能有这样的学习机会。Git 和 Github 是我们第一次课的主题之一。在去Flatiron之前我的编程知识都是自学的，而且我所具有的编程知识体系漏洞百出。每当我Google的时候这点更加明显，因为Google到的一些来自 Stac

2016-10-13 12:55:32 6315

转载利用@media screen实现网页布局的自适应,@media screen and

开始研究响应式web设计，CSS3 Media Queries是入门。Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，Media Queries是如何工作的？两种方式：一种是直接在link中判断设备的尺寸，然后引用不同的css文件：

2016-10-13 11:57:42 1793

转载 em和px的关系

在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神，直接原因可能是因

2016-10-12 18:52:57 269

calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，但跟我说还可以计算，这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍，但一直没有深入，也没有自己去测试过。今天花了一

2016-10-08 18:11:07 413

转载 web项目开发之前端规范 --- HTML编码规范

1 前言HTML 作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使 HTML 代码风格保持一致，容易被理解和被维护。2 代码风格2.1 缩进与换行[强制] 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格或 tab 字符。示例：ul> li>firstli> li>second

2016-10-07 16:44:28 851

转载答面试官问

今天开始，收集一些面试的问答，然后蛇神其境，把自己舍身其中，是这回答这些问题。第一：有助于面试（呵呵，这是目的啊）；第二：有助于梳理自己前端的知识结构；第三：可以从其中获得一些智慧啊，有助于说服别人啊（竞争很多岗位，都是有问答、答辩的啊，说大了总统大选，总理答记者问，辩论会，往小的说，竞选小组组长啊，领导啊，生活工作中让别人认可你的观点啊，）。这些都是说话的艺术，同样的观点，不同的说话方式，效果也

2016-10-05 17:56:32 424

转载你不要jquery(四)

jQuery是个好东西。它诞生于IE6在互联网称霸的那个时代。jQuery的存在让我们的代码能很好的兼容各种平台。然而，到如今，浏览器技术已经取得了巨大的进步。我们可以自由的使用所有最新众多ES5/ES6提供的原生API，配合革命性的HTML5 API，我们对DOM的操作变得从未如此的容易。WEB开发人员突然发现，没有jQuery其实也能轻松高效的完成项目开发。不要误会，jQuery仍然是

2016-10-05 11:52:08 300

转载关于http缓存详解

http提供了非常强大的缓存机制，关于http前端详解看上一篇文章分为三部分，我们先来统一梳理一下一个缓存请求的过程，然后从请求头以及响应头缓存相关字段进行解析，最后总结一下前端需要了解的对于缓存的操作一 . 缓存过程：当一个用户发起一个静态资源请求的时候,浏览器会通过以下几步来获取资源当第一次发送请求，http返回200的状态码，如

2016-10-05 10:49:56 3365

转载写给前端的http详解

昨天工作时候在请求服务器时间时候遇到一个请求缓存问题。就这个问题细究的话应该是一篇关于http缓存的讲解，不过在讲解缓存之前，还是要巩固一下http请求，特整理如下：虽然不是特别细致，还是挺实用的，希望对大家日后有所帮助。如有见解，欢迎指教。关于缓存见下章http前端缓存详解什么是http协议：引用百度百科的话说来就是：http协议其实就是超文本传输协议，超文本传输协议

2016-10-05 10:47:41 1412

u012028371的博客