- 博客(57)
- 资源 (2)
- 收藏
- 关注
原创 ps如何裁剪掉图片的不规则区域
按P,鼠标变成钢笔工具,点选住待清除区域,如下:按ctrl+enter, 将点线变成选中区域:按delete删除: ctrl+D取消选中区域完成!
2015-12-15 11:15:25 10534
转载 js内存泄露的几种情况详细探讨
内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束。在C++中,因为是手动管理内存,内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存,正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存,但由于浏览器垃圾回收方法有bug,会产生内存泄露。1、当页面中元素被移除或替换时,若元素绑定的事件仍没被移除,在IE中
2015-09-17 21:10:20 537
转载 前端页面卡顿?或是DOM操作惹的祸,需优化代码
文档对象模型(DOM)是一个独立 于特定语言的应用程序接口。在浏览器中,DOM接口是以JavaScript语言实现的,通过JavaScript来操作浏览器页面中的元素,这使得 DOM成为了JavaScript中重要的组成部分。在富客户端网页应用中,界面上UI的更改都是通过DOM操作实现的,并不是通过传统的刷新页面实现 的。尽管DOM提供了丰富接口供外部调用,但DOM操作的代价很高,页面前端代码的性
2015-09-17 21:08:04 1664
转载 使用浏览器缓存
使用浏览器缓存当PageSpeed Insights检测到您的服务器响应不包含明确的缓存标头或某些资源被指定只缓存一小段时间时,就会触发此规则。概览如果用户会多次访问您的网站,那么静态资源的浏览器缓存可以节省用户的时间。缓存标头应当应用到所有可缓存的静态资源中,而不仅仅是应用到一小部分静态资源(例如,图片)中。可缓存的资源包括JS和CSS文件、图像文件及其他二进制对
2015-08-04 11:27:27 887
原创 prompt() 方法,弹框带输入框
prompt() 有alert的风格,却带着输入框,这是怎么实现的呢?语法prompt(text,defaultText)参数描述text可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。defaultText可选。默认的输入文本。说明如果用
2015-03-20 16:52:45 7644
原创 开发者调试工具Chrome Workspace
Workspace是个什么样的东西呢?他能够在开发者工具中调试修改js或者css同时自动保存文件,能够避免开发人员在工具中调试好,再到编辑器中修改一次代码的重复操作,能够提高一定的效率
2015-03-17 17:58:25 2172
转载 图片和文字透明问题
在我们设计制作一些网页的时候可能会用到半透明的效果,首先我们可能会想到用PNG图片处理,当然这是一个不错的办法,唯一的兼容性问题就是ie6下的BUG,但这也不困难,加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层,如登陆框、注册框、提示等,这时可能需要整个页面都要被半透明的遮罩层覆盖,那么如用背景平铺的话,此时此刻也许就不是一个好办法了,图片大了会影响加载速度,图片小了同样会增加页面的
2014-09-12 16:38:13 859
原创 事件委托与阻止冒泡
简单说下事件委托与阻止冒泡html: 全部 纽约 洛杉矶 拉斯维加斯 夏威夷 旧金山 奥兰多 西雅图 js:$("ul[data-type='cityPick']").on('click',function(){ alert("父元素ul被点击");});$("ul[da
2014-08-30 17:56:51 986
原创 触屏touchstart 与 click
设计效果:当手指点击或触摸红框线menuList之外的部分时,弹框menuList消失。问题:在优化触屏版的时候发现如图问题,当menuList弹出,手指触摸屏幕向下滑动时,menuList弹框不消失,只有手指点击menuList之外的部分才消失。查看代码发现,源代码只定义了click事件:$(doc.body).on('click',function(e) { if
2014-08-30 17:41:24 1671
原创 webapp开发调试环境--weinre配置
用谷歌调试工具中的手机模拟器模拟手机进行webapp的开发,与真机上的效果还是有些偏差,opera手机模拟器的效果亦不佳。有时在pc上开发出来的webapp效果良好,在部分真机上就出现了偏差,这时候就需要我们进行微调。 在pc上微调后发布到测试环境再在手机上看效果,开发很慢,效率很低。这时候就想着有一个可以在手机上调试的工具,可以随时更改参数随时看到手机上的效果,免去发布再测试、模糊估计
2014-08-29 12:02:51 4263
原创 css sprite 调整大张图片中小图标的大小
直接说解决方法:假设一张拼合好的大图大小是:900 x 1000 px (如上图)现在想取图中左上角的河马图标,并缩小图标的大小。正常取图:.sprite { background: url('imgs/woqu_localjoin_all.png') no-repeat -21px -80px; width: 190px;height: 154px;}现在取正
2014-08-08 17:46:25 3415
原创 css sprite简便方法切 《评分五角星》
摘抄自我趣同伴的心得:大家可以会遇到过要做满意度用星级来评分的情况,类似这种实现的方法有很多,大家最初想到的可能是根据满意度有多少种情况就切多少种图,然后拼在一张图里面,通过控制图片的位置来实现。以下有一种方法实现起来会比较简单,想法来自 MATT !! 我只是负责实现而已.... 在分享之前先给Matt 一点掌声 这个方法只需要切
2014-08-08 16:54:07 1408 1
原创 多行图片hover加边框兼容IE7+
问题:遇到多行多列排列的图片时,hover上去加边框会把下面的图片挤到别处注意:IE11以下浏览器加载图片会默认给它加一个1px的边框解决方法:对图片设置border:none
2014-08-02 09:21:40 1270
原创 谷歌调试工具选取元素选择不到页面的具体元素问题
z-index的问题document的默认值是0.一旦出现这种问题,检查下是否对大背景设置了z-index:-1;如果设置了这个,那么所有的被设元素的内容都会在document之下,选取不到。包括不会出现链接点击、文字选取、hover等效果。
2014-07-21 12:55:29 2352
原创 webapp设置适应pc和手机的页面宽高以及布局层叠图片文字
html: 我趣旅行网-美剧迷 Pisode css:html,body{ height:100%; margin:0; padding:0;}.wrapper{ position:relative; margin: 0 auto; max-width: 500px; min-
2014-07-17 10:56:48 2579
原创 JSON 数据使用方法
当同一个模板需要替换不同的数据显示的时候,如果数据量大点,用json很方便。json对象:var JSONObject= {"name":"Bill Gates","street":"Fifth Avenue New York 666","age":56,"phone":"555 1234567"};JSONObject.name = "Bill Gates"jso
2014-07-17 10:34:48 1062
原创 css hover对其包含的元素进行样式设置
价格 对a链接包含的span图标进行样式更改。.icon-down-single-arr{ background-position: -67px -974px;}.icon-down-single-arr-li li:hover .icon-down-single-arr{ background-position: -81px -974px;
2014-07-17 09:55:09 1245
转载 jQuery代码优化:事件委托篇
推荐阅读原文:http://www.ituring.com.cn/article/467#推荐11收藏随着DOM结构的复杂化和Ajax等动态脚本技术的运用,事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上,展示它们的优劣势及适用场合。事件委托
2014-07-10 15:01:42 803
转载 jQuery事件绑定.on()简要概述及应用
前几天在看《jquery基础教程》,看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的。然后在一处看到live()已经被移除了,囧,然后去看了最新的jq源码,果然被移除了,现在是1.9.1版本,不知道live()是在之前哪个版本被移除的,惭愧啊,之前都没留意。看源码发现bind()和delegate()都是由on()实现的。
2014-07-10 12:46:12 1017 1
原创 返回到顶部按钮实现
#gotop{ display:none;font-size: 25px;color:#fff;text-align: center;background: #aaa;padding:10px 15px;position:fixed;right:50px;bottom:50px;cursor:pointer; }function go
2014-07-05 18:26:51 658
原创 png-8 和 png-24的区别
png是一种图片格式,是Portable Networks Graphics的缩写,做ping。png8和png24的区别如下。方法/步骤1“PNG8”是指8位索引色位图,“PNG24”是24位索引色位图;2
2014-07-05 17:18:06 1691
原创 css控制标题长度超出部分显示省略号
width: 50px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 对应的脚本特性为textOverflow。语法: text-overflow : clip | ellipsis 参数:
2014-07-01 11:46:59 2076
转载 php正则表达式
PHP 正则表达式思维导图 点击下图,可以看具体内容! 介绍 正则表达式,大家在开发中应该是经常用到,现在很多开发语言都有正则表达式的应用,比如javascript,java,.net,php等等,我今天就把我对正则表达式的理解跟大家唠唠,不当之处,请多多指教! 需要知道的术语——下面的术语你知道多少?
2014-06-22 16:02:30 605
原创 JS倒计时
var CID = "endtime"; if(window.CID != null) { var dTime = document.getElementById(CID).innerText; var iTime = dTime*24*3600; var Account; RemainTime(); }
2014-04-22 17:19:16 941
原创 Html和css 两张图片叠加一起
" class="img" style="position:absolute;z-index:1;" />
2014-04-22 01:41:41 2787 1
原创 Html和css 两张图片叠加一起
" class="img" style="position:absolute;z-index:1;" />
2014-04-22 01:11:13 6452 1
原创 SAE上传文件到storage
还有什么比代码更清晰的讲解html代码:SAE上传文件到storage 实例演示 php代码:<?phpif ($_FILES["file"]["error"] > 0) { echo "Return Code: " . $_FILES["file"]["error"] . ""; }e
2014-04-09 15:47:05 2084
原创 header("location:test.php")跳转成功需要注意的
header("location:test.php")跳转成功除了需要注意以下三点还有一个前提必须要注意:1、location和“:”号间不能有空格,否则会出错。2、在用header前不能有任何的输出。3、header后的PHP代码还会被执行。这个前提就是你的编辑器是在UTF-8无BOM格式下编写的,而不是UTF-8格式。切记!
2014-04-09 11:46:43 1711
原创 git将代码提交到远程分支(非主分支)
一个仓库可以包含多个分支,有一个默认的主分支:master若想提交代码至远程仓库的某个分支(非主分支)先查看下本地分支以及远程分支:git branch -a由本地分支(非主分支master)提交至远程分支,新建一个本地分支,并切换到此分支:Git branch-b sunmaoyu origin/sunmaoyu 如果已有本地分支可直接切
2013-07-25 15:50:47 12510
转载 js document.createElement()的用法 (转)
document.createElement()的用法 分析代码时,发现自己的盲点——document.createElement(),冲浪一番,总结了点经验。 document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点
2013-07-04 16:57:10 699
转载 Aptana Studio 3 汉化简体中文版
最近开始学习ruby on rails了,同事推荐我用aptana这个编辑器,它对ror的支持比较好,所以安装了这个软件,但是发现都是英文的,所以在网上看汉化教程,幸亏有高手写过这个文章了,这里我只是做一个引用。1、找到Aptana官方网站 http://aptana.com/support2、单击下面的链接,关于aptana的文档Studio
2013-07-03 08:39:18 860
转载 MySql拒绝访问
昨天用phpMyAdmin修改账号密码后,出现了下图的情况原来,用phpmyadmin链接mysql数据库,并修改mysql数据库的密码。但修改的方式是直接在表里面进行修改保存。没有用sql语句。解决方法:修改phpmyadmin 下的config.inc.php中的 $cfg['Servers'][$i]['password'] = '';选项当然这还
2013-06-05 14:46:17 971
原创 xampp中Apache 和 Mysql 那点经验!!
wrong pathxampp\apache\bin\httpd.exe 这些问题,有时还有端口80问题,先不用急着找各种问题的解决方案,先试试用“管理员”身份运行xampp,或许你就会有惊喜的收获,这也是我摸索了半天试了各种解决方法后,找到的最简洁的答案----以管理员身份运行。当然还有一种问题是你可能在不同时期运行了两个不同版本的apache,可以打开任务管理器--服务,
2013-04-22 20:22:30 814
sun_java_wireless_toolkit-2_5_2-ml-windows中文安装版下载
2012-12-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人