2015年08月_huihui10086

原创 html5 本地存储----localstorage初体验

HTML5虽未来到其鼎盛时期，但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言，应用的HTML5相关特性有：data-自定义属性、placeholder、以及email类型input文本框。最近了解了一下html的本地存储功能（例如cookies和localstorage），今天主要要和大家分享的是localstorage的一些基础常识：废话不多说直接上代码（有

2015-08-31 11:24:48 876 1

原创 css3 flex流动自适应响应式布局样式类

今天在做一个水平居中的div内部元素贴边水平均匀布局（有点绕，直接看图吧），一开始使用的都是一些比较常用的css+html方法来实现布局，感觉这样很死板（在多增加一个div，并未div设置相应的一个负的margin-left，此值需要通过计算得到），于是便想到了css3的flex流式布局，于是上网找了一些资料：1、css3 flex一旦一个容器赋予了disp

2015-08-28 15:44:27 5712 1

原创 js基础及面试重点--------this

this的查找this的查找是很多人迷茫的一点，也似乎有很多人抱有this不稳定这样的看法，实在令人无语。this的查找可以说是3种对象查找中最为简单的，因为其实this对象的确定根本没有一个“查找”的过程。首先，this对象只会在一个函数中需要确定，如果是在全局域下，this永远为Global对象，在浏览器中通常就是window对象。而在javascript中，函数的调用一共有4种方式：

2015-08-24 11:35:25 1415

原创 jquery有用却不常用的方法分享

工具方法$.isArray(obj); //检测一个对象是否是数组$.isFunction(obj); //检测一个对象是否是函数$.trim(str); // 去除string 的空格$.( value, array [, fromIndex ] )$.inArray(value, array); // 返回value 在array 中的下标，如果没有找到则返回-1$.in

2015-08-21 14:33:56 860

原创对比jQuery和AngularJS的不同思维模

对比jQuery和AngularJS的不同思维模Question假设我已经熟悉了如何使用jQuery来开发客户端应用，我现在打算使用AngularJS。请描述一下有那些思维模式方面的东西需要转变吗？下面是举出一些具体的问题，用来帮助你回答我的这个问题：我应该以何种不同的方式来架构和设计客户端web应用？最大的不同点是什么？我应该停止使用哪些东西；又应该开始使用哪些东

2015-08-18 16:17:22 797

原创 js为字符串编码

js 提供了两组函数来进行字符串的编码与解码：escape（）与unescape（），decodeURI()与encodeURI();JavaScript escape() 函数定义和用法escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。语法escape(string)参数描述

2015-08-17 14:25:09 1575

原创子元素设置margin-top，父元素也受影响

这个问题困惑了很久，虽然没有大碍早就摸出来怎么搞定它，但始终不明白原因出在哪里，如果只是IE有问题我也不会太在意，可问题是所有上等浏览器都表现如此，这样叫我怎能安心？今天总算下狠心查出来怎么回事，居然是CSS2.1盒模型规范……虽然很别扭，非常别扭的规定。问题如下，两层Div结构，Outer Div属性为“margin:0 auto”，本该紧贴外框顶部的，如果没有Inner Div，或者没

2015-08-10 15:19:54 1073

原创 html5 canvas 实现简易马祖小游戏

参考妙趣课堂的视频，做了这个游戏，通过这个游戏可以了解到canvas的强大。废话不多说，直接上代码。html代码：马祖 css代码：这里我用的是less@black:#000;@white:#fff;* { margin: 0; padding: 0;}body { background-color:@black;}#box {

2015-08-10 11:28:43 1620

原创 html canvas 常用api基础

HTML 5 Canvas 参考手册元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。本手册提供完整的 getContext("2d") 对象属性和方法，可用于在画布上绘制文本、线条、矩形、圆形等等。浏览器支持Intern

2015-08-09 15:06:30 822

原创视差滚动---parallax.js

最近在看视差滚动的原理和实现方法。最简单的是使用css的属性background-attachment: fixed || scroll || local,使用这个便可以实现简单的视差滚动效果，但是想完成一些更加炫酷的效果。就得使用js啦，其中最简单的莫过于使用parallax。js插件。下面有个使用该插件的html代码（ps：这个代码是从网上扒的，里面的一些js的引用还有图片

2015-08-05 14:34:29 6662

原创 js闭包初体验

对于js的闭包，一直以来只有书面上的了解，却从来没有在实战中使用，最近两天看了很多关于js的博客，了解了一些js闭包的作用，于是有了以下的代码：闭包演示 p {background:gold;} function init() { var pAry = document.getElementsByTagName("p"); var Ar

2015-08-03 09:50:06 575

Edward的web前端修炼之路