sheldonFei-CSDN博客

转载 Javascript事件总结

一：事件流事件流描述的是从页面中接收事件的顺序，IE和Netscape提出来差不多完全相反的事件流的概念，IE事件流是事件冒泡流，Netscape事件流是事件捕获流。事件冒泡 IE的事件流叫做事件冒泡，即事件开始时由最具体的元素(文档中嵌套最深的那个节点)接收，然后逐级向上（一直到文档）；如下代码：div id = "div"> span

2015-05-25 09:43:53 328

转载 CSS浏览器兼容性与解析问题终极归纳

1.怪异模式问题：漏写DTD声明，Firefox仍然会按照标准模式来解析网页，但在IE中会触发怪异模式。为避免怪异模式给我们带来不必要的麻烦，最好养成书写DTD声明的好习惯。2.IE6双边距问题：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值会加倍。例如：HTML：div class="myDiv">div>

2015-05-26 11:25:09 553

转载 HTML5 Canvas刮刮卡效果实例

近年来由于移动设备对HTML5的较好支持，经常有活动用刮奖的效果，最近也在看H5方面的内容，就自己实现了一个，现分享出来跟大家交流。1、效果2、原理原理很简单，就是在刮奖区添加两个canvas，第一个canvas用于显示刮开后显示的内容，可以是一张图片或一个字符串，第二个canvas用于显示涂层，可以用一张图片或用纯色填充，第二个canvas覆盖在第一个canvas上面

2015-05-25 10:31:10 1324

转载 js实现hash

由于项目中用到了hash，自己实现了一个。Hash = function () { } Hash.prototype = { constructor: Hash, add: function (k, v) { if (!this.hasOwnProperty(k)) { this[k

2015-05-25 10:30:25 2160

转载微信公众平台开发入门教程

在这篇微信公众平台开发教程中，我们假定你已经有了PHP语言程序、MySQL数据库、计算机网络通讯、及HTTP/XML/CSS/JS等基础。我们将使用微信公众账号方倍工作室作为讲解的例子，二维码见底部。本系列教程将引导你完成如下任务：创建新浪云计算平台应用启用微信公众平台开发模式了解数据收发原理及消息格式开发实现微信天气预报功能第一章申请服务器资源

2015-05-25 10:29:15 647

转载 Javascript继承两种形式详解

一直想对Javascript再次做一些总结，正好最近自己写了一个小型Js UI库，总结了一下Js的继承机制，在网上也看了一些前辈们博客里的总结，感觉分析不是特别全面。这里仅仅是把自己的学习体会拿出来分享一下，希望对大家学习Javascript有所帮助。 Javascript本身是从Perl语言的语法演变而来的，本质上是脚本语言，随着版本的更新逐渐加入的对面向对象的模拟。我认为Js的面向对象

2015-05-25 10:24:32 386

昨天，有位叫学智的哥们（和我大学一个同学(绰号-法师)同名不同姓）要做一个手机上的页面切换效果，虽然自己的期望和实际的效果相差并不是很大，但法师追求完美，眼睛里揉不得沙子的秉性，把他逼得急躁，惶恐，甚至有些迷失自我，不得不为解决一个bug不惜搞出十个bug，法师快哭了…… 此时，老天有眼，曾经逼迫他的伟大秉性尚且给他留了点智商，学智想起了我们群，对！就是我们群——HTML5移动开发No.1，群号2

2015-05-25 10:20:53 7426

转载移动互联网终端的touch事件,touchstart, touchend, touchmove

诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户的手指所做的交互。随着移动网络的发展，其能够支持越来越复杂的应用，web开发者需要一种方法来处理这些事件。例如，几乎所有的快节奏游戏都需要玩家一次按下多个按钮，这种方式，在触摸屏情况下，意味着多点触摸。Apple在iOS 2.0中引入了触摸事件AP

2015-05-25 10:20:38 514

转载 js中this的用法

this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。1、纯粹函数调用。function test() { this.x = 1; alert(x);}test();其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。

2015-05-25 10:19:38 289

转载在制作网页时，块级元素和行内元素分别有哪些？

块级元素占一行，不论内容多少只要是有2个这样的元素就会换行，行内元素内容少时不会换行。这是个重要区别。块级元素(block element)div -最常用的块级元素dl - 和dt dd搭配使用的块级元素form - 交互表单h1 - 大标题hr - 水平分隔线ol - 排序表单p - 段落ul - 非排序列表内联元素(inline element)a - 锚点b -

2015-05-25 10:12:50 681

转载 CSS 中的分离、抽象和层叠

摘要：LESS和Sass(或者类似方案)从三个方面解决了css存在的问题：分离，抽象和层叠。当我在接受他们时，我发现css还有一些其他问题需要解决。在这里我提出些解决方案。介绍有很多充分的理由说明LESS和Sass的用途。css很难做到可维护性。LESS和Sass（类似工具）使css变成了一个更加易用的语言。但是，当人们谈论到为什么他们如此强大时，往往都失去了主见。

2015-05-25 10:00:01 415

转载 HTML+CSS结构中IE6BUG全集及解决方案

SS技巧：IE6双倍边距bug，3像素问题及解决办法，修正重复文字bug，IE6下为什么图片下方有空隙产生等等IE6BUG问题IE6双倍边距bug当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px，而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免

2015-05-25 09:50:45 488

转载 CSS3 3D Transform

作为一个网页设计师，你可能熟悉在二维空间工作，但是在三维空间上工作并不太熟悉。使用二维变形我们能够改变元素在水平和垂直轴线，然而还有一个轴沿着它，我们可以改变元素。使用三维变形，我们可以改变元素在Z轴位置。三维变换使用基于二维变换的相同属性，如果您熟悉二维变换，你们发现3D变形的功能和2D变换的功能相当类似。CSS3中的3D变换主要包括以下几种功能函数： 3D位移：CSS3

2015-05-25 09:50:21 426

转载 <!DOCTYPE> 标签的深度剖析以及使用选择

前言：今天被问道“有没有仔细了解过标签？”，愣了一下，因为一开始在W3cschool上看到过建议使用XHTML Transitional DTD,之后就很听话地把Dreamweaver的HTML文档类型默认设置为XHTML 1.0 Transitional。之后就理所当然地一直用到现在了。人这东西还真是，越长大就越懒了，很多东西都被潜意识地当成了理所当然。既然已经被问及，就去找了

2015-05-25 09:49:59 260

转载前端知识体系及修炼攻略

前端简介Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端其实就是Table布局，后来发展到所谓的Div + CSS网站重构，再到现在的让人眼花

2015-05-25 09:45:44 426

转载移动平台3G手机网站前端开发布局技巧汇总

您或许正在或准备参与一个WepApp项目，您或许正在Google搜索mobile development相关的文章，您或许是一名专业的WEB前端工程师，您或许想学习Mobile前端开发方面的技术，如果您被我说中了，呵呵那么这篇文章将为您带来意想不到的惊喜！当您看到这篇文章时，哥已经默认认为您是一名资深的WEB前端工程师，如果您不是，可能您会遇见许多不理解或听不懂的专业术语或前端技术（包括WEB

2015-05-25 09:45:10 589

lufei1993425的博客