毛毛短啊的博客_前端

css代码初始化

css代码之所以初始化，是因为能尽量减少各浏览器之间的兼容性问题!腾讯QQ官网样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow",HELVETICA

浏览器

腾讯QQ

background

legend

新浪官网

原创 2015-11-12 15:12:42 668 阅读

css样式对于ie和火狐兼容性写法1

前台样式最烦人的就是各种浏览器跟分辨率的兼容问题首先需要了解各个浏览器之间样式在哪几方面容易出问题IE支持自定义光标文件cursor:url()IE支持自定义滚动条颜色风格IE6中的select有永远处在最上的bug,而且css对select不起作用。在form中，IE支持label，包括文字和图片；但是火狐不支持图片的label，点击图片不能让label for的radio或者checkbox

兼容性

原创 2015-10-19 17:44:21 1345 阅读

javascriptdom和bom区别

javascript由三部分组成ecmasript、dom、bomdom和bom区别dom文档对象模型：提供访问和操作网页内容的方法和接口，用来获取或设置文档中标签的属性，以及html标记的这些浏览器展现的内容，例如获取或者设置input表单的value值。BOM是浏览器对象模型：用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。主要包括window对象、docum

浏览器

javascript

document

w3c标准

原创 2015-05-06 10:33:21 447 阅读

网站优化之影响网站打开速度的五大因素

　一直以来，网站的打开速度直接影响着站点的用户体验。即使一个网站内容丰富、制作精良，但是网站加载速度过慢，很多访客仍然很有可能直接放弃访问。尤其对于电商网站而言，网站的打开速度甚至直接关系到产品的销售量。造成网站缓冲时间长、响应速度慢的原因有很多，例如缓存过多、网络传输质量的问题或者服务器自身性能差等。下面就总结了影响网站加载速度的几大常见因素。　　1. 服务器　　当一个网站的打开速度太慢时，首选

杀毒软件

服务器

硬件故障

黑客攻击

网站优化

转载精选 2015-01-28 11:21:56 725 阅读

测试网站访问速度的5个方法

网页载入速度对于一个网站来讲很关键，Google已经将一个网站的载入速度列入了网站关键字排名的考虑因素当中，也就是说如果你的网站有足够的内容，而且载入速度比别人的网站更快一步的话，那么你就是获得更好的排名。那么下面就赶快测试你的网站，提高网站访问速度吧。1：用Ping命令简单测网站速度的方法Ping可以用来检查网络是否通畅或者网络连接速度，点击开始→运行在运行中输入“cmd”回车或点击确定，输入

Google

服务器

网络连接

修改注册表

关键字排名

转载精选 2015-01-28 11:20:09 492 阅读

伊伦学习JQuery的$.Ready()与OnLoad事件比较

$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里.对于Body的Onload事件和JQuery的Ready方法相比，有很多弊端.比如:1.加载多个函数的问题<body onload="a();b();

网页

图片

flash

document

window

转载精选 2015-01-08 15:18:10 186 阅读

Javascript 异步加载详解

一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式：<script src="http://yourdomain.com/script.js"></script> 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。 js 之所以要同步执行，是因为 js 中可

浏览器

javascript

document

function

定向

转载精选 2015-01-08 15:04:45 383 阅读

js异步加载的三种解决方案

默认情况javascript是同步加载的，也就是javascript的加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。 (1) defer，只支持IE defer属性的定义和用法（我摘自w3school网站） defer 属性规

浏览器

标签

javascript

解决方案

原创 2015-01-08 15:00:51 393 阅读

JavaScript定义方法和JavaScript执行方法

【JavaScript定义方法】：在HTML文档中加入JavaScript代码有两种方法：嵌入式、链入式。嵌入式：把JavaScript代码嵌入在HTML文档中。方法：<script type="text/javascript">JS代码</script>JavaScript代码必须定义在 <script> 和 </script> 之间。<sc

网页

扩展名

标签

嵌入式

文本文件

转载精选 2014-12-30 08:11:15 486 阅读

javascript事件列表解说

事件浏览器支持解说一般事件 onclick IE3、N2 鼠标点击时触发此事件ondblclick IE4、N4 鼠标双击时触发此事件onmousedown IE4、N4 按下鼠标时触发此事件onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件onmouseover IE3、N2 当鼠标移动到某对象范围的上方时触发此事件onmousemove IE4、N4 鼠标移动时触发此事件on

浏览器

图片

键盘

javascript

用户

转载精选 2014-12-30 07:42:39 286 阅读

getElementById与getElementsByName 与getElementsByTagName的区别总结

1.getElementById 作用：一般页面里ID是唯一的，用于准备定为一个元素语法： document.getElementById(id) 参数：id :必选项为字符串(String) 返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 null 代码example：document.getEl

标签

字符串

元素

null

example

转载精选 2014-12-27 09:48:20 729 阅读

js 中null 和undefined的区别

null 与 undefined JavaScript 中一共有 5 种基本类型，分别是 String、Number、Boolean、Null 和 Undefined 。前 3 种都比较好理解，后面两种就稍微复杂一点。 Null 类型只有一个值，就是 null ； Undefined 类型也只有一个值，即 undefined 。 null 和 undefined 都可以作为字面量（lit

null

return

undefined

function

转载精选 2014-12-03 09:22:52 342 阅读

Sublime Text 3快捷键大全

Ctrl+L选择整行(按住-继续选择下行)Ctrl+KK从光标处删除至行尾Ctrl+Shift+K删除整行Ctrl+Shift+D复制光标所在整行，插入在该行之前Ctrl+J合并行(已选择需要合并的多行时)Ctrl+KU改为大写Ctrl+KL改为小写Ctrl+D选词(按住-继续选择下个相同的字符串)Ctrl+M光标移动至括号内开始或结束的位置Ctrl+Shift+M选择括号内的内容(按住-继续选择

快捷键

标签

字符串

Enter

转载精选 2014-12-01 15:53:38 368 阅读

如何用用div+css模拟表格对角线

首先声明：这只是探讨一种CSS模拟表格对角线的用法，实际在工作中可能觉得这样做有点小题大作，这不是本主题讨论的重点。如果对此深以为然的朋友，请一笑过之。。。有时在插入文档时，要用到表格对角线，常见的作法是用图片的方式来处理，还有就是用vml来画对角线，能不能用html+css方式来实现呢？答案是肯定的，下面我们来摸拟一个表格对角线。原理：用边框线来摸拟斜线，我们知道，如果将一个DIV的边框线设置得

朋友

图片

主题

如何

对角线

转载精选 2014-11-25 15:30:40 457 阅读

sublime配置全攻略

我用过很多编辑器，EditPlus、EmEditor、Notepad++、Notepad2、UltraEdit、Editra、Vim，还有包括netbeans , zendstudio, dreamweaver 等。最后我遇见了sublime text。 sublime是我见过的最好的编辑器，大型IDE能实现的功能，用sublime装上相应插件，

linux

control

中文输入

编辑器

package

原创 2014-11-20 18:54:01 1484 阅读

sublime text 3 如何支持 javascript 代码提示方法一二

需要安装 SublimeCodeIntel 插件。安装方法：1.前示条件是 sublime text 3 已安装 package controll。(插件管理器) 　　安装 package control 方法：　　　　按 Ctrl + ~ 调出控制台复制粘贴如下代码，并回车：import urllib2,os; pf='Package Control.sublime-package'

javascript

control

package

import

控制台

原创 2014-11-20 18:43:55 10000+阅读

sublime如何安装 package control

相信看到这个帖子的童鞋，一般至少对 Sublime Text 有所了解了，废话不多讲，个人在 ST2 还没用好的时候， Sublime Text 3 又横空出世了，不过现在 ST3 还是 beta 版。 “安装了 Sublime Text 3 的朋友可能还在兴奋好奇之余，突然便发现 ST3 最基础的插件 Package Contro

朋友

快捷键

control

package

方向盘

转载精选 2014-11-20 18:15:56 707 阅读

CSS中隐藏内容的3种方法及属性值

在制作网页时，隐藏内容也是一种比较常用的手法，它的作用一般有：隐藏文本/图片、隐藏链接、隐藏超出范围的内容、隐藏弹出层、隐藏滚动条、清除错位和浮动等等。使用CSS即可使以上提到的内容隐藏起来，几种隐藏内容的方法： 1、使用display:none来隐藏所有内容display:none可以让网页中所有内容不显示，如代码、文字、链接、图片、div层，是推荐的内容隐藏方式。<div style=

图片

制作网页

转载精选 2014-11-20 10:54:27 448 阅读

如何利用 Console 来学习、调试JavaScript

一什么是 ConsoleConsole 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象，使用该对象可以输出信息到 Console 窗口中。二什么浏览器支持 Console很多人可能都知道 Chrome 和 FireFox(FireBug)中都支持 Console。而其他浏览器都支持不好。

console

转载精选 2014-11-01 13:38:53 277 阅读

各种编程语言中$符号的意义

这篇文章主要介绍了各种编程语言中$符号的意义,本文是给编程新手看的,$符号在多种编程语言中都在使用,需要的朋友可以参考下，最近开发过程中使用了多种脚本语言，在这些语言中发现很多的$符号，而每种脚本语言的$符号的用法和意义均不相同，所以借博文总结总结。在linux应用开发中经常使用makefile脚本和shell脚本，有趣的是，这两种脚本使用$符号时存在明显差异，虽然在这两种脚本中$均和变量有关，但

$

转载精选 2014-10-16 16:33:09 1396 阅读

javascript里面的标识符和保留字

标识符就是一个名字。在JavaScript中，标识符用来对变量和函数进行命名，或者用做JavaScript代码中某些循环语句中的跳转位置的标记。JavaScript标识符必须以字母、下划线（_）或美元符（$）开始。后续的字符可以是字母、数字、下划线或美元符（数字是不允许作为首字符出现的，以便JavaScript可以轻易区分开标识符和数字）。下面是合法的标识符：imy_variable_namev1

标识符   保留字

翻译精选 2014-10-16 16:20:38 441 阅读

XML标准文件结构

一个XML文件通常包含文件头和文件体两大部分1. 文件头XML文件头由XML声明与DTD文件类型声明组成。其中DTD文件类型声明是可以缺少的，关于DTD声明将在后续的内容中介绍，而XML声明是必须要有的，以使文件符合XML的标准

中文

规格

version

元素

原创 2014-08-25 14:40:06 699 阅读

block（块级元素）和 inline（内联元素）的区别

<td style="word-break:break-all"> 强制换行<td style="width:80px;display:block;boverflow: hidden;">超出隐藏，注意要设置宽度。内联转化为块状：display:block 或 float:left / right块状转化为内联：display:inline;但是要注意内联元素是

空间

初学者

元素

display

原创 2014-08-13 19:20:49 1311 阅读

如何将px换成em，px与em区别是什么？

　字体单位应该用em而不用px，原因简单来说就是支持IE6下的字体缩放，在页面中按ctrl+滚轮，字体以px为单位的网站没有反应。px是绝对单位，不支持IE的缩放，em是相对单位。　　我在调整本blog的时候，发现不仅仅是字体，将行距(line-height)，和纵向高度的单位都用em。保证缩放时候的整体性。　　怎么将px换成em呢？特地转jorux06年12月的一篇文章，因为中文站用px的太多了

浏览器

文章

中文

如何

设计师

转载精选 2014-08-13 14:39:09 507 阅读

在网页静态页面里面怎么跳转底部顶部的代码

跳到网页底部html代码：在</body>前加个<a name="bottom"></a>在任何地方写<a href="#bottom">跳到底部</a>就可以实现点击回到底部；返回网页顶部代码：<a href=#top>顶部</a>

网页

静态

原创 2014-08-11 11:09:43 1895 阅读

块状元素和内联元素

前几天写页面，搞不清楚块状元素和内联元素的区别，今天特地整理了一下， html标签分两种：块状元素和内联元素。块状元素一般是其它元素的容器，可以容纳内联元素和其它块状元素，独占一行，宽度和高度起作用。如div，p等标签属于块状元素。内联元素只能容纳文本和其它内联元素，可与其它内联元素位于同一行，宽度和高度不起作用。如a标签属于内联元素。若在内联元素的属性上加上display:block，则相当

原创 2014-04-03 14:52:30 416 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

PHPer

css代码初始化

css样式对于ie和火狐兼容性写法1

javascriptdom和bom区别

网站优化之影响网站打开速度的五大因素

测试网站访问速度的5个方法

伊伦学习JQuery的$.Ready()与OnLoad事件比较

Javascript 异步加载详解

js异步加载的三种解决方案

JavaScript定义方法和JavaScript执行方法

javascript事件列表解说

getElementById与getElementsByName 与getElementsByTagName的区别总结

js 中null 和undefined的区别

Sublime Text 3快捷键大全

如何用用div+css模拟表格对角线

sublime配置全攻略

sublime text 3 如何支持 javascript 代码提示方法一二

sublime如何安装 package control

CSS中隐藏内容的3种方法及属性值

如何利用 Console 来学习、调试JavaScript

各种编程语言中$符号的意义

javascript里面的标识符和保留字

XML标准文件结构

block（块级元素）和 inline（内联元素）的区别

如何将px换成em，px与em区别是什么？

在网页静态页面里面怎么跳转底部顶部的代码

块状元素和内联元素