zak-wf-CSDN博客

onload事件和window，document，body的研究

今天在工作中用到了onload事件，发现了一些有趣的事情，比如一般来说，如果我们需要给一个DOM结构绑定一个事件，我们一般会采用如下方法（以Window对象为例）：【现象】 window.onload = function() { console.log('<span style="font-family: Arial, Helvetica, sans-serif;">...

2014-10-28 13:31:00 132

移动端audio标签的使用问题

最近在做webapp的html5页面碰到了一个奇葩问题<audio>标签在三星系的机型上不能自动播放，测试机型包括s4，note3，一定要交互操作后才能播放查了博客以后发现，确实大家都碰到了这样的问题，其实只要发生一个用户触发的事件，之后就可以随意操作audio标签的音频了。下面给出一个解决方案：给body绑定一个touchstart事件。 $(doc...

2014-10-21 13:44:00 84

怎么去掉对象中的function类型元素--JSON对象学习

【问题】当一个对象中含有function，而想把它去掉的时候，怎么做简单呢？【举例】举个例子，当有一个对象为：var o = { a: 1, b: 'xx', c: function(){}, d: true}我想把类型为o.c的对象去掉，应该怎么做呢~~【解决方案】一般的想法使用for-in循环，去掉type为function...

2014-10-21 09:53:00 153

seajs使用小结（三）

上回书说到，当老系统中设置过seajs.config中的paths，而后续新增代码受到了paths的影响时怎么办呢？比如如下代码： seajs.config({ paths: { 'js': 'xxxxxxx/xxxxx' }, alias: { ...

2014-10-17 15:37:00 52

seajs使用小结（二）

上一篇讨论了seajs的两种加载文件的方式。但是在平常使用中有很多情况一个页面会加载几个，甚至更多的js文件。当这种情况产生时，无论采用seajs.use直接加载或者 script标签+ seajs.use的方式加载都无可避免的导致加载代码又臭又长，不好维护。有一种很简单的方案可以有效的减少代码，聪明的你一定已经想到了----循环。<script> var s...

2014-10-17 15:14:00 54

seajs使用小结（一）

前端模块化管理工具seajs已经广泛使用在国内前端开发中，我也算在好几个项目中使用了几次，从1.3.1~3.0.0也碰到了一些问题，现在想就主要的两种使用方式进行总结，也就使用中的问题给出一些解决方案。首先，我们来看看常用的两种seajs使用方式，一种是使用seajs.use直接将js模块引入进来，另一种是先用<script>标签先将js引入进来，再由seajs.use引用（需要有...

2014-10-17 13:34:00 59

ie才认识的注解

在使用IE的时候，有时候需要使用IE才能识别的一些注解，以指定哪个版本的IE才能执行以下代码，现在将之收录如下，以备查询<!–[if !IE]><!–>除IE外都可识别<!–<![endif]–><!–[if IE]>所有的IE可识别<![endif]–><!–[if IE 5.0]>只有IE5.0可以识...

2013-10-24 20:07:00 53

原创 javascript模式学习

最近在看JS模式一书，越发觉得JS模式的博大精深（也可能源于它的先天残疾，哈哈），发篇博文记录一下，先是5中所谓的javascript模拟类的模式，主要实现的是继承和代码复用。1、默认简单模式 No1，很简单，真的很简单，不过告诉了我们一些基础知识，JS的继承其实就是讲父对象的实例绑定在子对象的prototype上而已，这种方式的优缺点如下：优点在于：可以简单的继承属性和方法缺点在于

2013-09-29 23:08:00 73

HTML标准模式和怪异模式

标准模式（strict mode）和怪异模式（quirks mode）：所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。标准模式是W3C出台标准之后才出现的，也就是说在W3C标准出台之前，浏览器一直运行在怪异模式。从HTML的角度说：主要是指HTML头部的差别，这点体现在H...

2013-04-27 10:46:00 101

前端之路--html（四）表格的使用

表格表格包括三个主要标签，table，tr（th），td，他们之间有相互包含的关系，其中table为最外层的包裹，tr（th）包裹td。标签： <table> 可选属性：[broder] 废弃属性：略作用:用于定义 HTML 表格，一般的简单表格包含有tr，th，td等内容语法： <table broder='number'></table&gt...

2013-01-22 20:40:00 63

前端之路--HTML（二）文字与段落标记

chapter 3 文字与段落标记标题字标记：<h1~h6>可选属性[align] 作用：标题表示各种重要性文字，由h1-->h6元素定义，其中h1代表最高级别，而h6代表最低级别。语法： <h1>一级标题</h1> 属性说明： <h1 align="对其方式">　对齐方式有三种选项top|center|right此...

2013-01-18 16:54:00 203

常用的JS验证

记录下，以后用~~//验证是否为空function check_blank(obj, obj_name){ if(obj.value != ''){ return true; }else{ alert(obj_name + "所填不能为空！"); obj.value = ""; return false; } }//过滤输入字符的长度fun...

2011-08-24 13:58:00 56