- 博客(34)
- 收藏
- 关注
转载 图片替代方案Data URI
个人总结:1.Data URI 替换 img src 减少外部资源Http请求,2.使用 css background-image: url("data:image/gif;base64,R0lGODlhAwAD 实现缓存3. Data URI 转换后的图片的体积偏大 不适用于大图常用图片替代方案 Data URI,sprite,iconFont
2016-05-01 16:02:48
400
转载 <img src> 和 background-image 区别
在网页加载的过程中,以css背景图存在的图片会等到结构加载完成(网页的内容全部显示以后)才开始加载,而html中的标签是网页结构(内容)的一部分会在加载结构的过程中加载,换句话讲,网页会先加载标签的内容,再加载背景图片,如果你用引入了一个很大的图片,那么在这个图片下载完成之前,之后的内容都不会显示。而如果用css来引入同样的图片,网页结构和内容加载完成之后,才开始加载背景图片,不会影响你浏览网页内
2016-05-01 15:10:19
1246
转载 input框光标设置为最末尾的方法
当我们在开发过程中,遇到要通过js给input框设置初始值时,在ios会出现,当input框通过点击触发聚焦的时候(input聚焦在ios中是无法通过js进行聚焦实现的),会发现光标还停留在设置内容之前,这是用户需要再次点击末尾处才能将光标置于内容的末尾,这样造成用户体验较差,为了解决这个问题,我们需要在input框第一次需要实现聚焦的时候,手动将光标置于内容的后面,实现如下:在service中实
2016-05-01 14:41:15
8198
转载 MarkDown语法
# Mou![Mou icon](http://25.io/mou/Mou_128.png)## Overview**Mou**, the missing Markdown editor for *web developers*.### Syntax#### Strong and Emphasize**strong** or __strong__ ( Cmd + B )*emphas
2016-04-17 14:33:37
191
转载 屏幕大小改变或首次加载计算html根元素 fontsize
/** * @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
2016-04-12 17:13:53
847
转载 图标对文本对齐的影响
问题场景:图片和文本内容文本只有20px大小,而实际渲染时候高度被撑到25px 解决方法:为icon元素添加空白文本 icon.bag{ background: url("20x20.jpg"); display: inline-block; width:20px; height:20
2016-04-10 16:41:33
193
转载 js历史记录管理
方式1:loaction.hashonhashchange 事件JS代码来设置loaction.hash值后 会在浏览器的历史记录中添加一条记录 并更新到地址栏URL (更新的值体现在地址栏中#号结尾部分URL+#+值)注册window.onhashchange事件单用户点击前进回退按钮后 促发事件再通过location.hash值来获取记录的值在离开页面时候可以将应用
2015-11-29 22:39:58
1102
原创 文字排版 white--space属性解析
div p标签内的文字排版white--space取值如下normal: 文本包含多个空格会被省略成一个,文本 遇到div边界换行,对用户敲击的回车换行无效。pre:文本内包含的空格被保留,文本超出div边界不换行 但遇到用户敲击的回车符或者br标签换行。pre-line:文本内包含的空格将会被省略成一个,遇到div边界,用户敲击的换行符 将换行。pre
2015-11-08 14:46:01
418
转载 encodeURIComponent 和 encodeURI 区别
共性:两者都是将uri中的英文和数字之外的字符进行acsii编码差异: encodeURI 不对URI中的保留字符如: // & = 进行编码 只会原样输出encodeURIComponent 除英文和数字外的字符都进行编码例子:encodeURIComponent("http://www.baidu.com")"http%3A%2F%2Fwww.baidu.com"
2015-10-29 11:27:47
197
转载 pc网页适应不同屏幕分辨率常用做法
1.首先按照使用最广的屏幕分辨率 宽为1024的屏幕出图.(网页开发当中高度可以不考虑,高度不影响美观,而不同的宽度会让网页的布局有所差异)对于屏幕设备如果小与效果图则以滚动条方式来是来实现 编写div时把width设成1024对于宽度大于效果尺寸的屏幕的则让内容居显示 设置最外层div的 左右外边j距为auto 实现居中2.使用css media 属性针对不同的屏幕加载不同的css
2015-08-18 00:49:23
10662
转载 js 上传图片预览
上传控件:选择文件后触发onchange事件function isCorrectFileType(file){ var validExtensions = new Array(".png", ".gif",".jpg",".jpeg"); var fileExtension = file.value; fileExtension = fileExte
2015-08-10 12:40:13
285
转载 css+html 制作三角形
.triangle { width: 0px; height: 0px; border-style: solid; border-top-width: 5px; border-right-width: 0px; border-bottom-width: 5px; border-left-width: 10px;
2015-07-20 18:22:47
289
转载 iframe子页面与父页面通信
父页面HTML: function say(){ alert("parent.html"); } function callChild(){ window["myFrame"].say(); window["myFrame"].document.getElementById("b
2015-07-11 15:14:21
324
转载 获取元素,滚动条位置信息
获取滚动条到页面顶部距离: document.body.scrollTop||document.documentElement.scrollTop $(window).scrollTop() 获取文档高度或宽度: document.body.scrollHeight||document.documentElement.scrollHeight 获取浏览器视口宽度或高度: wi
2015-06-16 11:23:52
1320
转载 css background
background:background为符合属性.属性如下:background:background-color ||background-image || background-repeat || background-attachment || background-position background-color:默认值:tansparent
2015-06-04 13:55:17
231
转载 HTML右键弹出菜单
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
2015-06-03 18:20:15
3199
转载 手机web启动本地APP
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
2015-05-15 18:24:50
367
转载 回车符和换行符区别
回车符号和换行符号产生背景: 关于“回车”(carriage return)CR 和“换行”(line feed)LF 这两个概念的来历和区别。在计算机还没有出现之前,有一种叫做电传打字机(Teletype Model 33)的玩意,每秒钟可以打10个字符。但是它有一个问题,就是打完一行换行的时候,要用去0.2秒,正好可以打两个字符。要是在这0.2秒里面,又有新的字符传过来,那么这个字
2015-05-14 15:20:22
384
转载 javascript(js)的小数点乘法除法问题
一、用js计算12.32 * 7 结果是多少?答案:86.24000000000001 为什么会出现这种问题?怎么解决?js在处理小数的乘除法的时候有一个bug,解决的方法可以是:将小数变为整数来处理。以上的计算可以改为:12.32 * 100 * 7 /100得出的结果是:86.24,正确。 另外再计算一下
2015-05-13 17:49:38
520
原创 带边框样式的DIV
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 指定图片沿
2015-04-29 17:01:54
357
转载 div文本过长省略
div{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}div宽度必须指定 ,如果该div做为子元素出现 则必须指定父元素宽度 且 要实现换行的标签的display属性必须为block 或者 inline-block
2015-04-23 11:44:16
1141
原创 div宽度自适应
实现效果:3个水平div 两旁div宽度固定 中间自适应做法:1.将3个div仍在一个div(父元素)里面,父元素width:100% 且父元素的padding-left 和padding-right: 值等于3个子div中需要固定宽度的div 的宽度 2.
2015-04-23 11:36:45
1625
原创 firefox 关闭缓存
1.地址栏:about:config2.browser.cache.disk.enable;----设置为false; browser.cache.memory.enable;-----设置为false;
2014-12-11 11:59:00
364
转载 html 上传文件类型限制
function checkFileExtension(file) { var validExtensions = new Array(".xlsx", ".xls"); var fileExtension = file.value; fileExtension = fileExtension.substring(fileExtension.lastIndexO
2014-11-23 16:51:10
1010
转载 eclipse快捷键
Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对
2014-03-26 14:11:30
232
转载 SidingMenu自带example找不到getSupportActionBar()方法
进入slidingMenu的library库将publicclass SlidingFragmentActivity extends FragmentActivity implements SlidingActivityBase修改为publicclass SlidingFragmentActivity
2013-12-20 09:42:56
548
原创 java 发布jar 后配置文件路径找不到的问题
解决方法:1.将配置文件和其他资源打包成jar,仍到libs目录下,并在工程中build path 引用打包命令: jar cvf 名字.jar * //将目录下的所有文件全打包进jar2.程序中引用配置文件:InputStream is = this.getClass().getResourceAsStream( "ConParam.properties");3.jar包
2013-12-09 15:34:45
1080
原创 ADT插件安装后 eclipse选项面板无android相关按钮显示问题解决
勾选:Eclipse ->window->customize Perpective->Command Groups Availability
2013-12-09 15:33:45
866
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人