田克(sailor)

不骄不躁,勇往直前!

导航

2014年3月7日 #

浏览器内核信息整理

摘要: 21世纪,浏览器杂七杂八,足以让你眼花缭乱。我们在做页面兼容性测试的时候,面对众多的浏览器该如何调试我们的web页面?其实,如果你了解了浏览器的内核,那么就不会觉得头疼。因为它们的内核并不是和他的数量一样那么多,常见的几类内核可以归为:Trident、Gecko、WebKit、Presto 四种。至于众多的浏览器,他们只不过是:{不同浏览器的外壳+内核=浏览器}。外壳指的是浏览器界面上的菜单,工具栏,那些让用户操作的。而他们都是调用内核来实现各种功能,可见内核才是浏览器的核心。所以,我们只要了解一款浏览器的核心引擎是什么,然后就可以对其进行兼容性测试,不会觉得无从下手。浏览器的内核又可以分为: 阅读全文

posted @ 2014-03-07 17:41 田克 阅读(160) 评论(0) 推荐(0) 编辑

Javascript中的undefined、null、""、0值和false的区别总结

摘要: 在程序语言中定义的各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NET Framework中数据库字段的空值DBNull,boolean类型的假值false等等。在JavaScript中也有很多种的"空值"和"假值",那么它们都有什么共同点和不同点呢? 其实标题里面我已经列出了JavaScript中所有的"空值"和"假值",除了boolean值本身就是true和false这两种情况外,其它数据类型的"空值"主要 阅读全文

posted @ 2014-03-07 17:31 田克 阅读(234) 评论(0) 推荐(0) 编辑

JQUERY中的AJAX应用

摘要: Ajax介绍1.什么是Ajax Ajax全称为"Asynchronous JavaScript and XML",是由客户端js所发起的http请求代号. 实现无刷新的数据更新界面效果.2.Ajax原理 运用XHTML+CSS来表达信息; 运用JavaScript操作DOM(Document Object Model)运行动态效果; 运用XML和XSLT进行数据交换及操作; 运用XMLHttpRequest为Agent与网页服务器进行异步数据交换; 运用JavaScript技术实现3.Ajax的优点 1.不需要任何浏览器插件,在任何支持JavaScript的浏览器上运行 2 阅读全文

posted @ 2014-03-07 17:29 田克 阅读(183) 评论(0) 推荐(0) 编辑

10个可以直接拿来用的JQuery代码片段

摘要: jQuery里提供了许多创建交互式网站的方法,在开发Web项目时,开发人员应该好好利用jQuery代码,它们不仅能给网站带来各种动画、特效,还会提高网站的用户体验。本文收集了10段非常实用的jQuery代码片段,你可以直接复制黏贴到代码里,但请开发者注意了,要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。1.预加载图片(function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = funct... 阅读全文

posted @ 2014-03-07 17:26 田克 阅读(253) 评论(0) 推荐(0) 编辑

如何书写高质量的jQuery代码

摘要: 想必大家对于jQuery这个最流行的javascript类库都不陌生,而且只要是前端开发人员肯定或多或少的使用或者接触过,在今天的这篇文章中,我们将介绍一些书写高质量jQuery代码的原则,我们不单单会告诉你如何去书写,也会告诉你为什么这样书写,希望大家会觉得有所帮助,如果你也有自己的一些经验分享,请不吝赐教!注意定义jQuery变量的时候添加var关键字这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下:$loading=$('#loading');//这个是全局定义,不知道哪里位置倒霉引用了相同的变量名,就会郁闷至死的如果你定义成 阅读全文

posted @ 2014-03-07 16:55 田克 阅读(177) 评论(0) 推荐(0) 编辑

几个 jQuery 小提示和技巧

摘要: 1) 禁止右键 在开发 Web 应用的时候,有些情况需要禁用右键单击功能。使用此代码,jQuery 开发人员可以在网页上禁用鼠标右键点击。代码如下:12345678910$(document).ready(function() {//catch the right-click context menu$(document).bind("contextmenu",function(e) { //warning prompt - optionalalert("No right-clicking!");//delete the default context 阅读全文

posted @ 2014-03-07 16:45 田克 阅读(115) 评论(0) 推荐(0) 编辑

reset.css

摘要: 1 /* reset.css Eiditor By tianke */ 2 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, 3 pre, fieldset, lengend, button, input, textarea,th, td {margin: 0; padding: 0;} 4 body, button, input, select, textarea {font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans 阅读全文

posted @ 2014-03-07 16:21 田克 阅读(100) 评论(0) 推荐(0) 编辑

CSS3笔记

摘要: 2D:平移 translate(x,y) 沿着 X 和 Y 轴移动元素 translateX(n) 沿着 X 轴移动元素 translateY(n) 沿着 Y 轴移动元素旋转 rotate(angle) 参数angle为正或负,分别顺时针和逆时针旋转缩放 scale(x,y) 改变元素的宽度和高度 scaleX(n) 改变元素的宽度 scaleY(n) 改变元素的高度倾斜 skew(x-angle,y-angle) 沿着x,y轴倾斜 skewX(x-angle) 沿着x轴倾斜 skewY(y-angle) 沿着y轴倾斜... 阅读全文

posted @ 2014-03-07 16:03 田克 阅读(100) 评论(0) 推荐(0) 编辑