11 2015 档案

摘要:Firebug是WEB调试工具之一,是网页浏览器 Firefox 下的一款开发类插件。它集HTML查看和编辑、JS控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。 安装:可以在网页下载,也可以在火狐浏览器的附加组件内搜索安装下载(下载安装完成,重启浏览 阅读全文
posted @ 2015-11-17 21:13 姜腾腾 阅读(1010) 评论(0) 推荐(0) 编辑
摘要:21、根据域名划分页面内容 很显然, 是最大限度地实现平行下载 22、尽量减少iframe的个数 考虑即使内容为空,加载也需要时间,会阻止页面加载,没有语意,注意iframe相对于其他DOM元素高出1-2个数量级的开销,它会在典型方式下阻塞onload事件,IE和Firefox中主页面样式表会阻塞它 阅读全文
posted @ 2015-11-16 20:09 姜腾腾 阅读(1116) 评论(0) 推荐(0) 编辑
摘要:8、避免使用CSS表达式(避免在CSS中使用Expressions) 什么是CSS表达式:是用来把CSS属性和JavaScript关联起来。 页面显示和缩放,滚动、乃至移动鼠标时,CSS表达式的计算频率是我们要关注的。可以考虑一次性的表达式或者使用事件句柄来代替CSS表达式。 9、将CSS和JS放到 阅读全文
posted @ 2015-11-15 20:08 姜腾腾 阅读(1041) 评论(0) 推荐(0) 编辑
摘要:什么是Yahoo军规?即如何提高网站速度的知识。 具体如下: 1、尽量减少HTTP请求个数——须权衡 什么是http请求:从客户端到服务器端的请求消息。包括消息首行中,对资源的请求方法,资源的标识符及使用的协议。 合并图片(如css sprites,内置图片使用数据)、合并CSS、JS,这一点很重要 阅读全文
posted @ 2015-11-14 20:07 姜腾腾 阅读(986) 评论(0) 推荐(0) 编辑
摘要:SEO分类:白帽SEO、黑帽SEO 白帽SEO: 内容上的SEO: 网站标题、关键字、描述 网站内容优化 Robot.txt文件 网站地图 增加外链引用 前端SEO: 网站结构布局优化 扁平化结构(一般来说,建立的网站目录层次越少,越容易被收录,一般中小型网站,目录层次超过三层,网页爬虫就不太愿意爬 阅读全文
posted @ 2015-11-13 18:05 姜腾腾 阅读(1192) 评论(0) 推荐(0) 编辑
摘要:input标签讲解 <input/>作为按钮的type属性:button、submit(后面会有二者对比分析) (交互时的效果跟浏览器以及操作系统相关) <input/>的局限性 <input/>是自闭合标签(不能嵌套其他的标签),所以不能定义复杂样式按钮,所谓复杂的样式,一般指图文混杂的按钮,如下 阅读全文
posted @ 2015-11-12 15:40 姜腾腾 阅读(1413) 评论(0) 推荐(0) 编辑
摘要:实现方法: 1、JavaScript 2、jQuery 3、CSS多栏布局 法一: window.onload=function(){ waterfall('main','pin'); var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'sr 阅读全文
posted @ 2015-11-11 11:56 姜腾腾 阅读(1182) 评论(0) 推荐(0) 编辑
摘要:--> --> --> --> 一、使用jQuery来实现 css部分 * { margin: 0; padding: 0; } body { font-size: 12px; line-height: 1.7; } li { list-style: none; } #content { width 阅读全文
posted @ 2015-11-10 14:38 姜腾腾 阅读(993) 评论(0) 推荐(0) 编辑
摘要:用jQuery实现Ajax jQuery.ajax([settings]) type:类型,“POST”或“GET”,默认为“GET” url:发送请求的地址 data:是一个对象,连同请求发送到服务器的数据 dataType:预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包M 阅读全文
posted @ 2015-11-08 00:06 姜腾腾 阅读(1103) 评论(0) 推荐(0) 编辑
摘要:JSON基本概念 JSON:JavaScript对象表示法(JavaScript Object Notation) JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成。 JSON是独立于语言的,也就是说不管什么语言,都可以解析JSO 阅读全文
posted @ 2015-11-07 23:43 姜腾腾 阅读(1108) 评论(0) 推荐(0) 编辑
摘要:Ajax的全称:Asynchronous JavaScript And XML(异步的 JavaScript 和 XML)。 Ajax不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。 如何实现Ajax技术(要有这三个方面): 1、运用HTML和CSS来实现页面,表达信息 阅读全文
posted @ 2015-11-06 21:54 姜腾腾 阅读(1123) 评论(0) 推荐(0) 编辑
摘要:简介: 客户端验证:现代网站填写表单时,几乎一定会采用的方式。 优点:1、可以减少服务器压力 2、缩短用户等待时间和提升用户体验 jQuery有很多表单验证插件:https://plugins.jquery.com/tag/validate/ 其中jQuery Validation插件是最常用的插件 阅读全文
posted @ 2015-11-05 15:18 姜腾腾 阅读(268) 评论(0) 推荐(0) 编辑
摘要:在线聊天室案例 一、功能简介: 1.用户需要登录后才能进入聊天室交流 2.已无刷新的方式,动态展示交流后的内容和在线人员的基本信息 3.登录后的用户可以提交文字和表情图标 技术重点:利用ajax的无刷新技术请求并展示数据 二、实现界面 1.登录页面(验证用户信息) 功能描述: a.为了显示当前的在线 阅读全文
posted @ 2015-11-04 21:23 姜腾腾 阅读(280) 评论(0) 推荐(0) 编辑
摘要:1、获取浏览器的名称与版本信息 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式 阅读全文
posted @ 2015-11-03 15:56 姜腾腾 阅读(236) 评论(0) 推荐(0) 编辑
摘要:1、拖曳插件——draggable 拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下: $(selector). draggable({options}) options参数为方 阅读全文
posted @ 2015-11-02 21:55 姜腾腾 阅读(209) 评论(0) 推荐(0) 编辑
摘要:1、表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:$(form).validate({options}) 其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则 阅读全文
posted @ 2015-11-01 21:53 姜腾腾 阅读(240) 评论(0) 推荐(0) 编辑