每天进步一点点

原文地址：http://www.blogjava.net/conans/articles/364566.html function getInfo() { var s = ""; s += " 网页可见区域宽："+ document.body.clientWidth; s += " 网页可见区域高："+ document.body.clientHeight; s +

Saltarelle是开源的，官网：

原文：http://www.cnblogs.com/chuncn/archive/2010/11/22/1884783.html　Html5数据库API是以一个独立规范形式出现，它包含三个核心方法：1、openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。2、transaction：这个方法允许我们根据情况控制事务提交或回滚。3、exec

官网：http://www.alsacreations.fr/dewplayer.html开源 Dewplayer MP3网页播放器音乐Flash Dewplayer是一款不错的flash式MP3播放器[目前只支持MP3格式]。 网上有很多 Dewplayer 播放器的使用方法，但是我发现都是不怎么全的， 下面我就总结下： 

原文：前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。HTML篇浏览器地址栏运行Jav

http://www.ckplayer.com/ //以下为调用播放器的标准代码 var flashvars={ f:'http://movie.ks.js.cn/flv/2011/11/8-1.flv',//视频地址 a:'',//调用时的参数，只有当s>0的时候有效 s:'0',//调用方式，0=普通方法（f=视频地址），1=网址形式

Flvplayer.swf 代码引用方法: Flvplayer.swf 参数详细说明：vcastr_file 方法2传递影片flv文件地址参数，多个使用|分开 空vcastr_title 影片标题参数，多个使用|分开，与方法2配合使用 空vcastr_xml 方法3 传递影片flv文件地址参数，样板参考 vcastr.xmlIsAutoPlay 影片

We're sorry, but something went wrong (500) body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } div.dialog { width: 25em; padding:

地址：https://github.com/aui/artTemplate编写模板使用一个type="text/html"的script标签存放模板： 条目内容 ： 模板逻辑语法开始与结束的界定符号为 与%>，若后面紧跟=号则输出变量内容。渲染模板template.render(id, data)

原文：http://www.codeproject.com/Articles/752625/html-struct-Class-Library

原文：

$(function () { $("#btnSubmit").click(function () { $.ajax({ type: "post", url: "Handler02.ashx", data: $("#frmU

有些网站看它html网页源码会有类似下面的一段代码在head中：一开始我也百思不得其解，查了下才知道原文：http://segmentfault.com/q/1010000000171226这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个下载banner参考：http://developer.apple.com/li

原文：http://blog.sina.com.cn/s/blog_5ea463780100xwni.html这位作者已经详解的很详细了。这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式（比如人见人烦的IE6），以此来解决部分兼容问题，例如模拟IE7的具体方式如下：但令我好奇的是，此处这个标记后面竟然出现了chrome这样的值，难道IE也可以模

X-Frame-Options response header 可用于指示是否应该允许浏览器呈现在一个页面 或 中. 以确保网站内容是不是嵌入到其它网站.   X-Frame-Options" content="SAMEORIGIN / DENY ">  X-Frame-Options   使用X-Frame-Options 有两种可能的值： DENY ：该

原文：http://gaoke0820.blog.163.com/blog/static/21664965201385104151396/Meta Property=og标签是什么呢?og是一种新的HTTP头部标记，即Open Graph Protocol：The Open Graph Protocol enables any web page to become a

网页源代码中有时候会遇到这样的一段代码：<metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />width - viewport的宽度 height - viewport的高度initial-scale - 初始

原文：http://www.dreamdu.com/xhtml/attribute_start_next_prev/start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的urlstart next prev属性值通常在,rel,rev属性中出现引用网址:http://w

原文：http://www.hzseoj.com/canonical.html关于rel=”canonical”这个标签，早在2009年2月，谷歌、雅虎和live search 三家搜索引擎宣布支持Link的一个新属性Canonical.主要是帮助搜索引擎解决网站内容存在多个版本，来制定规范的链接。解决内容重复的收录。现在百度也支持这个标签了，如果不采用rel=”canonic

来源：http://getbootstrap.com/getting-started/#migration-dropped rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> rel="stylesheet" href="//netdna.bootstr

Enlarge.jsEnlarge 是一个基于 jQuery 的插件，可以非常方便地实现图放大镜的效果，适用于大多数商品类网站，例如在线商城、电子商务、企业产品介绍等。下载开发版：jquery.enlarge.js - 3.51K压缩版：jquery.enlarge.min.js - 1.67K使用默认调用：$

EasyCMS - 后台管理 .toggleoption{height:45px; background-color:#063; border-bottom:4px solid #000; position:relative; z-index:10002; display:none;}

$(function(){ //toggle div $("#gga").click(function(event){ event.stopPropagation(); //阻止冒泡事件 $(".toggleoption").slideToggle("fast"); }); //slideup div $(document).click(function(even

//js兼容处理键盘响应 document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 27) { // 按 Esc

看了一个微信互动的源码，觉得这样添加js也很有技巧，分享一下原作者的思路：__CreateWlnPath = function (js) { if (true) { var scripts = document.getElementsByTagName("script"); var path = ""; for (var

有没有遇到这种问题，在用form提交表单的时候，会发现有的输入框中的颜色发生了变化，但是你并没有给输入框添加颜色？纠结的找了半天也找不到原在测试的时候发现谷歌浏览器下，输入框的颜色发生了变化，找了半天，发现是它导致的。1.  nput:-webkit-autofill {  2.      background-color: hsl(65, 100%, 87%);  3.

无标题页 *{ margin:0; padding:0;} img{ border:none;} .content{ width:1100px; margin:0 auto;} .imglist{ width:1100px;} .imglist img{ float:left; margin

1.需要几个库文件jquery库，jquery-ui库，jquery-ui-1.10.3.custom.min.css样式表库（当然部分效果img就略了，可自行到官网下载）2.我们看看原型效果代码： 自动搜索... $(function() { var t = ''; var avai

1、关于页面元素的引用通过 jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、 jQuery对象与dom对象的转换只有 jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对

原文：http://www.cssdemon.me/?p=298在web2.0的时代，ajax的盛行给web带来了翻天覆地的变化，允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。不过，由于受到浏览器的限制，该方法不允许跨域通信。如果尝

CSS书写顺序　　1.位置属性(position, top, right, z-index, display, float等)　　2.大小(width, height, padding, margin)　　3.文字系列(font, line-height, letter-spacing, color- text-align等)　　4.背景(background, b

原文：http://www.weixq.cn/Article/Detail/1047当网页内容比较长，导致页面高度比较高，出现滚动条时，我们往往希望可以直接点击按钮到达网页的底部或者顶部。那么今天我们就来实现这样的功能。首先在需要显示【回顶部】和【去底部】按钮的页面引用JQueryscript src="http://code.jquery.com/jque

原文：http://www.cnblogs.com/ranran/p/jquery_iframe.htmlIFrame跨域处理方法-Javascript在漫长的前端开发旅途上，无可避免的会接触到ajax，而且一般情况下都是用在同一域下的ajax请求；但是如果请求是发生在不同的域下，请求就无法执行，并且会抛出异常提示不允许跨域请求，目前我没有找到明确的资料说明这是为什么，我觉

$("#txtKeyClick").click(function () { $(this).hide(); $("#txtPwd").show().focus(); }); $("#txtPwd").bind('blur', function () { i

原文地址：http://www.yiyifly.com/blog/archives/572 网页标题html { overflow: auto;}body { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: scroll;

jQuery ZeroClipboard 是优秀的jQuery 复制内容到剪贴板的插件，由于各个浏览器的安全特性不一样,JS代码在复制内容各个浏览器表现不一，甚至无法实现，所以诞生了Flash 拷贝内容，很好的解决了兼容性问题以及安全性问题，值得学习和利用他。特性：1.兼容Flash102.避免浏览器安全冲突3.无干扰提示4.支持样式自定义在hover和active

原文：http://www.js-css.cn/a/jscode/cutpic/2013/1102/1013.html非常不错的jQuery图片裁剪插件CropZoom，功能非常强大，可以旋转图片，改变图片显示比例，拖拽到指定区域进行裁剪，裁剪及时显示裁剪图片效果，绝对能满足你的需求，很适合头像图片裁剪方面的应用。兼容性：兼容IE6+，fireFox2+，Ope

服务控件：OnClientClick="javascript:if (confirm('确定删除吗？')) { return true;}else{return false;};"普通的a标签：'>删除

原文：http://www.51xuediannao.com/qd63/index.php/page-2-72-1.htmlfunction clickIE4(){ if (event.button==2){ return false; }//end if}//end func function clickNS

这是个老问题，最近自己搞了框架，顺手把代码贴上，后来者看到也方便绕弯子。一般页面上包裹ifream的有一个容器，这里姑且把它的容器设置成div，它的id是Container对于Container，一般要设置基础的样式的，这个样式大致这样：#Container { margin: 0 auto; padding: 0px;