前端学习笔记
文章平均质量分 70
abxn2002
这个作者很懒,什么都没留下…
展开
-
解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题
转载: http://apps.hi.baidu.com/share/detail/32995408解决谷歌(Google Chrome)浏览器下CSS设置字体大小小于12px无法生效的问题 谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,有时我们需要字体小点,特别是在制作英文网站时,所以很蛋疼。不过还是有解决方案的。看下面:在html或转载 2011-11-24 13:00:47 · 1442 阅读 · 0 评论 -
转发至新浪微博、开心网、腾讯微博、人人网代码分享!
转载地址: http://www.renseng.com/learning/forwarded-sina-happy-tencent-sharing-network.html用以下代码前如有需求可申请新浪微博跟腾讯微博的APPKEY,点这里申请新浪微博,点这里申请腾讯微博,申请后即可替换以下代码中的appkey。新浪微博分享代码:<a href="javasc转载 2012-02-02 17:36:41 · 2644 阅读 · 0 评论 -
完全理解关键字this
转载地址:http://blog.jobbole.com/12203/今天的教程来自天才的Cody Lindley的新书:《JavaScript启蒙教程 / JavaScript Enlightenment》。他讨论了令人迷惑的关键字this,以及确定和设置this的值的方法。概念性的概述this当一个函数创建后,一个关键字this就随之(在后台)创建,它链接到一个对象,而转载 2012-02-02 17:39:39 · 518 阅读 · 0 评论 -
一个页面重构工程师眼中的“用户体验”
转载出处:http://ixd.org.cn/html/articles/2012/61206.html用户体验从产品设计阶段便开始介入进来,如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀,本文从一个页面重构工程师的角度出发,从两个方面去谈谈在作者的工作中,他所理解的用户体验,以及他做了哪些和用户体验有关的事情。在工业化设计融入人们生活的现今,用户体验一词就常常转载 2012-02-20 17:26:35 · 429 阅读 · 0 评论 -
关于 HTTP meta 的 IE=edge,chrome=1 说明
转载出处: http://lightcss.com/add-x-ua-compatible-meta-to-your-website/ http://www.oschina.net/question/54100_17414 meta http-equiv = "X-UA-Compatible" content = "IE=edge,转载 2012-03-02 15:11:49 · 3889 阅读 · 0 评论 -
三招教你提升团购网站流量转化率(上)
转载出处: http://hi.baidu.com/%CE%A4%B2%AE%C4%C9%CB%B9/blog/item/21f173c3275b82c7d10060a0.html/cmtid/8501cf90d0feb311d21b70ea本人负责经营美心计化妆品团购网站,日常推广需要对流量进行分析。而流量分析中的核心是分析流量的价值,流量的价值是通过流量的订单转化率来衡转载 2012-03-23 17:45:26 · 6628 阅读 · 0 评论 -
用户点击与网站目标 - 基于Google Analytics的应用
转载出处: http://webdataanalysis.net/tool-for-web-analytics/click-and-goal/用户在网站的行为其实无非就是输入和点击,而点击又是最常见的行为,其实用户行为分析一大部分就是在分析用户各种各样的点击行为。我们可以通过各种途径来监控用户点击行为,同时各类网站分析工具都相继提供了丰富的事件监控功能,来满足不断发展变化的网站交互。刚转载 2012-03-23 17:38:07 · 666 阅读 · 0 评论 -
什么是响应式Web设计?怎样进行?
转载出处: http://beforweb.com/node/6开始第一篇。老规矩,先无聊的谈论天气一类的话题。十一长假,天气也终于开始有些秋天的味道,坐在屋里甚至觉得需要热咖啡。话说两年前也是在国庆假期里开始做Joomla文档翻译的;长假好时光,总会可以抽出一两天,安静的窝在家里做做博客、学做些新东西,简直没有比这更舒心的事情。说正事儿。准备在近期的几篇里集中翻译转载 2012-03-26 17:52:51 · 937 阅读 · 0 评论 -
CSS去掉点击超链接虚线边框
转载出处: http://hi.baidu.com/commy/blog/item/614f3529cff4fff099250a04.htmlIE浏览器:a {blr:expression(this.onFocus=this.blur());}FF浏览器:a { outline: none}或者缩小范围a:fcous{outline: none}后者转载 2012-03-20 15:30:32 · 978 阅读 · 0 评论 -
Web开发必备的20个速记卡
转载出处: http://blog.jobbole.com/15757/每当在Web开发中被某些问题困扰时,你应该去 Google 一下,或查阅编程书籍。不过,我在下面将介绍一个非常有用的速记卡(Cheet Sheet)列表,当遇到一些问题时,可以快速查询。收藏这个网页吧!(提示:点击缩略图后可查看相应速记卡。)1. PHP2. MYSQL3. JavaSc转载 2012-03-21 12:31:20 · 541 阅读 · 0 评论 -
開始HTML5 – Video
转载地址: http://blog.colorbase.tw/web-development/947在HTML5以前若我們要在網頁中播放影片時,需要使用ActiveX或Plug-in的方式來達到,例如:Flash Player、QuickTime等等,但在HTML5之後這些東西成了標準,我們不需再透過額外的外掛來達成,相信這也意味著Web的相關應用將更趨於豐富化。現在就連 Yo转载 2012-04-24 00:00:26 · 1842 阅读 · 0 评论 -
程序员必知8大排序3大查找
转载地址: http://www.cnblogs.com/fredcyt/archive/2012/05/07/2488863.html每天都在叫嚣自己会什么技术,什么框架,可否意识到你每天都在被这些新名词、新技术所迷惑,.NET、XML等等技术固然诱人,可是如果自己的基础不扎实,就像是在云里雾里行走一样,只能看到眼前,不能看到更远的地方。这些新鲜的技术掩盖了许多底层的原理,要想真正的转载 2012-05-09 18:12:27 · 396 阅读 · 0 评论 -
Pure CSS3 Spiderman Cartoon w/ jQuery and HTML5 – Look Ma, No Flash!
转载地址: http://www.optimum7.com/internet-marketing/web-development/pure-css3-spiderman-ipad-cartoon-jquery-html5-no-flash.htmlPure CSS3 Spiderman Cartoon w/ jQuery and HTML5 – Look Ma, No Flash!转载 2012-05-13 00:53:35 · 2333 阅读 · 0 评论 -
自适应网页设计(Responsive Web Design)
转载地址: http://xuelian.tk/index.php?ac=show&id=20随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前转载 2012-05-17 16:27:27 · 391 阅读 · 0 评论 -
移动终端浏览器初始设置apple-mobile-web-app-capable (转)
转载地址: http://blog.sina.com.cn/s/blog_4dffbd380100kvht.html移动终端浏览器默认设置视口的宽度和初始规模。最近做的一个移动终端的项目,遇到一个默认设置更改的问题。起初非常怀疑是自己的html写的有问题。经过一番页面尺寸的测试之后终于找到问题根源。知道是什么问题就可以找解决的方法了。在页面的头部文件中加入了以上设定转载 2012-07-18 17:51:14 · 1102 阅读 · 0 评论 -
如何在Google地图上找到经度和纬度
转载地址: http://www.williamlong.info/archives/941.html谷歌地图(交通地图)上并没有显示某个地址的经纬度,实际上,我们已经想到了一个办法,可以找到在谷歌地图上任意地点的经度和纬度。 首先打开Google地图,在上面寻找一个地址,然后上下左右移动地图,让这个地址正好处于地图的正中心位置,当您想寻找坐标位置已经处于地图的中心位置的时候转载 2012-08-02 14:42:13 · 1257 阅读 · 1 评论 -
弹出层Div 覆盖不住select控件的解决方法
转载地址: http://1day.zone.ku6.com/entry/56260.htmlhttp://www.cnblogs.com/lovko/archive/2009/04/08/1431536.html div挡住select的5种方法 弹出层Div 覆盖不住select控件的解决方法关键字: 弹出层div 覆盖不住select控件的解决方法转载 2012-08-03 01:13:02 · 1133 阅读 · 0 评论 -
textarea在Chrome、FireFox中固定大小
转载地址: http://blog.teamhaka.com/archives/559.htmltextarea在Chrome、和一些版本的FireFox中,会在右下角出现一个拖动的标志。如图:拖动textarea会改变其尺寸,进而会影响页面布局,使页面变得凌乱不堪。要使textarea无法被拖动,固定在其自由尺寸的方式就是在其样式中添加:resize: non转载 2012-07-24 10:40:51 · 787 阅读 · 0 评论 -
HTML5 Audio/Video 标签,属性,方法,事件汇总
转载地址: http://directguo.com/blog/index.php/2010/07/html5-audio-video-tag/ 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条Html代码 id=”media” src=”http://www.a转载 2012-08-10 08:25:02 · 963 阅读 · 0 评论 -
Sublime Text 2 快捷键 (windows)
转载地址: http://istyles.blog.163.com/blog/static/1811003892011828111418654/Ctrl+L 选择整行(按住-继续选择下行) Ctrl+KK 从光标处删除至行尾转载 2012-08-11 12:46:41 · 443 阅读 · 0 评论 -
jQuery Color Animate (jQuery 颜色变换动画) 插件
转载地址: http://blog.netsh.org/posts/jquery-color-animate-plugin_619.netsh.html弥补jQuery的不足我们知道jQuery几乎是我们最常用的javascript库了,不过尽管他自己本身拥有大量的特效,但却仍然缺少一些动画效果。比如说,颜色、背景颜色的变换。弥补这一不足的方法给大家提供两个:1、jQu转载 2012-07-30 17:03:18 · 2500 阅读 · 0 评论 -
学习Web 开发技术的16个国外最佳教程网站和博客
转载地址: http://www.w3cfuns.com/article-788-1.html互联网经过这么多年的发展,已经出现了众多的 Web 开发技术,像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说,不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发技术。如今,网上有各种开发技术的相关网站,有大量开发资料可以参考。下面是我收转载 2012-08-17 19:09:20 · 1116 阅读 · 0 评论 -
Sublime Text 常用插件和设置
转载地址: https://wido.me/sunteya/sublime-text-packages-and-settings/从 Textmate 迁移到 Sublime Text 2 也不少时间了, 也对 Sublime Text 2 进行了不少研究了, 整理下这段时间我的常用的插件和配置.我会定期的把自己常用的插件更新到这里. 也方便刚接触 Sublime Text转载 2012-08-20 11:35:09 · 1793 阅读 · 0 评论 -
css3 RGBA颜色实现背景颜色透明而文字不透明
转载地址: http://liumiao.me/html/wd/W3C/225.html在平常的工作中,特别是那种弹窗,背景是透明的,而里面的文字是不透明的。平常我们一般都会用到,定义三个层,一个父层相对定位,一个透明层绝对定位,并且要设定一个高度,还有一个层就是内容层,也是用绝对定位。这样相对比较麻烦点。习惯了使用”opacity“,它很简单易用,但是,opacity会使所有的子转载 2012-08-21 18:12:10 · 1596 阅读 · 0 评论 -
iPad网页开发教程及规则
转载地址: http://www.opensoce.com/2010/10/IPad-Wang-Ye-Kai-Fa-Jiao-Cheng-Ji-Gui-Ze/iPad开发的局限性在iPad上使用Safari浏览普通网站网页的时候,网页因为太大而导致需要手动放大缩小或者滑动,虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道,但时间久了我们还是会发现这样做并不方便,给用转载 2012-10-10 22:44:32 · 1048 阅读 · 0 评论 -
纯CSS画的基本图形(矩形、圆形、三角形、多边形、爱心、八卦等)
转载地址: http://note.youdao.com/share/?id=b825a559c5b8f219515ca1e448590a3b&type=note今天在css-tricks上看到一篇文章,那篇文章让我不禁心头一震,强大的CSS啊,居然能画出这么多基本的图形。图形包括基本的矩形、圆形、椭圆、三角形、多边形,也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要转载 2012-09-25 11:04:47 · 776 阅读 · 0 评论 -
分析优酷HTML5地址
转载地址: http://blog.xiaohai.co/archives/youku-html5/YouTube已经支持HTML5嵌入。YouKu目前全站支持HTML5,不过嵌入代码还是Flash的。抽空分析了下HTML5下的播放地址,很简单。update:2011-04-27发现获取m3u8 最简单的办http://v.youku.com/player/getR转载 2012-11-29 17:29:46 · 827 阅读 · 0 评论 -
纯CSS实现侧边栏/分栏高度自动相等
转载地址: http://www.zhangxinxu.com/wordpress/?p=694一、为何要分栏高度一致?分栏高度一致的目的是更加美观。举两个例子吧。① 对于分栏布局,我们或许会用边框(border)进行分隔,就如鄙人博客的分栏:此时最担心的问题就是高度不一致,尤其是无边框属性的分栏高度超过有边框属性的分栏,结果就会:虽然我们可以使用m转载 2012-11-29 22:41:37 · 667 阅读 · 0 评论 -
CSS图片垂直居中方法整理集合
转载地址: http://www.w3cfuns.com/thread-5595347-1-1.html这个问题我们平时编码是时常会遇到,下面就把在网上看到的一些方法总结一些,已备不时之需:一、用writing-mode实现未知高度替换元素垂直居中:当writing-mode为tb-rl时,文档流是从上到下,从右到左书写。然后设置text-align: center就可转载 2012-12-05 18:25:50 · 602 阅读 · 0 评论 -
JavaScript开发规范要求
转载地址: http://bbs.html5cn.org/thread-10405-1-1.html作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。本人在开发工作中就曾与不按规范来开发的同事合作过,与他合作就不能用“愉快”来形容了。现在本人撰写此文的目的除了与大家分享一点点转载 2012-12-05 18:31:31 · 409 阅读 · 0 评论 -
触摸屏网站开发系列(一)-ios web App应用程序(ios meta)
转载地址: http://www.iptu.net/index.php/archives/2955.iptu触摸屏网站的开发其实现在来讲比前几年移动端网站开发好多了,触摸屏设备IOS、Android、BBOS6等系统自带浏览器均为WEBKIT核心,这就说明PC上面尚未立行的HTML5 CSS3能够运用在这里,极大的减少了工作量和资料的缺乏。这篇文章讲述关于IOS触屏网站meta转载 2012-12-28 16:29:39 · 802 阅读 · 0 评论 -
10个必备的移动UI设计资源站
转载地址: http://www.uisdc.com/10-necessary-mobile-ui-design-resources正如大家看到的,现在许多人都使用手机访问互联网,所以这让越来越多的公司去开发或重构新的web解决方案,因为他们认识到自己的项目有效的运行在各种移动设备上是多么的重要!现在市面上存在太多流行的移动设备了,网页设计师们也不得不跟随潮流适应技术发展和变化转载 2013-01-14 12:06:31 · 625 阅读 · 0 评论 -
HTML5扩展之微数据与丰富网页摘要
转载地址: http://www.baike.com/wiki/%E5%BE%AE%E6%95%B0%E6%8D%AE一、微数据是?一个页面的内容,例如人物、事件或评论不仅要给用户看,还要让机器可识别。而目前机器智能程度有限,要让其知会特定内容含义,我们需要使用规定的标签、属性名以及特定用法等。举个简单例子,我们使用标签包裹页面标题信息就是为了让机器识别(搜索引擎 –转载 2013-02-25 13:51:21 · 700 阅读 · 0 评论 -
meta property=og标签含义及作用
转载地址: http://bbs.xiusheji.net/thread-2173-1-1.htmlMeta Property=og标签是什么呢? og是一种新的HTTP头部标记,即Open Graph Protocol: The Open Graph Protocol enables any web page to become a rich object in a转载 2013-02-25 14:00:49 · 1759 阅读 · 0 评论 -
webkit webApp 开发技术要点总结
转载地址: http://www.cnblogs.com/pifoo/archive/2011/05/28/webkit-webapp.html如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了,现把一些技巧分享给大家 :1. viewport:转载 2013-03-12 17:32:29 · 660 阅读 · 0 评论 -
CSS3 border-radius简单实现涂鸦风格边框
转载地址: http://www.shejidaren.com/css3-border-radius%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0%E6%B6%82%E9%B8%A6%E9%A3%8E%E6%A0%BC%E8%BE%B9%E6%A1%86.html今天向大家介绍一下用CSS3 border-radius属性来实现涂鸦风格边框,如果你需要转载 2013-05-27 22:37:40 · 713 阅读 · 0 评论 -
HTML5非主流API之classList
转载地址: http://www.javascript100.com/?p=771这些接口在一般的HTML5教程中很少被提及,它没有像canvas这类标签的革命意义,人们总是对新功能津津乐道;而classList只能算是在原来基础上一种改进。classList作为DOM的接口出现。 { length: {number}, /* 引用class类的个数转载 2013-06-03 21:36:00 · 564 阅读 · 0 评论 -
最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等
转载地址: http://www.cnblogs.com/zxin/archive/2013/01/26/2877765.html一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头转载 2013-10-17 17:40:05 · 627 阅读 · 0 评论 -
Chrome 最小字形 12px 限制
转载地址: http://www.dotblogs.com.tw/shunnien/archive/2013/06/07/105380.aspxchrome 瀏覽器會將字型小於 12px 的字形, 預設為 12px 所以只要使用 12px 以下的字, 都會呈現 12px 的樣式;調整 css ,以往的做法都是使用 -webkit-text-size-adjust : 100%但转载 2013-11-06 17:46:13 · 918 阅读 · 0 评论 -
手机中的javascript事件
转载地址: http://www.cnblogs.com/webzhangnan/archive/2012/06/03/2532439.html1. viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变view转载 2013-11-22 13:36:07 · 706 阅读 · 0 评论