前言 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…
何为js对象： JavaScript 中的所有事物都是对象：字符串、数值、数组、函数... 何为jquery对象： jquery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 对象转换的目的： jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型，一般情况下，如S(’#id’)得到的是jquery对象，它不能使用js中的dom方法。所…
关于cookie cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 Cookie是由服务器端生成，发送给User-Agent（一般是浏览器），浏览器会将Cookie的key/value保存到某个目录下的文本文件内，下次请求同一网站时就发送该Cookie给服务器（前提是浏览器设置为启用cookie）。Cookie名称和值可以由服务器端开发自己定义，对于JSP而言也可以直接写入jses…
网页顶部加载进度条仿智能手机上浏览网页一样，手机上的浏览器进度条一般都在屏幕顶部，一条极细的小线条，当页面加载的时候，它就不断的加载显示进度。这样做的目的与页面中加载提示及软件应用中的进度提示的目的都是一致的为了优化用户体验。 首先介绍一下css3的实现方法： <style type="text/css"> body{ margin:0; padding:0;} @-moz-keyframes progressing { 0% {width:0px;} 100% {width:100%;} } @-we…