摘要：
常用css方法：{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}注意事项： 1)只适用于块属性元素（或者给行内元素设置display:block;）。 2)当元素浮动时，不会显示'...'，解决方法是给元素设置width:100%；或者固定的宽度。 3)火狐中的bug：当用弹性盒模型布局时，布局的子元素设置此方法不起作用。 解决方法：不用弹性盒模型布局。 或者采用别的方法来实现'...'，如下列方法（margin负值定位法）： <style type="text/css& 阅读全文
2013年4月25日
摘要：
jQuery中this与$(this)的区别： this 指代的是 DOM 对象，而$(this)指代的是 jQuery 对象。就相当于以下两者的区别： var a=document.getElementsByTagName('a')[0]; var $a=$('a').eq(0); 看个例子：<body> <a href="http://www.baidu.com/"></a> <a href="http://www.cnblogs.com/duanhuajian/">&l 阅读全文
2013年4月10日
摘要：
百度一下“分享按钮”，就可以搜索的到很多分享的工具,你可以得到分享的源码，放到自己博客。 例如 加网：http://www.jiathis.com/index2 百度分享：http://share.baidu.com/ bshare: http://www.bshare.cn/ 看看我的分享工具 阅读全文
摘要：
本文介绍的是微软的网页翻译工具，官网：http://www.microsofttranslator.com/widget/1 通过访问以上网址，或点击我博客右侧的翻译图片（如下图）上的按钮进入官网。2 进入官网后只需，在输入自己的博客地址（如下图）3 然后勾选同意并确定（如下图），就可获得翻译工具的源码 阅读全文
摘要：
clustrmaps可以显示你博客的访客在世界地图上面的分布，并且以小红点的大小来显示访问的次数的多少。官网：http://clustrmaps.com/zh/index.htm访问以上网址，通过注册，一步步最后得到你网址地图的源码，然后放到你的博客上就ok了。或者你也可以点击我博客右侧的地图（如下图），进行访问 阅读全文
2013年4月8日
摘要：
分享是传播、学习知识最好的方法以下这篇文章是iScroll.js官网的中文翻译，尽管自己英文不好，但觉得原作者们翻译的这个资料还是可以的，基本用法介绍清楚了。如果你英文比较好的话，可以看看官网的资料。参考：http://www.cnblogs.com/asqq/archive/2012/04/23/... 阅读全文
2013年3月15日
摘要：
function Color(){ var r = Math.floor(Math.random()*255).toString(16); var g = Math.floor(Math.random()*255).toString(16); var b = Math.floor(Math.random()*255).toString(16); r = r.length == 1 ? "0" + r : r; g = g.length == 1 ? "0" + g : g; b = b.length =... 阅读全文
摘要：
如果我们要让某个DOM节点监听事件，最简单的方法就是使用 on+xxx 方法，但是如下时,后面的事件会把前面的事件覆盖掉，只会弹出 2 。var div=document.getElementById('div');div.onclick = function(){ alert(1);}div.onclick = function(){ alert(2);}我们可以使用以下方法来解决这个问题。//////绑定事件监听器function addEventHandler(target,type,func){ if(target.addEventListener){target.a. 阅读全文
摘要：
在前端开发工作中，由于浏览器兼容性等问题，触发事件对象的方法不同，分为IE和非IE两种。下面主要介绍跨浏览器触发 目标事件、阻止事件的默认行为、阻止事件冒泡 三种方法：var EventUtil = { target : function(e){ //目标事件 e = e || window.event; return e.target || e.srcElement; }, preventDefault : function(e){ //阻止事件的默认行为 e = e |... 阅读全文
2013年3月6日
摘要：
一个朋友在某公司为某国企教育机构做网络课程。她的任务是做一些前端页面的工作，但做网络课程的要求是table布局，且得考虑ie6、7、8，不允许用jquery等框架。要知道ie是不支持className取标签的啊，如果要通过className获取标签怎么办啊。你可以通过这个方法：function getElementsByClassName(className,root,tagName) { //root：父节点，tagName：该节点的标签名。 这两个参数均可有可无 if(root){ root=typeof root=="string" ? document.g... 阅读全文
摘要：
1、很多资料说，添加以下代码,可以隐藏地址栏，但我试了很多次，貌似不成功啊。<meta name="apple-mobile-web-app-capable" content="yes" />2、我们可以通过另一种方法来隐藏地址栏。在页面加载完成之后滚动窗口，这个确实有效，唯一要注意的是页面高度必须够高，核心代码如下:<script type="text/javascript"> addEventListener("load", function() { setTimeout(hideURL 阅读全文
2013年1月31日
摘要：
刚研究了一天web字体，觉的这个不错，留个备份。转自：http://www.jb51.net/css/23416.html1, Arial微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。（苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好，说道Helvetica字体，昨天发现了很多有意思的站点，主要是纪念Helvetica字体诞.. 阅读全文
摘要：
年末了，任务比较少，经理看我闲着，是不是感觉很不自在啊。遂给我一个任务：调研一下ios和android设备所支持各种浏览器支持的字体。一听“调研”俩字，我就头大了，我一个小程序员，又不是搞产品的哪干过这样的活。好吧，按自己理解的意思来吧。 别看自己一直搞前端，其实连最基础的字体种类都不知道。研究了一天就发现自己知识开阔了不少。忘了是哪位名人说过一句话了：在一个领域，不管是多么渺小的事，你坚持10年，你就会成为这方面的专家。不废话了，现在把自己了解的关于web字体方面的信息分享给大家。 1、在Web编码中，CSS默认应用的Web字体是有限的，虽然在新版本的CSS3，我们可以通过新增的@fo... 阅读全文
2013年1月29日
摘要：
用css3的animation完成一个动画，当只有这个动画完成时才执行令一个事件，比如让动画保持在终止的状态或其他一些事件。我们该怎么办呢。 第一种方法： 用计时器，设定一个和动画时长一样的time，过time事件去执行这个函数。 setTimeout(function(){ },time); 第二种方法： 当-webkit-animation动画结束时有一个webkitAnimationEnd事件，只要监听这个事件就可以了。 例子：<!DOCTYPE HTML><html><head><meta charset="utf-8"&g 阅读全文
2013年1月18日
摘要：
摘取自：http://www.cnblogs.com/kei0/archive/2012/08/29/2661947.htmlPNG图片格式特点：Png这种图片格式包括了许多子类，但是在实践中大致可以分为256色的png和全色的png，你完成可以用256色的png代替gif，用全色的png代替jpeg，Png是完全支持alpha透明的(透明，半透明，不透明)，尽管有两个怪异的现象（在ie6下）。png是一种无损耗的图像格式，这也意味着你可以对png图片做任何操作也不会使得图像质量产生损耗。这也使得png可以作为jpeg编辑的过渡格式。PNG在ie中的怪异表现：IE6以下的浏览器支持PNG8的索 阅读全文
摘要：
本文转自：http://www.cnblogs.com/50614090/archive/2011/08/19/2145620.html一、 WEB前台的优化规则一、尽量减少HTTP请求有几种常见的方法能切实减少HTTP请求：1、合并脚本跟样式文件，如可以把多个CSS文件合成一个，把多个JS文件合成一个。2、CSS Sprites利用CSS background相关元素进行背景图绝对定位,把多个图片合成一个图片。二、使用浏览器缓存在用户浏览网站的不同页面时，很多内容是重复的，比如相同的JS、CSS、图片等。如果我们能够建议甚至强制浏览器在本地缓存这些文件，将大大降低页面产生的流量，从而降低页面 阅读全文
2013年1月4日
摘要：
最近的项目用到了require.js ，搜集一些资源留个备份，顺便分享给大家。 以下内容转自阮一峰老师的网络日志：http://www.ruanyifeng.com/blog/2012/11/require_js.html 更多学习资源： require.js官网：http://requirejs.org/docs/download.html 一篇不错的文章：http://www.csdn.net/article/2012-09-27/2810404一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来... 阅读全文
2012年12月21日
摘要：
Underscore是一个非常实用的JavaScript库，提供许多编程时需要的功能的支持，他在不扩展任何JavaScript的原生对象的情况下提供很多实用的功能。 无论你写一段小的js代码，还是写一个大型的HTML5应用，underscore都能帮上忙。目前，underscore已经被广泛使用，例如，backbone.js唯一强依赖的库就是underscore.js。 Underscore.js学习资源： Underscore.js 官网：http://underscorejs.org/#each Underscore.js中文文档:http://www.css88.com/... 阅读全文
2012年12月19日
摘要：
backbone.js提供了一套web开发的框架，通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件处理及与现有的Application通过RESTful JSON接口进行交互.它是基于jquery和underscore的一个js框架。 我也是刚学习，还有很多不懂。只能提供些学习backbone.js的资源：backbone.js的官网：http://documentcloud.github.com/backboneBackbone.js API中文文档：http://www.csser.... 阅读全文
摘要：
随着前端开发的密集度越来越高，Ajax和JSON的使用越来越频繁，大家肯定免不了在前台开发中大量的使用标签。如果只是简单代码组合可能还好一些，但是如果页面大量使用类似的结构的话，除非一直是同一个程序员维护，否则后期的管理成本会相对非常的高。 为了解决这个问题， 我们通常会引入”javascript模板引擎概念“。 有几篇很介绍javascript前端模版很不错的文章分享给大家： 初识前端模版：http://www.baiduux.com/blog/2011/07/11/introduction-of-template/ 如何选择javascript模版引擎：http://www.q... 阅读全文