saysmy-CSDN博客

原创 ps如何裁剪掉图片的不规则区域

按P，鼠标变成钢笔工具，点选住待清除区域，如下：按ctrl+enter, 将点线变成选中区域：按delete删除： ctrl+D取消选中区域完成！

2015-12-15 11:15:25 10413

转载 js内存泄露的几种情况详细探讨

内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。1、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中

2015-09-17 21:10:20 503

转载前端页面卡顿？或是DOM操作惹的祸，需优化代码

文档对象模型（DOM）是一个独立于特定语言的应用程序接口。在浏览器中，DOM接口是以JavaScript语言实现的，通过JavaScript来操作浏览器页面中的元素，这使得 DOM成为了JavaScript中重要的组成部分。在富客户端网页应用中，界面上UI的更改都是通过DOM操作实现的，并不是通过传统的刷新页面实现的。尽管DOM提供了丰富接口供外部调用，但DOM操作的代价很高，页面前端代码的性

2015-09-17 21:08:04 1635

转载使用浏览器缓存

使用浏览器缓存当PageSpeed Insights检测到您的服务器响应不包含明确的缓存标头或某些资源被指定只缓存一小段时间时，就会触发此规则。概览如果用户会多次访问您的网站，那么静态资源的浏览器缓存可以节省用户的时间。缓存标头应当应用到所有可缓存的静态资源中，而不仅仅是应用到一小部分静态资源（例如，图片）中。可缓存的资源包括JS和CSS文件、图像文件及其他二进制对

2015-08-04 11:27:27 848

原创 prompt() 方法,弹框带输入框

prompt() 有alert的风格，却带着输入框，这是怎么实现的呢？语法prompt(text,defaultText)参数描述text可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。defaultText可选。默认的输入文本。说明如果用

2015-03-20 16:52:45 7354

原创开发者调试工具Chrome Workspace

Workspace是个什么样的东西呢？他能够在开发者工具中调试修改js或者css同时自动保存文件，能够避免开发人员在工具中调试好，再到编辑器中修改一次代码的重复操作，能够提高一定的效率

2015-03-17 17:58:25 2083

在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的

2014-09-12 16:38:13 828

原创【ps】裁剪图片的某一块

最近做我趣的专辑学了一点小技巧

2014-09-12 16:11:35 4127

原创 [切图]不规则图形的切法

PS小技巧：点击图片选中图层前，记着做下面的噢：

2014-09-12 15:59:43 4013

原创事件委托与阻止冒泡

简单说下事件委托与阻止冒泡html: 全部纽约洛杉矶拉斯维加斯夏威夷旧金山奥兰多西雅图 js:$("ul[data-type='cityPick']").on('click',function(){ alert("父元素ul被点击");});$("ul[da

2014-08-30 17:56:51 966

原创触屏touchstart 与 click

设计效果：当手指点击或触摸红框线menuList之外的部分时，弹框menuList消失。问题：在优化触屏版的时候发现如图问题，当menuList弹出，手指触摸屏幕向下滑动时，menuList弹框不消失，只有手指点击menuList之外的部分才消失。查看代码发现，源代码只定义了click事件：$(doc.body).on('click',function(e) { if

2014-08-30 17:41:24 1641

原创 webapp开发调试环境--weinre配置

用谷歌调试工具中的手机模拟器模拟手机进行webapp的开发，与真机上的效果还是有些偏差，opera手机模拟器的效果亦不佳。有时在pc上开发出来的webapp效果良好，在部分真机上就出现了偏差，这时候就需要我们进行微调。在pc上微调后发布到测试环境再在手机上看效果，开发很慢，效率很低。这时候就想着有一个可以在手机上调试的工具，可以随时更改参数随时看到手机上的效果，免去发布再测试、模糊估计

2014-08-29 12:02:51 4158

原创 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 3388

原创 css sprite简便方法切《评分五角星》

摘抄自我趣同伴的心得：大家可以会遇到过要做满意度用星级来评分的情况，类似这种实现的方法有很多，大家最初想到的可能是根据满意度有多少种情况就切多少种图，然后拼在一张图里面，通过控制图片的位置来实现。以下有一种方法实现起来会比较简单，想法来自 MATT !! 我只是负责实现而已.... 在分享之前先给Matt 一点掌声这个方法只需要切

2014-08-08 16:54:07 1357 1

原创多行图片hover加边框兼容IE7+

问题：遇到多行多列排列的图片时，hover上去加边框会把下面的图片挤到别处注意：IE11以下浏览器加载图片会默认给它加一个1px的边框解决方法：对图片设置border:none

2014-08-02 09:21:40 1253

原创谷歌调试工具选取元素选择不到页面的具体元素问题

z-index的问题document的默认值是0.一旦出现这种问题，检查下是否对大背景设置了z-index：-1;如果设置了这个，那么所有的被设元素的内容都会在document之下，选取不到。包括不会出现链接点击、文字选取、hover等效果。

2014-07-21 12:55:29 2282

原创 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 2566

原创 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 1044

原创 jsp学习笔记一

page属性定义JSP文件中的全局属性.

2014-07-17 10:20:53 642

原创 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 1219

转载 jQuery代码优化：事件委托篇

推荐阅读原文：http://www.ituring.com.cn/article/467#推荐11收藏随着DOM结构的复杂化和Ajax等动态脚本技术的运用，事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上，展示它们的优劣势及适用场合。事件委托

2014-07-10 15:01:42 782

转载 jQuery事件绑定.on()简要概述及应用

前几天在看《jquery基础教程》，看到事件委托的时候，关于live()方法讲的不是很详细，就去搜了一下关于live()和delegate()的。然后在一处看到live()已经被移除了，囧，然后去看了最新的jq源码，果然被移除了，现在是1.9.1版本，不知道live()是在之前哪个版本被移除的，惭愧啊，之前都没留意。看源码发现bind()和delegate()都是由on()实现的。

2014-07-10 12:46:12 940 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 632

原创 png-8 和 png-24的区别

png是一种图片格式，是Portable Networks Graphics的缩写，做ping。png8和png24的区别如下。方法/步骤1“PNG8”是指8位索引色位图，“PNG24”是24位索引色位图；2

2014-07-05 17:18:06 1610

原创 css控制标题长度超出部分显示省略号

width: 50px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverflow。语法：　　text-overflow : clip | ellipsis 　参数：　　

2014-07-01 11:46:59 2058

转载 php正则表达式

PHP 正则表达式思维导图点击下图，可以看具体内容！介绍正则表达式，大家在开发中应该是经常用到，现在很多开发语言都有正则表达式的应用，比如javascript，java，.net,php等等，我今天就把我对正则表达式的理解跟大家唠唠，不当之处，请多多指教！需要知道的术语——下面的术语你知道多少?

2014-06-22 16:02:30 542

原创 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 919