摘要: 响应式Web设 计(ResponsiveWebdesign)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸、屏幕定向、系统平台等)以及用户行为(改变窗口 大小等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSSmediaquery的使用等。无论用户正在使用 pc、平板电脑,或者手机,无论是全屏显示还是非全屏的情况,无论屏幕是横向还是竖向,页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应 不同设备。 响应式web设计对交互设计和前端实现提出了更高的要求,需要考虑清楚不同分辨率下页面的布局变化、内容的缩放等。 响应式Web设计的优势: ... 阅读全文
posted @ 2014-04-04 17:35 优雅的疯子 阅读(2491) 评论(0) 推荐(0) 编辑
摘要: 添加新内容的四个 jQuery 方法:append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容//几种添加节点的方法$("p").append("你好吗?");//向p元素中追加《b》$("你好吗?").appendTo("p");//将《b》追加到p元素中$("p").prepend("你好吗?");//向p中前置《b》$("你好吗?&quo 阅读全文
posted @ 2014-04-02 16:41 优雅的疯子 阅读(8952) 评论(0) 推荐(0) 编辑
摘要: 数组的定义 var arr = [1, 2, 3, 4, "one", "two", "three", "four"]; //一维数组 var props = [["拳头", "刀", "枪"], ["boxing", "knife ", "gun"]]; //二维数组调用 console.log(arr[0]); console.log(props[0][0]);JS对数组的遍历 for (va 阅读全文
posted @ 2014-04-02 15:47 优雅的疯子 阅读(288) 评论(0) 推荐(0) 编辑
摘要: Excetional Performance 团队总结出了一系列可以提高网站速度的方法。可以分为 7大类 35条。包括内容 、服务器 、 CSS 、 JavaScript 、Cookie 、图片 、移动应用 ,七部分。 一、内容部分 尽量减少 HTTP请求 减少 DNS查找 避免跳转 缓存 Ajxa 推迟加载 提前加载 减少 DOM元素数量 用域名划分页面内容 使 frame数量最少 避免 404错误1、尽量减少 HTTP请求次数 终端用户响应的时间中,有 80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、 Flash等。通过减少页面中的元素可以减少 HTTP请求的次数.. 阅读全文
posted @ 2014-03-13 17:15 优雅的疯子 阅读(178) 评论(0) 推荐(0) 编辑
摘要: $(document).ready(function () { document.cookie = "cookieid=1; expires=60"; var result = document.cookie.indexOf("cookieid=") != -1; if (!result) { alert("浏览器未启用cookie"); } });一般浏览器设置cookie方式打开:更多设置——隐私和个人数据——接受cookie,开启 阅读全文
posted @ 2014-02-14 10:51 优雅的疯子 阅读(875) 评论(0) 推荐(0) 编辑
摘要: 返回上一页或:返回上一页如果是用按钮做的话就是:用图片做的话就是:几秒钟后自动返回上一页代码:content=这后面是时间。蓝色字处可以自行更换。 Javascript刷新页面的几种方法:1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(location)8 document.URL=location.href 自 阅读全文
posted @ 2014-02-10 11:59 优雅的疯子 阅读(4200) 评论(0) 推荐(0) 编辑
摘要: jQuery Mobile 基本页面结构大部分jQuery Mobile Web应用程序都要遵循下面的基本模板 jQuery Mobile基本页面结构 Header Content goes here Footer 代码说明要使用 jQuer... 阅读全文
posted @ 2014-02-08 17:00 优雅的疯子 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 浏览器是我们每天几乎都必须使用的软件产品,可是对于自己每天都接触的浏览器,很多同学其实对其一无所知。今天异次元就跟大家说说关于浏览器内核的一些事儿吧,好让你了解多一点稍微内在的东西。在下面的文章中主要介绍一些常见的浏览器内核和JavaScript引擎,部分内容来自于我在网上找到的资料,还有一些是我自己的理解,不保证完全正确,但是大致应该是没错的。如果有误,请指正…… 一、浏览器内核 (排版引擎/渲染引擎)首先解释一下浏览器内核是什么东西。英文叫做:Rendering Engine,中文翻译很多,排版引擎、解释引擎、渲染引擎,现在流行称为浏览器内核,至于为什么流行这么称呼,请自行领悟。Re... 阅读全文
posted @ 2014-01-10 12:46 优雅的疯子 阅读(666) 评论(0) 推荐(0) 编辑
摘要: 首先说一下当前各大内核Trident: IE 以Trident 作为内核引擎 // 俗称 IE内核 Gecko: Firefox(火狐) // 俗称Firefox内核 WebKit: Safari(苹果), Google Chrome(谷歌),傲游3 基于 Webkit 开发 // 俗称chrome内核Presto: Opera( 欧朋浏览器)的内核 ,主要应用在手机平台--Opera mini // 俗称Opera内核再来说一下当前各大浏览器的所属内核IE内核 IE6、IE7、IE8(Trident 4.0)、IE9(Trident 5.0)、IE10(Trident 6.0);世界之窗.. 阅读全文
posted @ 2014-01-10 11:59 优雅的疯子 阅读(8645) 评论(0) 推荐(0) 编辑
摘要: 1.透明flash代码2.图片滚动效果 不仅仅局限于文字,也可以应用于图片,表格等等属性:a.方向 #=left, right ,up ,downb.方式 #=scroll, slide, alternate一圈一圈绕着走!只走一次就歇了!来回走c.循环 #=次数 默认就是循环d.速度 #数值越大越快e.延时f.方向 #=left, right ,up ,down 阅读全文
posted @ 2013-12-30 16:01 优雅的疯子 阅读(186) 评论(0) 推荐(0) 编辑