概述 首先声明一下CSS三大特性—— 继承、 优先级和层叠。继承即子类元素继承父类的样式；优先级是指不同类别样式的权重比较；层叠是说当数量相同时，通过层叠（后者覆盖前者）的样式。 css选择符分类 首先来看一下css选择符（css选择器）有哪些？ 1.标签选择器（如：body,div,p,ul,li） 2.类选择器（如：class="head",class="head_logo"） 3.ID选择器（如：id="name",id="name_txt"） 4.全局选择器（如：*号） 5.组合选择器（如：.head .h…
官网主页: http://html2canvas.hertzen.com/ 概述 html2canvas是一个相当不错的JavaScript类库，它使用了html5和css3的一些新功能特性，实现了在客户端对网页进行截图的功 能。html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。 这个插件依赖于jQuery插件，建议使用最新版的。 兼容性 html2canvas能在以下的浏览器中完美的运行。 Firefox 3.5+ Chrome Opera IE9…
下面比较了几种浏览器之间的差异，在写javascript代码时 要时刻注意这些差异 序号 操作 分类 IE (6.0) FireFox (2.0) Mozilla (1.5) 当前 浏览器 备注 1 "." 访问tag的固有属性 OK OK OK OK 2 "." 访问tag的用户定义属性 eg: <input type="checkbox" myattr="test"> OK NO NO OK 可以用getAttribute函数 替代 3 obj.getAttribute 访问tag的固有属性 O…
前言 web发展经历了一个漫长的周期，最开始很多人认为Javascript这们语言是前端开发的累赘，是个鸡肋，那个时候人们还享受着从一个a链接蹦到另一个页面的web神奇魔术。后来随着JavaScript的不断更新换代，他的功能不仅仅是为网页添加一点特效了，语言本身的加强以及对DOM操作能力的提升让他在前端大放光彩。尤其是ajax的出现，让JavaScript以及整个web的发展翻开了崭新的一页。 利用ajax局部刷新页面，相信很多人玩得相当熟练了。如果整个页面的刷新都是使用ajax，我们可以称之为一个webapp，…
querySelectorAll 相比下面这些方法有什么区别？ getElementsByTagName getElementsByClassName getElementsByName 在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者使用某个库。事实上，现在所有的…
写在前面 近年前端知识技术更新迭代加速，作为一名前端汪，你是否停留在刀耕火种的时代？让我们带着极客的精神去发现更好的，更优雅的编码之旅吧！兵欲善其事必先利其器，选择一个好的工具，认识它，了解它，用它更好的为我们解决问题。废话不多说，下面我们一起进入css的新世界PostCSS。 一. PostCSS是什么？ 1. 初识PostCSS PostCSS在以惊人的速度发展，而且越来越受人欢迎。越来越多的人开始在了解它，使用它。因为他们意识到，在项目中使用PostCSS让他们意识到了眼前一亮。 2014年总共不到140万的…
在实际项目中尝尝会遇到网站公共的底部文件在不同高度页面下显示异常问题： 1.当网页高度不足以撑开一屏显示的时候，如果页面没有使用css定位，那么页面公共底文件不在视口最底部，而出现在偏上位置，这并不是我们要的效果，我们希望页面在视口的最底部显示。 如图： 示例1 2. 当网页高度足以撑开一屏显示的时候，如果页面使用了css定位了，那么问题又来了，底页面公共底文件一直保持在了视口底部。 示例2 为了解决上面的问题我们通过js来判断操控样式来兼顾两种不同情况的显示方式 例html如下： <footer class…
一、jquery.validate.js使用说明 1. 引入js控件库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 2.默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用ch…
Zclip插件下载地址： http://www.webzsky.com/source/v/js_21.html 这个插件网上都说是兼容各浏览器，要不是我的用的时候火狐不兼容，我差点就信了 由于这个插件是通过flash实现的复制的剪切板功能，据我观察火狐不兼容，表现出来的情况是按钮上呈现黑色遮罩层，点击无效果。我的解决方案是判断火狐浏览器，然后提示浏览器不支持，请手动复制，并且js选中要复制的内容。 js部分： <script src="statics/js/jquery.zclip.min.js">&l…
1、对整个网页限制鼠标右键： oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单。 <table border oncontextmenu=return(false)> <td> no</table> 可用于Table function click() { if (event.button==2) { alert…