function checkFileExtension(file) { var validExtensions = new Array(".xlsx", ".xls"); var fileExtension = file.value; fileExtension = fileExtension.substring(fileExtension.lastIndexO

1.首先按照使用最广的屏幕分辨率  宽为1024的屏幕出图.（网页开发当中高度可以不考虑，高度不影响美观，而不同的宽度会让网页的布局有所差异）对于屏幕设备如果小与效果图则以滚动条方式来是来实现 编写div时把width设成1024对于宽度大于效果尺寸的屏幕的则让内容居显示 设置最外层div的 左右外边j距为auto 实现居中2.使用css media 属性针对不同的屏幕加载不同的css

picZoom("#element")

div p标签内的文字排版white--space取值如下normal： 文本包含多个空格会被省略成一个，文本 遇到div边界换行,对用户敲击的回车换行无效。pre：文本内包含的空格被保留，文本超出div边界不换行 但遇到用户敲击的回车符或者br标签换行。pre-line：文本内包含的空格将会被省略成一个，遇到div边界，用户敲击的换行符 将换行。pre

共性：两者都是将uri中的英文和数字之外的字符进行acsii编码差异: encodeURI 不对URI中的保留字符如:   //  &  = 进行编码 只会原样输出encodeURIComponent   除英文和数字外的字符都进行编码例子:encodeURIComponent("http://www.baidu.com")"http%3A%2F%2Fwww.baidu.com"

方式1：loaction.hashonhashchange 事件JS代码来设置loaction.hash值后 会在浏览器的历史记录中添加一条记录 并更新到地址栏URL (更新的值体现在地址栏中#号结尾部分URL+#+值)注册window.onhashchange事件单用户点击前进回退按钮后 促发事件再通过location.hash值来获取记录的值在离开页面时候可以将应用

旋转

/** * @file 文件的描述 * @author Y50 * @copyright * @license Released under the Commercial license. * @since 1.0.1 * @version 1.0.1 - 2015-9-8 */(function (doc, win) { 'use strict'; var d

问题场景:图片和文本内容文本只有20px大小，而实际渲染时候高度被撑到25px 解决方法:为icon元素添加空白文本 icon.bag{ background: url("20x20.jpg"); display: inline-block; width:20px; height:20

# Mou## Overview**Mou**, the missing Markdown editor for *web developers*.### Syntax#### Strong and Emphasize**strong** or __strong__ ( Cmd + B )*emphas

当我们在开发过程中，遇到要通过js给input框设置初始值时，在ios会出现，当input框通过点击触发聚焦的时候（input聚焦在ios中是无法通过js进行聚焦实现的），会发现光标还停留在设置内容之前，这是用户需要再次点击末尾处才能将光标置于内容的末尾，这样造成用户体验较差，为了解决这个问题，我们需要在input框第一次需要实现聚焦的时候，手动将光标置于内容的后面，实现如下：在service中实

在网页加载的过程中，以css背景图存在的图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html中的标签是网页结构（内容）的一部分会在加载结构的过程中加载，换句话讲，网页会先加载标签的内容，再加载背景图片，如果你用引入了一个很大的图片，那么在这个图片下载完成之前，之后的内容都不会显示。而如果用css来引入同样的图片，网页结构和内容加载完成之后，才开始加载背景图片，不会影响你浏览网页内

.triangle { width: 0px; height: 0px; border-style: solid; border-top-width: 5px; border-right-width: 0px; border-bottom-width: 5px; border-left-width: 10px;

上传控件：选择文件后触发onchange事件function isCorrectFileType(file){ var validExtensions = new Array(".png", ".gif",".jpg",".jpeg"); var fileExtension = file.value; fileExtension = fileExte

父页面HTML： function say(){ alert("parent.html"); } function callChild(){ window["myFrame"].say(); window["myFrame"].document.getElementById("b

1.地址栏：about:config2.browser.cache.disk.enable;----设置为false;         browser.cache.memory.enable;-----设置为false;

div{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}div宽度必须指定 ，如果该div做为子元素出现 则必须指定父元素宽度 且 要实现换行的标签的display属性必须为block 或者 inline-block

http://blog.jobbole.com/49173/

实现效果：3个水平div 两旁div宽度固定 中间自适应做法：1.将3个div仍在一个div(父元素)里面,父元素width:100% 且父元素的padding-left 和padding-right: 值等于3个子div中需要固定宽度的div 的宽度            2.

section.wrap header.header { height: 100px; background: url('../../img/common/20x20/icon_card_round.png') repeat-x #00A862; background-position-y: bottom;} background-position-y:bottom 指定图片沿

一、用js计算12.32 * 7  结果是多少？答案：86.24000000000001 为什么会出现这种问题？怎么解决？js在处理小数的乘除法的时候有一个bug，解决的方法可以是：将小数变为整数来处理。以上的计算可以改为：12.32 * 100 * 7 /100得出的结果是：86.24，正确。 另外再计算一下

Android Intents with ChromeA little known feature in Android lets you launch apps directly from a web page via an Android Intent. One scenario is launching an app when the user lands on a page, wh

回车符号和换行符号产生背景:     关于“回车”（carriage return）CR 和“换行”（line feed）LF 这两个概念的来历和区别。在计算机还没有出现之前，有一种叫做电传打字机（Teletype Model 33）的玩意，每秒钟可以打10个字符。但是它有一个问题，就是打完一行换行的时候，要用去0.2秒，正好可以打两个字符。要是在这0.2秒里面，又有新的字符传过来，那么这个字

获取滚动条到页面顶部距离: document.body.scrollTop||document.documentElement.scrollTop $(window).scrollTop() 获取文档高度或宽度: document.body.scrollHeight||document.documentElement.scrollHeight 获取浏览器视口宽度或高度： wi

1.自定义菜单样式 ul.menu{list-style: none;position: absolute;z-index:9999;visibility: hidden;border:1px solid #5A9CCC;background:#FFF;} ul.menu li{text-align: center;font-size: 12px;padding:10px;width

background:background为符合属性.属性如下:background:background-color ||background-image || background-repeat || background-attachment || background-position background-color:默认值:tansparent

个人总结:1.Data URI  替换 img src  减少外部资源Http请求,2.使用 css background-image: url("data:image/gif;base64,R0lGODlhAwAD 实现缓存3. Data URI 转换后的图片的体积偏大 不适用于大图常用图片替代方案 Data URI,sprite,iconFont