挨踢前端 - 博客园

文本溢出显示省略标记'...'的bug

摘要：常用css方法：{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}注意事项： 1)只适用于块属性元素（或者给行内元素设置display:block;）。 2)当元素浮动时，不会显示'...'，解决方法是给元素设置width:100%；或者固定的宽度。 3)火狐中的bug：当用弹性盒模型布局时，布局的子元素设置此方法不起作用。解决方法：不用弹性盒模型布局。或者采用别的方法来实现'...'，如下列方法（margin负值定位法）： <style type="text/css& 阅读全文

posted @ 2013-04-25 16:24 挨踢前端阅读(679) 评论(0) 推荐(1)

$(this)和this 区别

摘要： 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 阅读全文

posted @ 2013-04-25 14:19 挨踢前端阅读(672) 评论(0) 推荐(0)

制作自己博客的分享按钮

摘要：百度一下“分享按钮”，就可以搜索的到很多分享的工具,你可以得到分享的源码，放到自己博客。例如加网：http://www.jiathis.com/index2 百度分享：http://share.baidu.com/ bshare:　http://www.bshare.cn/ 看看我的分享工具阅读全文

posted @ 2013-04-10 18:52 挨踢前端阅读(430) 评论(0) 推荐(0)

制作自己博客的翻译工具

摘要：本文介绍的是微软的网页翻译工具，官网：http://www.microsofttranslator.com/widget/1 通过访问以上网址，或点击我博客右侧的翻译图片（如下图）上的按钮进入官网。2 进入官网后只需，在输入自己的博客地址（如下图）3 然后勾选同意并确定（如下图），就可获得翻译工具的源码阅读全文

posted @ 2013-04-10 18:44 挨踢前端阅读(507) 评论(0) 推荐(0)

制作自己博客的访问统计地图

摘要： clustrmaps可以显示你博客的访客在世界地图上面的分布，并且以小红点的大小来显示访问的次数的多少。官网：http://clustrmaps.com/zh/index.htm访问以上网址，通过注册，一步步最后得到你网址地图的源码，然后放到你的博客上就ok了。或者你也可以点击我博客右侧的地图（如下图），进行访问阅读全文

posted @ 2013-04-10 18:33 挨踢前端阅读(809) 评论(0) 推荐(0)

iScroll.js 用法参考（share）

摘要：分享是传播、学习知识最好的方法以下这篇文章是iScroll.js官网的中文翻译，尽管自己英文不好，但觉得原作者们翻译的这个资料还是可以的，基本用法介绍清楚了。如果你英文比较好的话，可以看看官网的资料。参考：http://www.cnblogs.com/asqq/archive/2012/04/23/... 阅读全文

posted @ 2013-04-08 16:45 挨踢前端阅读(155256) 评论(7) 推荐(7)

获取随机的颜色

摘要： 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 =... 阅读全文

posted @ 2013-03-15 18:08 挨踢前端阅读(668) 评论(0) 推荐(0)

跨浏览的DOM节点事件监听器

摘要：如果我们要让某个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. 阅读全文

posted @ 2013-03-15 14:02 挨踢前端阅读(857) 评论(0) 推荐(1)

跨浏览器的事件对象

摘要：在前端开发工作中，由于浏览器兼容性等问题，触发事件对象的方法不同，分为IE和非IE两种。下面主要介绍跨浏览器触发目标事件、阻止事件的默认行为、阻止事件冒泡三种方法：var EventUtil = { target : function(e){ //目标事件 e = e || window.event; return e.target || e.srcElement; }, preventDefault : function(e){ //阻止事件的默认行为 e = e |... 阅读全文

posted @ 2013-03-15 13:11 挨踢前端阅读(521) 评论(0) 推荐(0)

兼容IE getElementsByClassName取标签

摘要：一个朋友在某公司为某国企教育机构做网络课程。她的任务是做一些前端页面的工作，但做网络课程的要求是table布局，且得考虑ie6、7、8，不允许用jquery等框架。要知道ie是不支持className取标签的啊，如果要通过className获取标签怎么办啊。你可以通过这个方法：function getElementsByClassName(className,root,tagName) { //root：父节点，tagName：该节点的标签名。这两个参数均可有可无 if(root){ root=typeof root=="string" ? document.g... 阅读全文

posted @ 2013-03-06 18:29 挨踢前端阅读(4463) 评论(1) 推荐(0)

iphone webapp如何隐藏地址栏

摘要： 1、很多资料说，添加以下代码,可以隐藏地址栏，但我试了很多次，貌似不成功啊。<meta name="apple-mobile-web-app-capable" content="yes" />2、我们可以通过另一种方法来隐藏地址栏。在页面加载完成之后滚动窗口，这个确实有效，唯一要注意的是页面高度必须够高，核心代码如下:<script type="text/javascript"> addEventListener("load", function() { setTimeout(hideURL 阅读全文

posted @ 2013-03-06 15:55 挨踢前端阅读(3997) 评论(1) 推荐(0)

web中常用的20种字体（share）

摘要：刚研究了一天web字体，觉的这个不错，留个备份。转自：http://www.jb51.net/css/23416.html1, Arial微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。（苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好，说道Helvetica字体，昨天发现了很多有意思的站点，主要是纪念Helvetica字体诞.. 阅读全文

posted @ 2013-01-31 15:18 挨踢前端阅读(10217) 评论(0) 推荐(1)

Web中常用字体介绍

摘要：年末了，任务比较少，经理看我闲着，是不是感觉很不自在啊。遂给我一个任务：调研一下ios和android设备所支持各种浏览器支持的字体。一听“调研”俩字，我就头大了，我一个小程序员，又不是搞产品的哪干过这样的活。好吧，按自己理解的意思来吧。别看自己一直搞前端，其实连最基础的字体种类都不知道。研究了一天就发现自己知识开阔了不少。忘了是哪位名人说过一句话了：在一个领域，不管是多么渺小的事，你坚持10年，你就会成为这方面的专家。不废话了，现在把自己了解的关于web字体方面的信息分享给大家。　1、在Web编码中，CSS默认应用的Web字体是有限的，虽然在新版本的CSS3，我们可以通过新增的@fo... 阅读全文

posted @ 2013-01-31 15:08 挨踢前端阅读(53616) 评论(0) 推荐(0)

css3动画事件—webkitAnimationEnd

摘要：用css3的animation完成一个动画，当只有这个动画完成时才执行令一个事件，比如让动画保持在终止的状态或其他一些事件。我们该怎么办呢。第一种方法：用计时器，设定一个和动画时长一样的time，过time事件去执行这个函数。 setTimeout(function(){ },time); 第二种方法：当-webkit-animation动画结束时有一个webkitAnimationEnd事件，只要监听这个事件就可以了。例子：<!DOCTYPE HTML><html><head><meta charset="utf-8"&g 阅读全文

posted @ 2013-01-29 20:02 挨踢前端阅读(20064) 评论(0) 推荐(2)

png图片格式（share）

摘要：摘取自：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的索阅读全文

posted @ 2013-01-18 15:00 挨踢前端阅读(1083) 评论(0) 推荐(0)

web前端性能优化（share）

摘要：本文转自：http://www.cnblogs.com/50614090/archive/2011/08/19/2145620.html一、 WEB前台的优化规则一、尽量减少HTTP请求有几种常见的方法能切实减少HTTP请求：1、合并脚本跟样式文件，如可以把多个CSS文件合成一个，把多个JS文件合成一个。2、CSS Sprites利用CSS background相关元素进行背景图绝对定位,把多个图片合成一个图片。二、使用浏览器缓存在用户浏览网站的不同页面时，很多内容是重复的，比如相同的JS、CSS、图片等。如果我们能够建议甚至强制浏览器在本地缓存这些文件，将大大降低页面产生的流量，从而降低页面阅读全文

posted @ 2013-01-18 14:44 挨踢前端阅读(1609) 评论(0) 推荐(3)

require.js 入门学习（share）

摘要：最近的项目用到了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代码都写在一个文件里面，只要加载这一个文件就够了。后来... 阅读全文

posted @ 2013-01-04 14:32 挨踢前端阅读(40828) 评论(14) 推荐(10)

Underscore.js 的模板功能

摘要： 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/... 阅读全文

posted @ 2012-12-21 10:10 挨踢前端阅读(11022) 评论(0) 推荐(2)

Backbone.js入门学习资源

摘要： 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.... 阅读全文

posted @ 2012-12-19 00:42 挨踢前端阅读(1165) 评论(0) 推荐(0)

javascript 前端模版初探

摘要：随着前端开发的密集度越来越高，Ajax和JSON的使用越来越频繁，大家肯定免不了在前台开发中大量的使用标签。如果只是简单代码组合可能还好一些，但是如果页面大量使用类似的结构的话，除非一直是同一个程序员维护，否则后期的管理成本会相对非常的高。为了解决这个问题，我们通常会引入”javascript模板引擎概念“。有几篇很介绍javascript前端模版很不错的文章分享给大家：初识前端模版：http://www.baiduux.com/blog/2011/07/11/introduction-of-template/ 如何选择javascript模版引擎：http://www.q... 阅读全文

posted @ 2012-12-19 00:00 挨踢前端阅读(1179) 评论(0) 推荐(0)

Hello World

公告

导航