随笔分类 - 前端开发
摘要：原文：http://miniui.com/bbs/forum.php?mod=viewthread&tid=20&extra=page%3D1 jQuery MiniUI可以使用Javascript和Html两种方式来创建对象。 1）Javascript创建对象 使用JavaScript创建对象，是最基本的方式，有如下几个要点： 1）使用new关键字。如: var grid = ...
阅读全文
摘要：原文：http://blog.jobbole.com/68606/ 原文出处： 阿伦孟的博客（@allenm ） 第一篇中讲解了如何让手机来请求我们开发电脑上的源码，做到了这步后，我们可以改完代码立即看到效果，但是对于调试还是远远不够的。这篇文章我们继续讲目前常用的几种 Developer tools。 PC 端的经验 在使用桌面浏览器开发时，几乎每种浏览器都有自己的开发者工具，比如大家常用的 f...
阅读全文
摘要：其实在大多数浏览器（IE6, IE7, IE8, Opera 10+, Safari 5+,Chrome）中，都提供了 “mousewheel” 事件。但杯具的是 Firefox 却不支持此事件，不过庆幸 Firefox 中提供了另外一个等同的事件：”DOMMouseScroll” 。 OK，我们现在已经知道了不同浏览器之间实现的差别，兼容代码如下： var addEvent = (functio...
阅读全文
摘要：原文：http://www.shejidaren.com/10-jquery-plugins.html blur.js blur.js是一个很有意思的插件，它能实现像WIN7 AERO效果的JS插件，感觉很不错哦 Gips Gips是个简洁的Tool Tips提示插件，优点就是支持用CSS来更改提示样式 Nestable Nestable是一个多目录插件，功能很强大，支持多级目录自由拖曳，包括...
阅读全文
摘要：mouseenter事件在鼠标进入某个元素，或第一次进入这个元素的某个子元素时触发。一旦触发后，在mouseleave之前，鼠标在这个元素的子元素上触发mouseenter事件都不会触发这个元素的mouseenter事件。即：一旦进入，在子元素间的mouseenter不算是在本元素上的mouseenter。 而mouseover事件是必然冒泡的，一旦子元素mouseover了，本元素...
阅读全文
摘要：原文：http://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html 1.加载CDN文件时，可以省掉HTTP标识 现在很流行的CDN即从专门的服务器加载一些通用的JS和CSS文件，出于安全考虑有的CDN服务器使用HTTPS方式连接，而有的是传统的HTTP，其实我们在使用时可以忽略掉这个，将它从URL中省去。 这一点在之...
阅读全文
摘要：原文：http://www.isaced.com/post-200.html 关于Web前端UI库/框架，我觉得是非常方便的东西，对于我们这种业余的Web开发人员，有时候要写点前端代码的时候把UI框架、库什么的拿出来，就像组积木一样，很快就能搭出很好看的UI界面。 我一直都是用的Bootstrap，前段时间给iOS客户端做了一个后台，就是用这个，非常方便。 Bootstrap ：Twitte...
阅读全文
摘要：1.从http://www.sublimetext.com/2 下载Sublime Text 2编辑器。 2.安装Package Control 管理器，用于管理和安装插件包。 下载地址：https://sublime.wbond.net/installation#st2 可以选择打开Sublime 控制台在线安装方式或者手动下载安装包进行安装。安装后重新运行sublime。 3.利用Packag...
阅读全文
摘要：Emmet 是一个编辑器插件，它以一种简写的语法规则可用于快速编写html或css文档内容，它支持多种编辑器。 从官网：http://emmet.io/ 可下载各个编辑器的插件。notepad++ 插件下载地址为：https://github.com/emmetio/npp#readme也可以从Notepad++ “插件”->“插件管理器”菜单中安装Emmet插件，如果是手动下载安装包方式安装还需...
阅读全文
摘要：ie 6 下iframe 的src 属性设置成 "javascript:" 时，在https站点应用场景下访问页面时，页面会出现安全警告提示，其他版本浏览器不会出现提示。解决办法：可以在站点下建一个空内容页面none.html，并将它设置给src属性，但是这样会多一个请求。
阅读全文
摘要：原文：http://www.js8.in/538.html之前我写过一篇文章是通过javascript获取光标的位置——javascript获取光标位置以及设置光标位置。由于产品需要在留言板的光标处上插入表情，这样就用到了javascript在光标位置插入内容的功能了~其实原理很简单，IE下可以通过document.selection.createRange();来实现，而Firefox（火狐）浏览器则需要首先获取光标位置，然后对value进行字符串截取处理。不多说了~直接上我写的一个jQuery在光标位置插入内容插件吧~jQuery在光标位置插入内容插件代码：(function($){ $.
阅读全文
摘要：原文：http://www.jsmix.com/tools/firebug-console-api-and-command-line-api.htmlConsole API当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下面会注册一个叫做 console 的对象，它提供多种方法向控制台输出信息，供开发人员调试使用。下面是这些方法的一个简单介绍，适时地运用它们，对于提高开发效率很有帮助。console.log(object[, object, ...])使用频率最高的一条语句：向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然，也可以
阅读全文
摘要：以前一直以为在jquery中其实mouseover和mouseout两个事件等于hover事件。两个没什么区别，应该是一样的。但昨天一个动画效果才让我见识了，这两个并不能等同。<div class="wrapper"><div class="img"></div><div class="text"></div></div><div class="point"></div>在wrapper上加事件，当鼠标移动到wrappe
阅读全文
摘要：项目主页：http://code.google.com/p/jslint-toolkit/在线版:http://sanshi.me/p/jslint-toolkit/
阅读全文
摘要：xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，基于网络访问并且兼容IE6,IE7,IE8,IE9,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。此次v1.1.7版主要实现以下修正：1，Firefox 4浏览器下某些特殊代码出错2，Iframe上传模式在某些早期版本Chrome及Safari浏览器显示空白页问题3，对jQuery v1.6系列的不兼容问题4，IE6,7,8浏览器下会出现表情无法插在中间问题以下为详细更新日志：添加：添加初始化参数：submitID，在非标准submit的ajax提交环境下，
阅读全文
摘要：原文：http://news.cnblogs.com/n/102235/本文是从 Understanding JSON: the 3 minute lesson 这篇文章翻译而来。 如果你跟我一样(我担心你就是)，那么，到目前为止，这应该是你对JSON的经验：两个月前你从没听说过JSON一个月前你听说了这个词但没有留意一周前你发现这个词被提到多次，开始想，没错…又有一些垃圾东西要学了今天你被心灵深处的一个闹铃闹醒，心想：这该死的json究竟是个什么东西？为什么突然间到处都是它了！ 于是晚上我乘坐了一辆慢腾腾的公交回到家(周五通常都是很慢)，然后给自己找了一大堆关于JSON资料。所以我可以文雅的
阅读全文
摘要：将下面的代码保存为html，在IE中打开，右击链接 “firebug-lite” ，选择“添加到收藏夹” 即可。以后在IE下浏览其它网页时，如果想要使用firebuglite 功能，只需点击收藏夹的中的这个链接即可。<html><body><a href="javascript:(function(){var d=document, s=d.getElementById('firebug-lite');if(s!=null)return;s=d.createElement('script');s.type='tex
阅读全文
摘要：原文：http://www.cssrain.cn/?p=305（1）getTime（new Date.getTime 方法） 返回指定的 Date 对象自 1970 年 1 月 1 日午夜（通用时间）以来的毫秒数。当比较两个或更多个 Date 对象时，使用此方法表示某一特定时刻。 返回值类型：Number -- 一个整数。 （2） function now(){ return +new Date; } jQuery 源代码里就是使用的 +new Date ; (3) 用来判断 google 浏览器： if(!isNaN(Date.parse("1970.01.01"))){
阅读全文
摘要：1.插件主页：http://colorpowered.com/colorbox/2.引用文件<link media="screen" rel="stylesheet" href="colorbox.css" /><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script src="jquery.colorbox.js">
阅读全文
摘要：1.引用文件：<link href="jquery.boxen.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="jquery-1.3.2.min.js"></script><script type="text/javascript" src="jquery.boxen-1.4.min.js"></sc
阅读全文
浙公网安备 33010602011771号