abxn2002的专栏

转载地址:http://www.admin10000.com/document/5973.html有一个词"手机网站"（mobile web），指供手机浏览的网站，但它是不存在的。　　人们提到"移动互联网"的时候，其实专指另外一样东西：手机App。　一、Web App vs. Native App　　比起手机App，网站有一些明显的优点。

转载地址:http://web.jobbole.com/1564/你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。1. *1234

转载地址:http://web.jobbole.com/49301/如果你一直密切关注着各种网页设计的博客，你可能已经注意到了:before和:after伪元素已经在前端开发中获得了相当多的关注。特别是在Nicolas Gallagher的博客中，后期运用了很多伪类元素。Nicolas Gallagher使用伪元素用静态的HTML标签创建84个GUI图标。

转载地址:http://www.wlo-o.com/archives/354/在一个内部项目里试用RequireJs，遇到个一个小问题。问题现象是第一次请求时所有的依赖的文件路径错误，再次请求后问题消失，强制刷新后问题又复现。原因是书写的不规范，初始化方式错误，同步运行代码无法调用异步加载的配置文件造成，下面是详细的。先看看文档里的2处描述部分1

转载地址:http://www.popotang.com/blog/?p=287一个通过server查询数据库动态输出内容的CGI、ASP、PHP这样的动态网页，可能接受多个参数，但是有些参数无论怎么变化，不会影响网页实质内容的展示，比如某个参数控制列表排序方式，只是把输出内容的排序方式改变了，内容还是没变。另外现在很多向静态html传url参数，更不会改变网页内容，无

转载地址:http://www.liqwei.com/program/other/2014/909.shtml什么是 DNS Prefetch ? DNS Prefetch 是一种 DNS 预解析技术。当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行 DNS 的解析，减少用户等待时间，提高用户体验。目前每次

转载地址:http://www.youkuaiyun.com/article/2013-05-27/2815444-5-html5-features-you-must-knowHTML5的诞生为Web App以及移动App开发带来了许多新鲜有趣的JavaScript与HTML API。本文将介绍5个能够让你事半功倍的HTML5特性。1. DNS Prefetching

转载地址:http://segmentfault.net/blog/ciaocc/1190000002407912概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School必要属性属性值

转载地址: http://blog.youkuaiyun.com/berggi/article/details/6493267Google一下，这三个标签的解释和用法是这样的：X-UA-Compatible(几个门户网站都是这样写的)(DZ论坛是这样的)X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的，这个区

转载地址:http://fex.baidu.com/blog/2014/10/html-head-tags/HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta 元素，显得更为重要。了解每个标签的意义，写出满足

转载地址:http://blog.youkuaiyun.com/aminfo/article/details/24039159使用OpenSearch description documents自定义搜索引擎添加到IE浏览器中如果您的网站提供了搜索引擎类的功能，又希望您网站的搜索引擎入口添加到IE浏览器加载项中，可按以下步骤操作：http://blog.youkuaiyun.com/a

转载地址:http://skyhome.cn/div_css/301.html在网页体验中我们常会遇到这种情况，即在调用百度联盟、谷歌联盟以及当前网页所在域名外的域名文件时会遇到请求延时非常严重的情况。那么有没有方法去解决这种请求严重延时的现象呢？一般来说这种延时的原因不会是对方网站带宽或者负载的原因，那么到底是什么导致了这种情况呢。湛蓝试着进行推测，假设是DNS的问题

转载地址:https://uncorkedstudios.com/blog/how-to-fix-the-ie7-and-inlineblock-css-bugWhile redesigning the previous Uncorked website to be responsive, we found that a few CSS bugs came along wi

转载地址:http://web.jobbole.com/82331/如果你写过CSS或者你接触过CSS，相信你一定对盒子模型一点都不陌生。CSS其中一个让人比较困惑的地方就在于它的盒子模型中关于高度和宽度的计算，别说那些初学者了，就是写过很久CSS的人也一样会有如此的感觉。CSS中的高度和宽度总是不那么直观，让你总是很困惑，不能一眼就能分辨出其高度和宽度。有的时候你希望它的宽度

转载地址:http://levi.cg.am/archives/1448项目中客户要求选择商品后，光标直接定位到数量输入框上，来简化操作。document.getElementById(“cargoCount”).focus();//定位光标到数量框还有需求涉及到定位到第几位字段上。1234567f

转载地址:http://www.zhanxin.info/development/2012-12-19-css-filter.html对图片的处理有很多方法，今天介绍下 CSS3 的图片滤镜。例如灰度，模糊，饱和，老照片等图片滤镜效果。我们可以使用 CSS3 来实现以下的效果(由于该属性只有 webkit 内核的浏览器支持，建议使用 chrome 阅读，demo 可见)

转载地址:http://ued.taobao.org/blog/2010/08/css-border%E4%BD%BF%E7%94%A8%E5%B0%8F%E5%88%86%E4%BA%AB/之前在懒懒分会上分享的一点关于border画小图的内容, 完整的ppt在这里.原理css盒模型一个盒子包括: margin+border+padding+c

转载地址:https://github.com/xiangpaopao/blog/issues/9移动端经常会有这样的展示页面，页面中有一些独立的元素，并且伴随各种交互效果、转场动画。 针对页面布局的话，大概有这样的需求：不滚动页面，所有元素均在一屏之类展示像图片那样缩放元素---宽度改变时高度按比例变化背景图需要把浏览器窗口撑满往往项目是独立的，需要快

转载地址:http://segmentfault.com/q/1010000002391424/a-1020000002391631不光绘制图片，在高分屏下，绘制文字和线条都会出现模糊的现象，具体的原因可以参考这里或这里GitHub上有一个hidpi-canvas-polyfill可以很好的解决这个问题，但是没有对图片进行处理。如果你了解了原因，解决这个问题也很容易。

转载地址:http://keenwon.com/851.html参考了李战大神的文章，在其基础上新增了IE11的支持（IE11修改了 User-agent 字符串），直接上代码： $(function () { var Sys = {}; var ua = navigator.userAgent.toLowerCase();

转载地址:http://stackoverflow.com/questions/12238396/how-to-disable-google-translate-from-html-in-chromeAdd this tag in between  and :Documentation reference

效果图： 实现原理：这个效果的主要css样式有：1.>transform: rotate(120deg); 图片旋转2.>overflow:hidden;  超出隐藏3.>visibility: hidden;  也是隐藏，与display:none;相似，但不同的是，它虽然隐藏了，但依然会在网页中占有位置 我们要用到3层di

转载地址:http://liumiao.me/demo/count/效果演示实现步骤分解Step1 普通的正方形Step2 用"border-radius"实现圆形Step3 用"clip:rect"遮罩为半圆Step4 父级增加一层DIVStep5 把父级DIV用"clip:rect"遮罩为一半Step6 

转载地址:http://stackoverflow.com/questions/16958873/jquery-animate-a-webkit-transform#box { width:100px; height:100px; position:absolute; top:100px; left:100px; text-indent:

转载地址:http://gold.xitu.io/entry/55caa1db60b27cc249350218近来React.js变得越来越流行，本文就来谈一谈React.js的入门实践，通过分析一些常用的概念，以及提供一些入门 的最佳编程编程方式，仅供参考。首先需要搞懂的是，React并不是一个框架，React提供了一些新颖的概念、库 和编程原则让你能够同时在服务端和

转载地址: http://www.zhangyunling.com/?p=230对前一章节的补充在写前一篇文章时，主要参考的内容来自于MDN中touch对象的介绍，当时有说到TouchEvent.type的值的问题，内如参考：TouchEvent，但是又在W3C中看到了相关的内容，在W3C中，TouchEvent.type的取值中，只包含：touchstart,to

转载地址:http://www.html5cn.org/article-9328-1.html每次必说的题外话 　　话说貌似好久没有写技术文章了，自从娃娃出来后，很少能有时间做技术研究，思考的时间也不足。不过有得必有失，世上事也就酱紫了。但是作为一个前端攻城师，不写代码，不研究技术，是会被后浪拍死在沙滩上的。 　　碰巧前段时间碰到个CSS问题，一

转载地址:http://www.w3cplus.com/css3/new-css3-linear-gradient.html渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来，Web设计师都是通过图形软件设计这些渐变效果，然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果，仅从页面的视觉效果上来看，与设计并无任何差异。事实上这种方法是比较

转载地址:http://www.webhek.com/html-marquee最近看到一个有趣的网页，页面很简单，一条鱼骑着自行车，从右边出来，从左边消失，来回的滚动。看了一下源代码，非常的简单，使用了一个不常见的HTML标记：marquee。HTML代码marquee behavior="scroll" direction="left" scrollamount=

转载地址:http://www.xiabingbao.com/html5/2015/05/20/html5-filereader-natural/html5从一开始就给开发者很多的期待，提供众多新的API，不用再想以前一样，为了实现某个功能写很多的代码。在以前，如果要实现图片预览会怎么做呢，因为为了安全的原因，web端的js是不能读取文件的本地真实路径的，那么只能将图片上传到服

转载地址:http://weizhifeng.net/node-version-management-via-n-and-nvm.htmlNode版本的迭代速度很快，版本很多（横跨0.6到0.11），升级Node版本成为了一个问题。目前有n和nvm这两个工具可以对Node进行无痛升级，本文简单介绍一下二者的使用。nn是Node的一个模块，作者是TJ Holowa

转载地址:http://www.html5rocks.com/zh/tutorials/file/dndfiles/简介HTML5 终于为我们提供了一种通过 File API 规范与本地文件交互的标准方式。为了举例说明其功能，可使用 File API 在向服务器发送图片的过程中创建图片的缩略图预览，或者允许应用程序在用户离线时保存文件引用。另外，您可以使用客户端逻辑

转载地址:http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6Two months ago I published a starter pack for React based on webpack. Today I found out that I need al

转载地址:http://www.webhek.com/misc-res/species-in-pieces/#BORN OUT OF TINKERING WITH A SIMPLE PROPERTY, THIS PROJECT IS UNABASHEDLY PART-DIGITAL EXPERIMENT. THE CORE TECHNOLOGY USED HERE IS JUS

转载地址:http://www.w3cplus.com/css3/creating-responsive-shapes-with-clip-path.htmlCSS的clip-path属性是你改变传统单调的盒子布局，走向响应式设计的通行证。你将开始摆脱条条框框，自由地在您的网页上使用六边形、星形和八边形等等进行设计。一旦你真正开始使用clip-path，你可以生成的形状是无限多

转载地址:http://www.impressivewebs.com/ie7-ie8-css-hacks/By Louis Lazaris on November 3rd, 2011 | 58 CommentsIt’s very likely that you’ve dropped support for IE6 in your designs, seeing as

转载地址:https://css-tricks.com/indeterminate-checkboxes/Checkbox inputs can only have two states: checked or unchecked. They can have any value, but they either submit that value (checked) or d

转载地址:http://blog.wpjam.com/m/is_weixin/微信内置浏览器的 User Agent如何判断微信内置浏览器，首先需要获取微信内置浏览器的User Agent，经过在 iPhone 上微信的浏览器的检测，它的 User Agent 是：

转载地址:https://scotch.io/tutorials/angular-routing-using-ui-router#multiple-views-about-pageAngularJS provides a great way to make single page applications. When creating single page applicati

CSS3图片滤镜 http://html5-demos.appspot.com/static/css/filters/index.htmlCSS3动画效果 http://codyhouse.co/demo/animated-headlines/#0CSS3动画效果 http://daneden.github.io/animate.css/CSS3链接动画效果 http://tympanus.net