
前端杂文
文章平均质量分 70
壹间show
这个作者很懒,什么都没留下…
展开
-
document.documentElement.scrollTop || document.body.scrollTop问题分析
在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document.body.scrollTop等属性,但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0,如果不要此标签则一切正常,那么在xhtml页面怎么获得body的坐标呢,当然有办法-使用document.documentElement来取代docum原创 2014-06-30 18:27:21 · 1004 阅读 · 0 评论 -
javascript中ajax框架及解决缓存带来的问题
javascript中书写ajax框架,并进行封装,同时还对ajax使用过程中对浏览器缓存问题的解决办法原创 2014-07-30 23:52:08 · 900 阅读 · 0 评论 -
js完美运动框架,想得到的效果基本能做到
完美运动框架 div{width: 200px;height: 100px;filter:alpha(opacity=100);opacity: 1;background: #808800;} window.onload=function (){ var oDiv=document.getElementsByTagName('div')[0];原创 2014-08-08 17:53:25 · 938 阅读 · 0 评论 -
正则表达式大全【整理篇】
字符 含意 \ 做为转意,即通常在"\"后面的字符不按原来意义解释,如/b/匹配字符"b",当b前面加了反斜杆后/\b/,转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原,如"*"匹配它前面元字符0次或多次,/a*/将匹配a,aa,aaa,加了"\"后,/a\*/将只匹配"a*"。 ^ 匹配一个输入或一行的开头,/^原创 2014-08-20 17:25:10 · 833 阅读 · 0 评论 -
js跨浏览器事件处理程序
aaaaaaaaaaaaaaaaaaa sasdsasdasdadasd saswerwerwedgddadasd sasdwewrwreadasd var EventUtil = { addHandler: function(element, type, handler) {原创 2014-08-10 16:39:43 · 1060 阅读 · 0 评论 -
使用javascript从一个字符串提取自字符串
问题:有一个字符串是由ijige句子组成,其中的一个句子拥有一个项目列表,该列表以一个冒号开始(:),以一个句点结束(.),我们如何去提取这个列表解决思路:使用indexof+String方法来找到冒号,然后再次使用它找到冒号后面的第一个据点,有了这两个位置,使用String subString方法提取字符串 提取子字符串 var sentence="this i原创 2014-08-12 00:33:46 · 1640 阅读 · 0 评论 -
document.compatMode属性
document.compatMode用来判断当前浏览器采用的渲染方式。官方解释:BackCompat:标准兼容模式关闭。CSS1Compat:标准兼容模式开启。当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth;当document.compatMode等于CSS1Co原创 2014-08-12 19:48:47 · 572 阅读 · 0 评论 -
javascript事件冒泡
一、事件 在浏览器客户端应用平台,基本生都是以事件驱动的,即某个事件发生,然后做出相应的动作。 浏览器的事件表示的是某些事情发生的信号。事件的阐述不是本文的重点,尚未了解的朋友,可以访问W3school教程 进行了解,这将有助于更好地理解以下的内容 。原创 2014-08-12 23:48:15 · 826 阅读 · 1 评论 -
javascript实现获取json数据分页功能
无标题文档var a={"code":1,"list":[{"category1_id":"1","category1_name":"\u9152\u6c34\u996e\u6599","category1_intro":"\u6e05\u51c9\u53ef\u53e3\u7684\u9152\u6c34\u996e\u6599","category1_images":"http:\/\/w原创 2014-08-13 21:12:09 · 8026 阅读 · 1 评论 -
Javascript鼠标控制对象滚动
try the mouseWheel /*=========reset===========*/ * {padding: 0; margin: 0} body {margin: 3em; font: 12px Tahoma; background: #EAEAEA; color: #333333; line-height: 20px} input, textarea {f原创 2014-08-13 20:08:24 · 727 阅读 · 0 评论 -
检查一个存在的,非空的字符串
问题:检测一个已经定义了的原创 2014-08-12 01:18:50 · 1125 阅读 · 0 评论 -
json学习篇の在php和javascript中使用json
一.JSON简介JSON(javascript Object Notation)原创 2014-08-16 01:40:47 · 655 阅读 · 0 评论 -
分别用普通过程,面向对象过程,和继承方法实现拖拽效果
分别用普通过程,面向对象过程,和继承方法实现拖拽效果原创 2014-08-22 02:13:23 · 818 阅读 · 0 评论 -
javascript中this和super用法
"this",作为一个特殊的关键字,它的规则如下: 1。可以表示构造函数传递。this(a,b)表示调用另外一个构造函数。这里面的this就是一个特殊语法,不是变量,没有什么类型。 2。可以在一个类的非static成员内部使用,表示当前这个对象。此时,this就是一个final的普通变量,它有静态类型,就是这个类C本身;它有动态类型,就是当前这个对象的类型。你可以对它调用成员函数,把它传递原创 2014-08-03 20:17:46 · 6426 阅读 · 0 评论 -
angularjs入门学习一【核心理念】
啊原创 2014-06-18 18:35:20 · 885 阅读 · 0 评论 -
js实现浮动框【缓冲效果】
右侧缓动悬浮宽 #f_fix{width: 100px;height: 150px;background: #808080;position: absolute;right: 0;} window.onscroll=function() { var oDiv=document.getEleme原创 2014-06-30 20:56:23 · 1437 阅读 · 0 评论 -
JavaScript获取浏览器高度和宽度值
IE中: document.body.clientWidth ==> *DY对象宽度document.body.clientHeight ==> *DY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireF转载 2014-07-02 01:07:56 · 868 阅读 · 0 评论 -
angularjs入门学习【应用剖析中篇】
angluarjs UI与控制器分离 $watch() 、依赖注入原创 2014-07-01 16:12:37 · 1158 阅读 · 0 评论 -
IE的IF条件注释
在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用!if IE什么意思呢?下面就列举了一些在CSS常见的HACK控制语句。作为IE的IF条件注释使用备忘,有些时候试用if IE而不是在css中使用hack,就能通过w3c验证。除IE外都可识别 所有的IE可识别 只有IE5.0可以识别 仅IE5.0与IE5.5可以识别 IE5.0以及IE5.0原创 2014-05-29 21:03:20 · 900 阅读 · 0 评论 -
angularjs入门学习【指令篇】
angularjs 指令,指令对象,DOM操作,作用域应用原创 2014-07-03 13:52:34 · 2390 阅读 · 0 评论 -
CSSreset
/* @名称: base @功能: 重设浏览器默认样式 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { color:black; background:white; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6原创 2014-05-30 22:37:49 · 606 阅读 · 0 评论 -
JavaScript中按照字母排序列表的两种方法
写这篇博客的时候,是刚刚好我原创 2014-05-30 20:00:53 · 24999 阅读 · 0 评论 -
angularjs中directive声明scope对象时修饰符解释和用法
在angular中我们定义directive方法时,可以看到 return { restrict: 'AE', scope: {}, template: '', link: function() {}}除了代码中出现的属性,还有一些其他的属性可供配置,这里不作详述。今天我们要说的重点是scope字段。常规用法设置原创 2014-07-24 15:55:32 · 3308 阅读 · 0 评论 -
js实现多物体运动框架并兼容各浏览器
首先,我们需要知道在js中获取对象的宽度如offsetWidth等,可能会存在一些小小的bug。原因之一在于offsetWidth仅仅只是获取盒子模型中内容的部分宽度,并不包含内边距,边框和外边距,这样会导致控制对象运动与预期不符,这里就不详细的去解释。而为了解决这个问题,在这里,我们提供了一个方法来保证我们的运动的准确性。style只能获取元素的内联样式,内部样式和外部样式使用s原创 2014-07-25 13:04:13 · 1075 阅读 · 0 评论 -
angularjs compiler编译器
Angular的HTML compiler允许开发者自定义新的HTML语法。原创 2014-07-26 01:52:55 · 1641 阅读 · 1 评论 -
haslayout
haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了 hasLayout 的属性,属性值可以为true或false。当一个元素的 hasLayout属性值为true时,我们说这个元素有转载 2014-06-16 12:29:52 · 508 阅读 · 0 评论 -
currentstyle和getComputedStyle兼容问题
currentStyle:获取计算后的样式,也叫当前样式、最终样式。优点:可以获取元素的最终样式,包括浏览器的默认值,而不像style只能获取行间样式,所以更常用到。注意:不能获取复合样式如background属性值,只能获取单一样式如background-color等。alert (oAbc.currentStyle);非常遗憾的是,这个好使的东西也不能被各大浏览器完美地原创 2014-07-09 20:06:06 · 1144 阅读 · 0 评论 -
使用 html5 FileReader 获取图片, 并异步上传到服务器
原理:1.使用FileReader 读取图片的base64编码2.使用ajax,把图片的base64编码post到服务器。3.根据接收到post的数据分析图片的类型(jpg,gif,png),并把base64_decode后的数据生成对应类型的图片文件。 use the fileReader to get load the picture原创 2014-08-20 19:30:54 · 1728 阅读 · 0 评论