2016 一月_蓝戒的博客
您当前位置 :
蓝戒的博客 » 所有 "2016年01月" 的文章
-
Jan242016
前言
web发展经历了一个漫长的周期，最开始很多人认为Javascript这们语言是前端开发的累赘，是个鸡肋，那个时候人们还享受着从一个a链接蹦到另一个页面的web神奇魔术。后来随着JavaScript的不断更新换代，他的功能不仅仅是为网页添加一点特效了，语言本身的加强以及对DOM操作能力的提升让他在前端大放光彩。尤其是ajax的出现，让JavaScript以及整个web的发展翻开了崭新的一页。
利用ajax局...阅读全文
-
Jan132016
querySelectorAll 相比下面这些方法有什么区别？
getElementsByTagName
getElementsByClassName
getElementsByName
在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者...阅读全文
-
Jan092016
写在前面
近年前端知识技术更新迭代加速，作为一名前端汪，你是否停留在刀耕火种的时代？让我们带着极客的精神去发现更好的，更优雅的编码之旅吧！兵欲善其事必先利其器，选择一个好的工具，认识它，了解它，用它更好的为我们解决问题。废话不多说，下面我们一起进入css的新世界PostCSS。
一. PostCSS是什么？
1. 初识PostCSS
PostCSS在以惊人的速度发展，而且越来越受人欢迎。越来越多的...阅读全文
-
Jan072016
在实际项目中尝尝会遇到网站公共的底部文件在不同高度页面下显示异常问题：
1.当网页高度不足以撑开一屏显示的时候，如果页面没有使用css定位，那么页面公共底文件不在视口最底部，而出现在偏上位置，这并不是我们要的效果，我们希望页面在视口的最底部显示。
如图：
示例1
2. 当网页高度足以撑开一屏显示的时候，如果页面使用了css定位了，那么问题又来了，底页面公共底文件一直保持在了视...阅读全文
-
Jan072016
一、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方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必...阅读全文
-
Jan052016
Zclip插件下载地址：
http://www.webzsky.com/source/v/js_21.html
这个插件网上都说是兼容各浏览器，要不是我的用的时候火狐不兼容，我差点就信了
由于这个插件是通过flash实现的复制的剪切板功能，据我观察火狐不兼容，表现出来的情况是按钮上呈现黑色遮罩层，点击无效果。我的解决方案是判断火狐浏览器，然后提示浏览器不支持，请手动复制，并且js选中要复制的内容。
js部分：
<scrip...阅读全文
-
Jan012016
1、对整个网页限制鼠标右键：
oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单。
<table border oncontextmenu=return(false)> <td> no</table> 可用于Table
function click() {
if (event.button==2) {
alert('对不起，本页禁用右键！')
}
...阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
前言 web发展经历了一个漫长的周期，最开始很多人认为Javascript这们语言是前端开发的累赘，是个鸡肋，那个时候人们还享受着从一个a链接蹦到另一个页面的web神奇魔术。后来随着JavaScript的不断更新换代，他的功能不仅仅是为网页添加一点特效了，语言本身的加强以及对DOM操作能力的提升让他在前端大放光彩。尤其是ajax的出现，让JavaScript以及整个web的发展翻开了崭新的一页。 利用ajax局...阅读全文抢沙发
querySelectorAll 相比下面这些方法有什么区别？ getElementsByTagName getElementsByClassName getElementsByName 在传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式，或者...阅读全文作者：cywcd | 分类：javascript, Jquery | 阅读： 5,240 次 |
在实际项目中尝尝会遇到网站公共的底部文件在不同高度页面下显示异常问题： 1.当网页高度不足以撑开一屏显示的时候，如果页面没有使用css定位，那么页面公共底文件不在视口最底部，而出现在偏上位置，这并不是我们要的效果，我们希望页面在视口的最底部显示。 如图： 示例1 2. 当网页高度足以撑开一屏显示的时候，如果页面使用了css定位了，那么问题又来了，底页面公共底文件一直保持在了视...阅读全文作者：cywcd | 分类：javascript, Jquery | 阅读： 3,652 次 |
一、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方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必...阅读全文作者：cywcd | 分类：javascript, Jquery | 阅读： 4,346 次 |
Zclip插件下载地址： http://www.webzsky.com/source/v/js_21.html 这个插件网上都说是兼容各浏览器，要不是我的用的时候火狐不兼容，我差点就信了 由于这个插件是通过flash实现的复制的剪切板功能，据我观察火狐不兼容，表现出来的情况是按钮上呈现黑色遮罩层，点击无效果。我的解决方案是判断火狐浏览器，然后提示浏览器不支持，请手动复制，并且js选中要复制的内容。 js部分： <scrip...阅读全文作者：cywcd | 分类：javascript | 阅读： 4,424 次 |
1、对整个网页限制鼠标右键： oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键，其实是禁止快捷菜单，因为不光右键可以弹出这个菜单，键盘上空格键右边的windows键也可以激活这个快捷菜单。 <table border oncontextmenu=return(false)> <td> no</table> 可用于Table function click() { if (event.button==2) { alert('对不起，本页禁用右键！') } ...阅读全文作者：cywcd | 分类：javascript | 阅读： 8,980 次 |