2015年07月_hsany330

转载关于伪类元素:before和:after

:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下：#example:before { content: "#"; color: red;}#example:after { content: "$"; color: red;}这段代码会在#exa

2015-07-28 17:38:04 423

转载 transform(变形)和transform-origin(变形原点)

transform(变形)和transform-origin(变形原点)的说明：目前这两个属性得到了除去ie以外各个主流浏览器webkit，firefox，opera的支持，属性名分别为 -webkit-transform，-moz-transform，-o-transform;1、改变元素基点transform-origintransform

2015-07-28 11:23:18 1191

转载 web app变革之rem

rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？ rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位

2015-07-27 11:24:57 367

转载玩转HTML5移动页面(动效篇)

作为一名前端，在拿到设计稿时你有两种选择：1.快速输出静态页面2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇

2015-07-27 10:40:30 2552

转载解惑好文：移动端H5页面高清多屏适配方案

背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×

2015-07-27 10:24:18 1629

转载检测iOS WebApp是否运行在全屏模式

iOS上的Safari浏览器可以让Web应用程序全屏显示，以取得类似本地应用的显示效果。但是这需要用户把Web应用程序的图标添加到主屏幕才可以。作为开发者，为了更好的显示效果，我们可能希望自己开发的Web应用程序在非全屏状态下运行时提示用户把Web应用程序的图标添加到主屏幕。要检测Web应用程序当前是否运行在全屏状态，只要检测window.navigator.standalone是否为

2015-07-24 18:54:54 2254

转载基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

在ipad、iphone网页开发中，我们很可能需要判断是横屏或者竖屏。下面就来介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法其实主要是通过window.orientation实现，下面看下代码吧复制代码代码如下:function orient() {if (window.orientation == 90 ||

2015-07-24 18:54:01 1414

转载 Swiper滑动Html5手机浏览器自适应

Swiper滑动Html5手机浏览器自适应分类：代码片段2015-06-10 15:21 281人阅读评论(0) 收藏举报手机网页能通过window.screen.height, width获取屏幕分辨率，于是可以通过分辨率比率来计算高度。[html] view plaincopywindow.onload=

2015-07-24 18:43:05 4756

转载 jquery的each()详细介绍

each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc

2015-07-20 20:24:49 484

转载微信朋友圈分享js代码最新2015年无错版

最近微信对分享做了进一步规范，导致很多分享都不起作用了，今天跟大家分享，2015年最新修无错的！以下是主要微信分享页面代码：（其中红色部分主要懒友自己填写自己哈。）require_once "jssdk.php";$jssdk = new JSSDK("yourAppID", "yourAppSecret");$signPackage = $jssdk->G

2015-07-15 18:02:21 813

转载 CSS3的REM设置字体大小

在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。最近在学习em的相关知识的时候，无意之间让我拾得一

2015-07-15 12:02:12 599

转载 React 入门实例教程

作者：阮一峰日期： 2015年3月31日现在最热门的前端框架，毫无疑问是 React 。上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 I

2015-07-14 13:08:54 527

转载 Git bash 操作记住密码

git for windows （又名 msysgit）如何记住用户名和密码创建存储用户名密码的文件在home文件夹，一般是 C:\Documents and Settings\Administrator 下建立文件 .git-credentials （windows下不允许直接创建以.开头的文件，所以有一个小技巧：先创建一个文件名叫）git-credentials 然后进入 g

2015-07-13 10:18:25 1228

转载 http://www.gaofeiyu.com/392

“点透”是什么你可能碰到过在列表页面上创建一个弹出层，弹出层有个关闭的按钮，你点了这个按钮关闭弹出层后后，这个按钮正下方的内容也会执行点击事件（或打开链接）。我暂时定义为这是一个“点透”现象。如何产生的一般来说我们用原生的touch事件,还有jqueryMobile和zepto的tap可能会产生上面的问题。相关的内容可以参考http://blog.youyo.name/

2015-07-10 12:27:33 1928

《福布斯》杂志评出了上个世纪末最具影响力的二十本商业书籍。上世纪70年代末，美国经济陷入衰退的阵痛期，来自阿拉伯世界的石油威胁及来自日本的经济压力使美国人的日子很不好过，商业书籍也因此被尘封一时。但在接下来的80和90年代，美国经济保持了二十年的持续增长，一大批优秀的CEO如比尔·盖茨、李·艾科卡、唐纳德·特朗普，出现在人们的视野中。商业书籍的出版和发行也因此空前活跃，本次评出的二十本书按类别分为

2015-07-08 13:55:56 1533

转载 js预载入和JavaScript Image()对象使用介绍

为了解决在canvas使用drawImage()时,遇到img对象来不及加载的问题; 我最终在html文档加载中,使用了下面"数组加载图像的办法”解决,如果有其他方法,请给予指点!预载入和JavaScript Image()对象很多high-res图像真的可以使 Web 站点更加整洁。但是它们也会使站点的访问速度变慢——图像是文件，文件使用带宽，带宽直接与等待时间相关。是该了解如

2015-07-03 16:43:45 612

hsany330的专栏