- 博客(61)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 手机版头部声明细则
笔者接触移动前端快一年了，特将平时的一些笔记整理出来，希望能够给需要的人一些小小的帮助。同时也由于笔者的水平有限，虽说都是笔者遇到过使用过的，但文中可能也会出现一些问题或不严谨的地方，望各位指出，不胜感激！一. css部分body如果设置height:100%;overflow:hidden是依然可以滑动的，如果需禁止，要再加一层div设置 height:100%加overflow：h
2015-11-14 08:32:03
1330
转载 attachEvent/detachEvent 与 addEventListener/removeEventListener区别
attachEvent()方法和detachEvent()方法与addEventListener()方法和removeEventListener()方法相似，除了下面这几点以外：由于IE事件模型不支持事件捕捉，因此attachEvent()方法和detachEvent()方法只有两个参数，即事件类型和句柄函数。传递给IE方法的事件句柄名字应该包括一个"on"前缀。例如，obj.attach
2014-08-21 14:42:00
641
转载 拖拽效果详细解读
拖放效果，也叫拖拽，学名Drag-and-drop ，是最常见的js特效之一。 如果忽略很多细节，实现起来很简单，但往往细节才是难点所在。 这个程序的原型是在做图片切割效果的时候做出来的，那时参考了好几个同类的效果，跟muxrwc和BlueDestiny学习了不少东西。虽然每次整理都觉得很好了，不过每隔一段时间又会发现得某个地方可以改善，某个地方有错误，某些需求需要实现，就像自己学
2014-07-02 14:31:32
780
转载 高效的JavaScript代码编写技巧
高效的JavaScript代码编写技巧2010-09-16使用DocumentFragment优化多次append添加多个dom元素时，先将元素append到DocumentFragment中，最后统一将DocumentFragment添加到页面。该做法可以减少页面渲染dom元素的次数。经IE和FX下测试，在append1000个元素时，效率能提高10%-30%，FX下提升较为明显
2014-06-26 09:29:39
433
转载 JavaScript面试后的反思
JavaScript面试后的反思2010-08-01写此文目的是为了让更多的程序员理解javascript的一些概念，对，是理解，而不是了解。我们已经了解得够多了，该是向深入理解的方向靠拢的时候了。为什么这么说，前些日子收到面试邀请，那就去试试呗，有几年没有面试过了吧。和面试官坐在沙发上，聊天式的他问我答，以下就是几个javascript方面的问题：请创建一个对象，包括几个公有属性
2014-06-26 09:27:55
428
转载 JS中的prototype(面向对象)
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类：a 类方法b 对象方法c 原型方法 例子：
2014-05-21 15:51:09
392
转载 JS内部对象（window,navigator）
> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> title>JS内部对象（window,navigator）title> head> body> mce:script type="text
2014-05-20 09:42:46
569
转载 js 键盘记录实现(兼容FireFox和IE)
主要分四个部分第一部分：浏览器的按键事件第二部分：兼容浏览器第三部分：代码实现和优化第四部分：总结第一部分：浏览器的按键事件用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，k
2014-04-30 10:54:41
395
转载 keyCode 与 charCode
键盘事件拥有两个属性，keyCode和CharCode，他们之间有一些不一样之处。keyCode表示用户按下键的实际的编码，而charCode是指用户按下字符的编码。IE下keyCode：对于keypress事件，表示按下按键的Unicode字符；对于keydown/keyup事件，表示按下按键的数字代码。无charCode属性。DOM标准下keyCode：表示按下按键的数字代码。
2014-04-30 10:52:00
659
转载 div拖拽插件——JQ.MoveBox.js（JQ插件学习）
有一段时间没更新博客了，都不知道忙些什么，学习也没什么进展，惭愧。这一周空闲的时间学着自己写一下JQ插件。以前用原生的JS做过类似拖拽div的效果，现在按原思路改做成一个JQ的小插件，当作制作JQ插件的一个小练习。html为DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w
2014-04-21 15:38:08
659
转载 拖拽js和jq写法
第一种原生js写法123456789101112131415161718192021222324252627282930313233343536373839404142434445
2014-04-21 14:57:42
724
1
转载 JQUERY自定义动画函数
自定义动画函数包括了所有动画效果的高级应用和高级技巧。.animate() 执行自定义的动画效果。 返回jQuery.stop() 停止匹配元素当前正在执行的动画效果。 返回jQueryjQuery.fx.off 取消全部动画效果 Boolean.queue() 根据函数签名不同，可以获取指定队列的函数集合(返回Array),或者操作某一个队列
2014-04-16 17:39:58
613
转载 IE8及低版本浏览器不支持CSS3 media queries的解决方法
(173LY)最近在解决UI问题时碰到以下浏览器不兼容性问题（本人属于UI业余操作者，很多想法就很业余了）：问题：IE8及其以下低版本IE浏览器在缩小窗口时，UI没有按照相应的要求显示窗口缩小时对应的布局；其他浏览器正常。定位过程：其实开始拿到问题时是无从下手，不知所以然，根本就没听说还有media这个CSS属性，就更不知道它的功能了。但是对于解决UI问题，有自己的一套思路，就
2014-04-15 11:02:20
834
转载 jq常用验证
////----------------Author Teng------------- //验证是否为空 function check_blank(obj, obj_name){ if(obj.value != ''){ return true; }else{ alert(obj_name + "所填不
2014-04-12 13:11:18
510
转载 js/json 数组的操作
js/json 数组的操作1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并
2014-04-10 11:25:51
438
转载 SEO8个习惯
1、归类总结策略如今互联网上的资源浩如烟海，你可以按照某种分类或者归类，然后直接列出一个清单，石家庄化妆学校http://www.bellecolor.cn表明相关数据等等，这样的文章很容易组织，也容易被作为权威数据而被大量引用。2、增加文章内容的权威性要想把自己的数据作为权威的数据来参考，你就必须把自己的数据弄得更加权威，内容通俗易懂，深入浅出，便于人们理解和掌握，这样有利于更多的人
2014-04-10 09:31:01
540
转载 javascript 闭包学习
闭包向来给包括JavaScript程序员在内的程序员以神秘，高深的感觉，事实上，闭包的概念在函数式编程语言中算不上是难以理解的知识。如果对作用域，函数为独立的对象这样的基本概念理解较好的话，理解闭包的概念并在实际的编程实践中应用则颇有水到渠成之感。在DOM的事件处理方面，大多数程序员甚至自己已经在使用闭包了而不自知，在这种情况下，对于浏览器中内嵌的JavaScript引擎的bug可能造成内存泄
2014-04-09 16:28:21
376
转载 js获取鼠标位置的各种方法
转 JavaScript 获取鼠标点击位置坐标在一些DOM操作中我们经常会跟元素的位置打交道，鼠标交互式一个经常用到的方面，令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容 （1）相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点
2014-04-09 16:27:30
785
转载 深入浅出CSS3：background-clip,background-origin和border-image教程
已兼容IE！之前不能兼容IE，给您的阅读带来不便十分抱歉，Sorry一．这篇博客的初衷 最近在准备一个下学期参加比赛的概念网站，希望能用到CSS3的新特性，比如background的background-clip或background-origin或border-image。但仅仅是依靠w3schools上的文档和说明发现很多臆想中的效果都实现不了。于是尝试在百度中搜素，结果资料也
2014-04-09 14:30:51
969
转载 jQuery动画高级用法（下）——详解animation中的.queue()函数
我们先来看它的思路：把控制不透明度和控向上移动的动画分别存储在两个队列中，控制向上移动的队列按默认情况进行(在2000毫秒内完成)，而不透明度的控制在1000毫秒内执行，但这个队列要晚于默认队列1000毫秒执行再简单一点，就是：前1000毫秒，只有控制高度的“fx”队列执行，而后1000毫秒，控制不透明度的“fader”队列和控制高度的“fx”并行首先准备两个队列，一个是默
2014-04-09 14:27:24
1792
转载 再谈新站收录方法 百度提交已经过时
新网站的收录和快照一直是seo研究的热点，对于企业站和大面积站群网站的站长朋友，这个问题如果能解决，应该能省去一大半的时间成本。1.为什么新站不到百度提交百度同其他搜索引擎一样，针对新站的收录，专门设定了一个提交入口，包括blog、网站、sitemap。但是有区别的是，其他搜索引擎提交后收录很快，百度的效果却差强人意。对于新站，百度为了减少不必要的麻烦，增设了一个过滤机制，我们暂定为新
2014-04-08 14:51:48
582
转载 Dom元素基本操作方法API，先记录下，方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本
Dom元素基本操作方法API，先记录下，方便以后使用。 W3C DOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文档的API，为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。JavaScript则是用于访问和处理DOM的语言。如果没有DOM，JavaScript根本没有Web页面和构成页面元素的概念。文档中的每个元素都是DOM的一部分，这就使得Jav
2014-04-04 16:36:49
740
转载 SD9013: 各浏览器对于 document、document.body、document.documentElement 对象的 onscroll 事件的支持存在差异
标准参考scroll 事件会在文档或一个元素滚动时触发。有关 scroll 事件的详细资料：参见：W3C DOM Level-2 规范参见：W3C DOM Level-3 草案问题描述各浏览器 document、document.body、document.documentElement 对象的 onscroll 事件的支持存在差异。造成的影响为 document、
2014-04-03 11:45:36
584
转载 JS游览器兼容问题
做BS开发就难免会用到javascript，而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们，不然有些浏览器就无法运行我们的代码。就会造来客户的投诉，如果让BoSS知道了，这可不太好哦。下面是兼容IE和FF的js脚本做法和分解（部分选自网上）： .以下以 IE 代替 Internet Explorer，以 MF/FF 代替 Mozzila Fir
2014-03-25 13:40:05
391
转载 <FORM action=reg.asp?action=apply method=post> <INPUT type=submit value="请认真查看<服务条款和声明>(10
"请认真查看(10 秒后继续)" > var secs = 10; document.agree.agreeb.disabled=true; for(i=1;i window.setTimeout("update(" + i + ")", i * 1000); } function update(num) { if(num == se
2014-03-18 17:24:54
1068
转载 如何让文本溢出时显示省略标记“……”
语法：text-overflow : clip| ellipsis 取值：clip ：默认值 。不显示省略标记(……)，而是简单的裁切。ellipsis： 当对象内文本溢出时显示省略标记(……)。 可惜text-overflow 还只是IE的私有属性而已，也没被收录到W3C标准里 Ⅰ.如果想让某个容器（div或者li等块级元素）显示一行文字，当文字内容过多时，不换
2014-03-05 11:46:56
2284
转载 HTML在线文本编辑器实现原理
相信很多人都使用过多种富文本编辑器，富文本编辑器常用于编辑博客、用户交互，富文本编辑器分为两种：所见即所得和非所见即所得两种富文本编辑器的实现原理是不相同的。1. 非所见即所得编辑器这种编辑器的实现原理很简单，用textarea元素就可以实现，假如要实现粗体、斜体、下划线、颜色字、图片的效果，只需在字的中间加上自定义标签即可，例如：[b]富文本编辑器[b] ，[img]src=”htt
2014-01-08 11:08:31
8903
转载 几种常用网页文本编辑器总结
文本编辑器应用总结一． lhgeditor文本编辑器lhgeditor组件文件结构：1. lhgeditor.js： 组件的核心JS文件2. lhgeditor.css：组件的样式表文件3. images：组件所需的图片都在此文件夹中以上三个文件为组件所必须的三个文件，组件包中其它以“_”开头的文件为示例的演示文件，实际使用中不需要这些文件。当然框架核心文件lhgcore.
2014-01-08 10:01:56
1142
转载 翻译 - JavaScript之鼠标滚动事件
翻译 - JavaScript之鼠标滚动事件 2011-03-29 11:41:59| 分类：翻译 | 标签：滚动 delta 滚轮 javascript 鼠标 |字号 订阅本文地址：http://blog.163.com/jinlu_hz/blog/static/113830152201122911356714/原文地址：http:
2014-01-07 16:03:09
393
转载 [代码][CSS]代码
1. [代码][CSS]代码 01html判断IE版本021. 除IE外都可识别 032. 所有的IE可识别 043. 5.0]> 只有IE5.0可以识别 054. 5]> 仅IE5.0与IE5.5
2013-12-26 10:58:47
388
转载 你用的浏览器速度如何？最快浏览器引擎内核实测与回顾
文章发表于：2010-2-4 19:33不知道发表在哪，所以来到了我注册为数不多的论坛金山网盾版块，再说金山网盾是浏览器的保护神，和浏览器息息相关，就发在这吧。以前我在这发的主题帖好像不见了。不会被删了吧？选择浏览器，速度是一个很重要的指标，不要看广告评测，要看自己亲自使用测试才能获得真相下面是权威的sunspider测试，系统版本，机器配置和网线带宽也能影响测试数值。大家
2013-12-26 10:15:51
708
原创 HTML的各种音乐播放方式
123embed id="soundControl" src="文件路径及文件" mastersound hidden="true" loop="false" autostart="false">embed> input id="btPlay" type="button" value="播放" onclick="ManageSou
2013-12-23 10:57:17
852
转载 手机web——自适应网页设计（html/css控制）
就目前形势来看，Web App 正是眼下的一个趋势和潮流，但是，对于Web App的设计可能大家有的不是很了解，下面就将整理好的网页设计的技巧奉献给大家。AD：2013云计算架构师峰会课程资料下载一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页代码的头部，加入一行viewport元标签。meta name="viewport" con
2013-12-20 13:28:40
539
转载 JQuery的$(document).ready(function(){})与JS的window.onload 的各自优势！
由于项目需要，使用JQuery也有相当一段时间了。由于经常要处理DOM节点加载、图片显示以及动态资源请求，所以对$(document).ready(function(){})理解也越来越深了，所有在此分享我的一些体会：1. $(document).ready(function(){...}) 此方法是JQuery版本的window.onload = function(){...}。 1.
2013-12-20 12:04:48
377
转载 JS---创建自己的“JavaScript库”，原来如此简单
在上一篇文章中提到了JavaScript库实际上就是一堆函数的集合，就是方便给你调用的不用自己写那些功能强大的函数……这篇文章说一说如何创建JavaScript库及需要注意的问题！期待您光临斧正！行文目录：点击对应目录进行跳转编写JavaScript库要注意的问题编写JavaScript库的模板代码编写JavaScript库(实例)完善JavaScript库
2013-12-13 17:32:44
524
转载 JavaScript中匿名函数的用法及优缺点
JS中的匿名函数的用法及优缺点 匿名函数可以有效的保证在页面上写入Javascript，而不会造成全局变量的污染。 这在给一个不是很熟悉的页面增加Javascript时非常有效，也很优美。 一、什么是匿名函数？ 在Javascript定义一个函数一般有如下三种方式： 函数关键字(function)语句： function fnMethodName(x){alert
2013-12-13 17:03:15
533
转载 DOM节点操作
最近发现DOMDocument对象很重要,还有XMLHTTP也很重要 注意大小写一定不能弄错. 属性: 1Attributes 存储节点的属性列表(只读) 2childNodes 存储节点的子节点列表(只读) 3dataType 返回此节点的数据类型 4Definition 以DTD或XML模式给出的节点的定义(只读) 5Doctype 指定文档类型节点(只
2013-12-13 14:54:17
396
原创 IE下iframe不能正常加载,显示空白
下午帮忙看了一个web问题，index.html中嵌入来加载同文件目录下的一个页面，在多个浏览器下测试，发现IE浏览器中会出现问题，不能正常加载，显示空白页，右键属性为"_blank"。 一开始，想到的是src属性的问题，可能是路径不对，但是经过不同浏览器测试，不存在路径问题。 单独把src路径拿出来，贴到IE浏览器中，发现页面加载没问题。通
2013-12-12 17:08:51
7052
转载 翻译 - JavaScript之鼠标滚动事件
本文地址：http://blog.163.com/jinlu_hz/blog/static/113830152201122911356714/原文地址：http://adomas.org/javascript-mouse-wheel/原文作者：unknown最近正在做评论模块的image LazyLoad（图片资源延迟加载/按需加载），其中涉及到一些mouse scroll操作。老
2013-12-11 17:26:43
392
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人