01 2016 档案
摘要：我一直喜欢灰度图像因为我认为他们看起来更有艺术感。很多图片编辑如Photoshop很容易把你的彩色图像变成灰度。甚至有选择调整颜色深度和色调。不幸的是,这样的效果想做在网络上并不容易，因为浏览器有差异。 1、CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器
阅读全文
摘要：实现效果： css样式代码略。 html代码： 页面上导入了jquery.mobile 、jquery 1 2 <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> <script src="ht
阅读全文
摘要：1.Load( url, [data], [callback] ) 作用: 载入远程HTML文件代码并插入至DOM中. 参数: url (String):请求的HTML页的URL地址. data (Map):(可选参数)发送至服务器的 key/value 数据. callback (Callback
阅读全文
摘要：深入理解Java的接口和抽象类 对于面向对象编程来说，抽象是它的一大特征之一。在Java中，可以通过两种形式来体现 OOP的抽象：接口和抽象类。这两者有太多相似的地方，又有太多不同的地方。很多人在初学的时候会以为它们可以随意互换使用，但是实际则不然。今天我们就 一起来学习一下Java中的接口和抽象类
阅读全文
摘要：今天写程序的时候，突然发现了很早以前写的获取月份天数的函数，经典的 switch版，但是获得上月天数的时候，我只是把月份-1了，估计当时太困了吧，再看到有种毛骨悚然的感觉，本来是想再处理一下的，但是一想肯定还有什 么超方便的方法，于是找到了下面这个版本，做了一点小修改。 获取本月日期： 1 func
阅读全文
摘要：下面这些简单的小技巧能够帮助你玩转jQuery。 返回顶部按钮 预加载图像 检查图像是否加载 自动修复破坏的图像 悬停切换类 禁用输入字段 停止加载链接 切换淡入/幻灯片 简单的手风琴 让两个div高度相同 在新标签页/窗口打开外部链接 通过文本查找元素 在改变visibility时触发 AJAX调
阅读全文
摘要：一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。 首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局 （layout）和绘制（paint）。下面
阅读全文
摘要：在前端开发的过程中，掌握好浏览器的特性进行有针对性的性能调优是一项基本工作，jsperf.com是一个用来发布基于HTML的针对性能比较的测试用例的网站，你可以在jsPerf上在线填写和运行测试用例，得到浏览器运行测试用例的性能，学会利用jsPerf会让你的优化工作事半功倍。 书写测试用例 我想写一
阅读全文
摘要：在网上转悠的时候，看到了一篇不错的效果，便转载过来，以免以后用的时候难得找。 主要是运用"position:fixed;"属性。 直接上代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.
阅读全文
摘要：来自普遍的回答: 其实在 ECMAScript 的原始类型中，是有Undefined 和 Null 类型的。 这两种类型都分别对应了属于自己的唯一专用值，即undefined 和 null。 值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的，通
阅读全文
摘要：1.删除属性 delete运算符可以删除对象的属性 delete person.age //即person不再有属性age delete person['age'] //或者这样 delete只是断开属性和宿主对象的联系，而不会去操作属性中的属性 看到delete a.p之后b.x仍然为1 var
阅读全文
摘要：1 Array.prototype.unique1 = function () { 2 var n = []; //一个新的临时数组 3 for (var i = 0; i < this.length; i++) //遍历当前数组 4 { 5 //如果当前数组的第i已经保存进了临时数组，那么跳过，
阅读全文
摘要：(1)基本的数组方法 1.join() Array.join()方法将数组中所有元素都转化为字符串并连接在一起，返回最后生成的字符串。可以自己指定分隔的符号，如果不指定，默认使用逗号 var arr = [1,2,3]; console.log(arr.join());//"1,2,3" conso
阅读全文
摘要：原文地址：http://www.requirejs.cn§ 1.使用§ 1.1加载 JavaScript 文件RequireJS的目标是鼓励代码的模块化，它使用了不同于传统app.js:requirejs.config({ //By default load any module IDs fr...
阅读全文
摘要：<!Doctype html><html lang="zh-CN"><head><meta charset="utf-8"><title>深入理解CSS中的层叠上下文和层叠顺序</title><style type="text/css"> * {margin: 0;padding: 0;list-s
阅读全文
摘要：本文地址：http://www.zhangxinxu.com/wordpress/?p=5115 CSS3与新时代的层叠上下文CSS3的出现除了带来了新属性，同时还对过去的很多规则发出了挑战。例如，CSS3 transform对overflow隐藏对position:fixed定位的影响等。而这里，...
阅读全文
摘要：CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考...
阅读全文
摘要：标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确的关闭。除了HTML的标准通用属性之外，link元素还包括很多可选属性: c...
阅读全文
摘要：我们都知道 标签可定义预格式化的文本，一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中的文本通常会保留空格和换行符，但不幸的是，当你在标签里面写代码的时候，如果你没有手动换行，它也会给你保留，而不会动换行。这时候，你可以使用overflow:auto; (当代码超出容器边界的时候，显...
阅读全文
摘要：国外网站整理的一份很全的HTML特殊字符集，共享出来供大家查阅吧。使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；下面符号列表的后面有两列编号，它们并不太一样，第一列是用于HTML的，你需要在前面加上&#符号；第二列可以用于CSS文件中，但是需要用反斜杠\转义；第二列...
阅读全文
摘要：我想大家在写CSS的时候应该都对清除浮动的用法深有体会，今天我们就还讨论下clearfix的进化史吧。 clearfix清除浮动 首先在很多很多年以前我们常用的清除浮动是这样的。 .clear{clear:both;line-height:0;} 现在可能还可以在很多老的站点上可以看到这样的代码，相
阅读全文
摘要：转自：http://www.zhangxinxu.com/wordpress/?p=5155只要元素可以创建层叠上下文，就可以阻断mix-blend-mode！于是，不仅仅是isolation:isolate，下面这些也是可以的：z-index值不为auto的position:relative/po...
阅读全文
摘要：简单实现一个用jquery做的tab选项卡 <!doctype html> <html lang="zh-CN"> <head> <mate http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>tab选项卡</tit
阅读全文
摘要：1.语法text-align具体参数如下：语法：text-align:left|right|center|justify说明：设定元素内文本的水平对齐方式。参数：left:左对齐；right:右对齐；center:居中；justify:两端对齐初始值：跟浏览器的设置有关继承性：可继承适用于：bl...
阅读全文
摘要：1.块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度. 行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化. 块级元素可以设置width,height属性. 行内元素设置width,height属性无效. 块级元素即使设置了...
阅读全文
摘要：css有5种不同的position属性值我们不会讨论inherit，因为顾名思义，它就是继承了父元素的值，而且在比较老的IE版本中，支持情况也不好。任何元素的position属性的默认值都是static。所谓的static定位就是元素在文档流中。当然了，这完全取决于你的HTML结构。另一个值你肯定见...
阅读全文
摘要：1.水平居中(1) 文本、图片等行内元素的水平居中 给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中。(2) 确定宽度的块级元素的水平居中 通过设置margin-left:auto;和margin-right:auto;来实现的。(3) 不确定宽度的块级元素的...
阅读全文
摘要：导航前言基本知识绘制矩形清除矩形区域圆弧路径 绘制线段绘制贝塞尔曲线 线性渐变径向渐变（发散）图形变形（平移、旋转、缩放）矩阵变换（图形变形的机制）图形组合给图形绘制阴影绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]）绘制文字 保存和恢复状态（context） 保存文件结合setI...
阅读全文
摘要：没有过多的说明，只为将来可能会用到的日子，能拿来做参考。1、冒泡（Bubble） 7 5 2 1 5 9 5 7 2 1 5 9 5 2 7 1 5 9 5 2 1 7 5 9 5 2 1 5 7 9 2 5 1 5 7 9 2 1 5 5 7 9 2 1 5 5 7 9 1 2 5 5 7 9 ...
阅读全文
摘要：一、基本用法 1.要使用canvas元素，需要先给定其width和height来设置绘图区域的大小。canvas中间的文本会在浏览器不支持canvas的情况下显示出来。do not support.2.绘图上下文：要在canvas绘图，需要通过getContext方法来获取上下文。传入参数“2d”，...
阅读全文
摘要：IE的setAttribute中与标准浏览器的有许多不同，主要表现在IE对setAttribute的功能上有些限制，就是不能用setAttribute来设定class、style于onclick等事件的值以及设置name属性，那这样就会导致setAttribute在IE浏览器里失去很多的用途！而在I...
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>单独图片轮换 - 豪情</title> <style type="text/css"> *{margin:0;padding:0;} body{font:12px/1.125 A
阅读全文
摘要：1.JavaScript数组2.JavaScript 函数基础 3.Javascript 运算符 4.JavaScript 流程控制 5.JavaScript 正则表达式 6.JavaScript 变量 7.JavaScript 字符串函数 8.DOM 基本操...
阅读全文
摘要：以下是常用的代码收集，没有任何技术含量，只是填坑的积累。转载请注明出处，谢谢。转自：https://github.com/jsfront/src/blob/master/js.md1. PC - js返回指定范围的随机数(m-n之间)的公式Math.random()*(n-m)+mreturn fa...
阅读全文
摘要：转自：http://www.cnblogs.com/oec2003/archive/2007/06/20/790615.html1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. ...
阅读全文
摘要：转自：http://www.cnblogs.com/Wayou/archive/2012/10/02/jquery_ui.html最近项目中使用了一些插件来做页面，这里把jQuery UI的使用分享出来，希望 对新手有帮助。文章结尾附源码下载。1 jQuery UI 有时你仅仅是为了实现一个渐...
阅读全文
摘要：转自：http://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html#!comments前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是...
阅读全文
摘要：jQuery-实现图片的放大镜显示效果by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=85网上购物日趋流行，商品的图片很重要，一个页面上信息量很大，商品图片必然大小有限，很...
阅读全文
摘要：$arr[$j+1]){ $tmp=$arr[$j]; $arr[$j]=$arr[$j+1]; $arr[$j+1]=$tmp; }}}}$str="10 2 36 14 10 25 23 85 99 45";$arr=explode(" ",$str);bubble_sor...
阅读全文
摘要：这是PHP提供的两个非常简单但却很有用的语句，它们允许重新使用任何类型的 代码。它们的作用几乎是相同的，唯一的区别是在于函数调用失败后，require将会给出一个致命的错误，而include则只是给出一个警告。从这两者 的特性也可以看出，一般情况下使用include即可，除非某些被包含的代码非常...
阅读全文
摘要：如果以前没有接触过建站或网络编程，只是从头开始学PHP，以及用PHP来建立动态站点，那么会话（SESSION)对于初学者就有点难理解。那么到底什么是会话呢？理解一个概念需要从它产生的背景或问题出发，所以先回到它身处的Web环境以及它使用的HTTP协议。 HTTP是无状态协议，也就是说HTTP协议没...
阅读全文
摘要：js在操作DOM中存在着许多跨浏览器方面的坑，本文花了我将近一周的时间整理，我将根据实例整理那些大大小小的“坑”。DOM的工作模式是：先加载文档的静态内容、再以动态方式对它们进行刷新，动态刷新不影响文档的静态内容。PS：IE 中的所有 DOM 对象都是以 COM 对象的形式实现的，这意味着 IE 中...
阅读全文
摘要：JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src...
阅读全文
摘要：前段时间接手了一个 web 前端性能优化的任务，一时间不知道从什么地方入手，查了不少资料，发现其实还是蛮简单的，简单来说说。一.前端性能测试是什么前端性能测试对象主要包括：HTML、CSS、JS、AJAX 等前端技术开发的 Web 页面影响用户浏览网页速度的因素主要有：服务端数据返回、网络传输、页面...
阅读全文
摘要：序言这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。她写道：在 IE 占据 90% 市场份额的年代，我们除了把浏览器当...
阅读全文
摘要：IE8及以下不能很好支持这些属性input属性： placeholder:输入框的默认值，向用户显示描述性说明文字或者提示信息 autocomplete：值为on和off。。on则代表当该字段填写并提交后再返回该页，再输入时会显示以前输入的。off则是关闭，包含用户输入数据的安全。默认为on aut...
阅读全文
摘要：标准参考JSON 是一种数据交换格式，RFC 4627 对 JSON 进行了详细描述。根据 ECMA-262（ECMAScript）第 5 版中描述，JSON 是一个包含了函数 parse 和 stringify 的简单对象。 parse 函数用来解析一个 JSON 文本（一个 JSON 格式的字符...
阅读全文
摘要：标准参考函数声明和函数表达式定义一个函数有两种途径：函数声明和函数表达式。函数声明：function Identifier ( FormalParameterListopt ) { FunctionBody }函数表达式：function Identifieropt ( FormalParamete...
阅读全文
摘要：content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-sca...
阅读全文
摘要：标准参考函数声明和函数表达式定义一个函数有两种途径：函数声明和函数表达式。函数声明：function Identifier ( FormalParameterListopt ) { FunctionBody }函数表达式：function Identifieropt ( FormalParamete...
阅读全文
摘要：函数：声明和表达式函数，像变量一样，可以在代码的任意地方定义它。JS 提供了几个方法去定义它们。1.函数声明 (Function Declaration)2.函数表达式 (Function Expression)3.通过调用new Function 返回。语法 创建一个函数的基本方法是通过一个...
阅读全文
摘要：相信写js的，都知道window.onload吧，但是并不是每个人都知道DOMContentLoaded，其实即使你不知道，很有可能你也经常使用了这个东西。 一般情况下，DOMContentLoaded事件要在window.onload之前执行，当DOM树构建完成的时候就会执行 DOMConte...
阅读全文
摘要：1 /只弹出ok1,不管前面有多少个window.onload,覆盖前面的，只执行最后一次/ 2 window.onload = function(){ 3 alert('ok'); 4 }; 5 6 window.onload = function(){ 7 alert('ok1'); 8 };
阅读全文
摘要：js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {} jQuery中有好多写法，平时也不注意，别人一问，还真觉得头大。 下面是我整理测试的结果。 1 <!DOCTYPE html> 2 <HTML lang="zh-CN"> 3 <
阅读全文
摘要：语法:1、后代：>缩写：nav>ul>li 2、兄弟：+缩写：div+p+bq3、上级：^缩写：div+div>p>span+em^bq 缩写：div+div>p>span+em^^bq 4、分组：()缩写：div>(header>ul>li*2>a)+fo...
阅读全文
摘要：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下...
阅读全文
摘要：[sourcecode language="plain"]markDo not forget to buymilktoday.progress85%time发布日期：15:50更新日期：16:00ruby漢这里是注释汉（这里是不支持时显示）wbr如果想学习 AJAX, 那么必须熟悉XMLHttpRe...
阅读全文
摘要：使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。一、什么是应用程序缓存（Application Cache）？HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。应用程序缓存为应用带来三个优势：1....
阅读全文
摘要：HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：Content-Type、Refresh 、Expires 、Pragma 、Set-Cookie、Page-Enter、Page-Exit等。1、Conte...
阅读全文
摘要：[sourcecode language="plain"]新增属性标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括、、、标签中的 URL。 标签必须位于 head元素内部。如： img标签的src属性为“http://test...
阅读全文
摘要：一、页面初始化事件(Page initiallization) 在页面创建前，当页面创建时，以及在页面初始化之后。只在第一次加载时执行。1. pagebeforecreate 页面创建前[sourcecode language="plain"]$(document).on("pagebeforecr...
阅读全文
摘要：键盘事件拥有两个属性，keyCode和CharCode，他们之间有一些不一样之处。keyCode表示用户按下键的实际的编码，而charCode是指用户按下字符的编码。IE下keyCode：对于keypress事件，表示按下按键的Unicode字符；对于keydown/keyup 事件，表示按下按键的...
阅读全文
摘要：阻止事件冒泡的三种手段 1、return false：可以阻止默认事件和冒泡事件 2、event.stopPropagation/IE下event.cancelBubble = true;：可以阻止冒泡事件但是允许默认事件 3、event.preventDefault();/IE下event.ret
阅读全文
摘要：HTML 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=" utf-8"> 5 <meta name="author" content="/" /> 6 <title>点击实现下拉菜单的隐藏与显示</title> 7 <script src=
阅读全文
摘要：1 static:加static 的是静态成员,不能实例化在你运行的时候他自己在内存中开辟了块空间,不用在new, 有点像全局变量,如果不用你必须去 实例化(new)才能用 2 3 static是静态的意思，public或private与其他成员一样 4 1、访问static成员，只...
阅读全文
摘要：1 单例模式有一下特点： 2 3 1、单例类只能有一个实例。 4 2、单例类必须自己自己创建自己的唯一实例。 5 3、单例类必须给所有其他对象提供这一实例。 6 7 单例模式确保某个类只有一个实例，而且自行实例化并向整个系统提供这个实例。在计算机系统中，线程池、缓存、日志对象、对话框、打印机、...
阅读全文
摘要：1 $(function () { 2 3 $('#search_button').button(); 4 5 /* 6 同时打开两个对话框 7 $('#reg').dialog(); 8 $('#login').dialog(); 9 ...
阅读全文
摘要：1 正则表达式 一直不是很懂，都是网上找一个来，以后这个文章要不停的更新一些有意思的正则表达式了。 2 3 4 5 第一个 邮箱验证：preg_match('/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/', $_email)) 6 7 解...
阅读全文
摘要：mysql_affected_rows -- 取得前一次 MySQL 操作所影响的记录行数mysql_num_rows -- 函数返回结果集中行的数目。config.php 1 $conn=mysql_connect('localhost','root','');//连接数据库 mysql_sele...
阅读全文
摘要：我们经常在wordpress一类博客程序的模板里面看到很多奇怪的PHP语法，比如：空的对于相当一部分PHP爱好者来说根本没见过啊，这些是什么东西呢？难道是那些博客的开发者自己搞的仿PHP的模板语言？非也，其实这些都是PHP的语法，只不过不常用而已，这些都是PHP流程控制的替代语法。这里就就给大家详细...
阅读全文
摘要：jQuery Mobile 是一个用于创建移动端web应用的的前端框架，jQuery Mobile 是针对触屏智能手机与平板电脑的网页开发框架，jQuery Mobile 工作与所有主流的智能手机和平板电脑上，通过使用jQuery Mobile 可以 "写更少的代码，做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页，且兼容所有移动设备，jQuery Mobile 解决了不同设备兼容的问题，因为它只使用HTML，CSS和 JavaScript，这是所有移动网络浏览器的标准！尽管jQuery Mobile兼容所有的移动设备，但是并不能完全兼容PC机（由于有限的CSS3支持）。
阅读全文
摘要：1 <!Doctype html> 2 <head> 3 <mate charset="utf-8"> 4 <title>string change array</title> 5 6 </head> 7 8 <body> 9 <script> 10 //把字符串转换成数组split() 11 va
阅读全文
摘要：1 <!doctype html><!--声明当前文档为html文档--> 2 <html lang="en"><!--语言为英语--> 3 <head><!--头部--> 4 <meta charset="UTF-8"><!--字符编码：utf-8国际编码 gb2312中文编码--> 5 <met
阅读全文
摘要：/******************************数据库连接*****************************/header("Content-Type:text/html;charset=utf-8");$conn = @mysql_connect("localhost","r...
阅读全文
浙公网安备 33010602011771号