前端开发
spring21st
Dedicated to ASP.NET,C#,DataBase,Design Pattern and Algorithms;
Be good at (X)HTML, CSS, JavaScript(jQuery)
展开
-
移动端上传组件WebUploader
网站开发少不了上传的功能,一般PC端常用的是jquery uploadify但是移动端是不支持flash的,但是移动端对html5的支持力度是非常强的,没有必要使用flash方案。推荐使用baidu fex的WebUploader项目地址:http://fex.baidu.com/webuploader/download.html原创 2016-06-11 14:50:06 · 15642 阅读 · 0 评论 -
localstorage存储
define(function() { var win = window, doc = document, decode = function(s) { // 参考jquery cookie的实现: https://github.com/carhartl/jquery-cookie/blob/master/jquery.cookie原创 2014-01-17 00:40:34 · 1953 阅读 · 0 评论 -
批量删除Redis数据库中的Key
批量删除KeyRedis 中有删除单个 Key 的指令 DEL,但好像没有批量删除 Key 的指令,不过我们可以借助 Linux 的 xargs 指令来完成这个动作redis-cli keys "*" | xargs redis-cli del//如果redis-cli没有设置成系统变量,需要指定redis-cli的完整路径//如:/opt/redis/redis-cli keys "转载 2013-11-12 23:38:10 · 146132 阅读 · 4 评论 -
windows下的环境搭建配置redis
下载地址:https://github.com/dmajkic/redis/downloads 下载下来的包里有两个,一个是32位的,一个是64位的。根据自己的实情情况选择,我的是32bit,把这个文件夹复制到其它地方,比如D:\redis 目录下。打开一个cmd窗口 使用cd命令切换目录到d:\redis 运行 redis-server.exe redis.conf转载 2013-09-05 19:54:32 · 31234 阅读 · 5 评论 -
Windows下Git使用帮助
今天申请BAE的Node云环境,决定尝试下git进行源代码管理。BAE的帮助文档还是挺赞的,有图有真相,下面的内容来自BAE Git帮助 http://developer.baidu.com/wiki/index.php?title=docs/cplat/rt/manage/git#clone.E4.BB.A3.E7.A0.81获取应用的Git地址通过如下步骤,可以获得应用转载 2013-09-06 15:01:08 · 11921 阅读 · 0 评论 -
判断 IE9及以下浏览器hack方法
判断 IE9及以下浏览器:!!window.AnimationEvent原创 2013-08-12 11:35:52 · 3931 阅读 · 0 评论 -
javascript 获取querystring 参数值
function getParameterByName(name) { name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.se原创 2013-07-12 12:11:13 · 1153 阅读 · 0 评论 -
新浪微博分享抓取图片标准
分享图片标准: 1.图片必须出现在html文件标签里,JS写入的图片无法抓取2.图片尺寸大于92x92,文件体积小于500k3.图片文件可http请求成功访问,没有防盗链机制4.对图片质量也有一定的鉴别评分机制,尺寸大于92但质量评分很低的图片,也可能会被忽略。5.图片文件名如果含明显页面元素名称命名,例如logo.png,也会被忽略但是实践证明,并不是符合这些原创 2013-06-05 17:46:10 · 4797 阅读 · 0 评论 -
checkbox radio 事件处理
checkbox radio 事件处理1. IE立即触发Radio和Checkbox的change事件必须在选中或取消复选框之后再点击除了复选框之外的任何一个地方,之所以这样,据说是因为IE会等到复选框失去焦点之后才会触发change事件,解决方法:if($.browser.msie) { chk_join.click(function () {原创 2013-05-20 14:18:49 · 2374 阅读 · 0 评论 -
weinre远程调试mobile页面
移动端页面的调试因为没有像firebug 这样的工具,调试起来比在PC更加麻烦一些。但是借由weinre, 我们也可以像PC端那样,远程调试webapp。(以下环境均为windows7)1) 安装weinre最新版本的weinre 通过npm进行安装npm -g install weinre 官方地址:http://people.apac原创 2013-05-15 23:03:04 · 6318 阅读 · 6 评论 -
javascript同php做url encode与decode
在前端使用javascript ,通过 encodeURIComponent() encode中文后,原创 2014-04-20 01:00:39 · 4949 阅读 · 0 评论 -
swfupload上传丢失cookie问题
使用SWFUpload使用批量上传时候,意外发现提交后火狐、chrome里用户信息的COOKIES都读不出来了。服务器文件单独执行却是可以。认真谷歌了一下,发现如下文章(http://www.courseol.com/cs/html/51/n-3451.html):感谢:使用SWFUpload的时候一定要小心cookie bug: 在非IE内核内核的浏览器下使用S转载 2014-04-20 00:56:50 · 4281 阅读 · 0 评论 -
SWFupload在IE9中无法点击bug解决方法
用swfupload是出现了再IE9下那选择文件的按钮无法点击的情况,在其他浏览器,例如Firefox、chrome都不会出现,后来google一下才发下这算是IE9和flash的一个bug吧。出现这种情况,需要在swfupload.js中的getFlahHTML方法修改一下转载 2014-07-16 20:04:50 · 4007 阅读 · 0 评论 -
如何在同一台服务器起多个pm2进程
在线上部署node程序的时候,一般都是至少两台主机,每台主机部署一个node应用,然后前面再加ngnix做HA。但是为了节省成本,一般公司可能也就一台服务器,这种情况,如果还是按照之前的模式,会出现同时起多个pm2进程后,多个node进程冲突,导致服务不可用。怎么办?其实官网已经有说明:Multiple PM2 on the same serverThe client and原创 2015-12-13 00:00:21 · 7822 阅读 · 0 评论 -
javascript中英文字符长度判断
填写表单的时候,经常会遇到对输入的长度进行判断,但是汉字在数据库中占2个字符,有两种方法:1. 正则表达式function getByteLen(val) { var len = 0; for (var i = 0; i < val.length; i++) { var a = val.charAt(i)原创 2015-07-20 21:14:40 · 2114 阅读 · 0 评论 -
clearInterval()取消setInterval()执行
发送短信验证码是一个非常常见的功能,现在的需求是:用户点击“获取验证码”的时候,请求后端接口,发送短信验证码,按钮置灰不可点,变成“重发(xx s)”, 40s后,出现“发送语音验证码”按钮,60s后,“重发”按钮再变成“获取验证码”肯定是要用 setInterval() 了,但是这里边就涉及到使用 clearInterval() 清除周期性执行,见示例:原创 2015-07-02 23:59:18 · 14126 阅读 · 0 评论 -
页面自动滚动到指定位置
如何实现页面加载完成后自动滚动到指定的位置?例如点击一篇博客,使页面的滚动条自动滚动到评论框所在的位置,这个功能只用一句代码就可以搞定:window.location.hash例如博客的地址是http://www.chaichunyan.com/#comm注意到url后面带有#comm这个参数。当页面加载完毕后,浏览器就会自动滚动到dom对象id='comm'的转载 2015-07-02 23:48:48 · 4533 阅读 · 0 评论 -
php将文件转换成二进制输出
header( "Content-type: image/jpeg");$PSize = filesize('1.jpg');$picturedata = fread(fopen('1.jpg', "r"), $PSize);echo $picturedata;就这么几句话,就将图片以二进制流的形式输出到客户端了,和打开一张图片没有任何区别,需要注意的是,发送的header转载 2014-12-22 11:20:46 · 15543 阅读 · 0 评论 -
velocity http请求400错误HTTP Status 400 The request sent by the client was syntactically incorrect
今天在和后端联调一个接口的时候,一个是要提交7个字段如果全部提交的时候,原创 2014-08-29 16:21:52 · 42668 阅读 · 2 评论 -
windows下保存git用户名和密码
1. 在Windows中添加一个HOME环境变量,值为%USERPROFILE%,如下图:2. 在“开始》运行”中打开%Home%,新建一个名为“_netrc”的文件。3. 用记事本打开_netrc文件,输入Git服务器名、用户名、密码,并保存。示例如下:machine git.hostsname.comlogin user_namepassword user_转载 2014-09-09 18:06:37 · 10792 阅读 · 0 评论 -
node pm2 启动 Error: getaddrinfo ENOTFOUND 解决方法
在新的服务器上部署node以后,使用pm2 作为进程管理工具,安装完成以后,pm原创 2014-08-11 22:06:59 · 34021 阅读 · 1 评论 -
velocity模板小数点截断两位
velocity 模板能够对数值进行formate,现在有个需求是希望ne原创 2014-07-23 17:39:10 · 12632 阅读 · 1 评论 -
[Javascript]获取窗口关闭事件
需求:监听用户关闭窗口的事件,然后添加日志统计方法: 使用 beforeunload示例:window.addEventListener("beforeunload", function( event ) { event.returnValue = "\o/";}); //is equivalent towindow.addEventListener("b原创 2013-03-04 16:59:11 · 3713 阅读 · 0 评论 -
修改webkit默认样式及定制漂亮的表单
主要来源http://i.wanz.im/2011/02/04/remove_border_from_input_type_search/起因是这样的。chrome下面有个表单保存cookie后,表单的背景变成了黄色。查看控制台可以看到input:-webkit-autofill {background-color: #FAFFBD !转载 2012-12-13 10:47:30 · 1415 阅读 · 0 评论 -
妙用png的"逐次逼近显示"
今天在群里,有位朋友问到一个问题:http://sufa.cnodejs.net/work/4386 这种图片向下逐渐显示展示是怎么实现的。即一般图片显示是直接显示全部内容的,它是怎么做到一部份一部份显示的呢?其实,这个是因为采用了png的"逐次逼近显示"特性。 逐次逼近显示 这种特性可使在通信链路上传输图像文件的同时就在终端上显示图像,把整个轮廓显示出来之后逐步显示图像原创 2012-11-26 17:41:50 · 1600 阅读 · 0 评论 -
[JavaScript]避免console错误
JavaScript 开发过程中,我们经常会使用console对象来进行程序调试。有用户反馈手机当当网触屏版在HTC 手机上无法将单品进入购物车,经过排查和测试,发现是因为console的缘故,JavaScript执行错误,导致Ajax success无法继续执行。个人觉得是HTC对Android 自带浏览器进行了改动,不支持console对象及相应的方法。 如果发布的代码中依然包含c原创 2012-04-13 11:25:50 · 3012 阅读 · 0 评论 -
[CSS3]CSS3 Media Queries在iPhone4和iPad上的运用
CSS3 Media Queries在iPhone4和iPad上的运用 CSS3 Media Queries的介绍在W3CPlus上的介绍已有好几篇文章了,但自己碰到的问题与解决的文章还是相对的较少。前几天在《修复iPhone上submit按钮bug》上介绍了修复form中sumit按钮的bug。同一个项目,为了实现iPhone和iPad横板转载 2012-04-13 11:09:06 · 21035 阅读 · 0 评论 -
[译] CSS3 Transitions, Transforms 和 Animation 详解
原文地址:http://css3.bradshawenterprises.com/转载自:http://sev7n.net/index.php/473.html<!--.half {width:49%}.left {float:left}.right {float:right}.clear {clear:both}.center {text-al转载 2012-03-23 12:26:51 · 4771 阅读 · 0 评论 -
[CSS]自己用的CSS Rest
兼容HTML5 tags@charset "utf-8";* { -webkit-text-size-adjust:none; }/*html4 reset*/body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea原创 2012-03-15 17:57:31 · 1415 阅读 · 0 评论 -
[JavaScript]兼容IE6/7的getElementByClassName
在使用原生javascript时,获取类选择符时,即使用getElementByClassName,它在Firefox和IE下是不能兼容。Firefox下是可以用它获取的到元素而IE不行,一般框架都会实现该方法,达到在IE和Firefox下兼容的问题。function getByClassName(className){ if(document.getElementByC原创 2012-03-15 17:54:55 · 8345 阅读 · 3 评论 -
也谈JavaScript的闭包
JavaScript的闭包是在面试的时候常见的一个问题,其实在实际的工作中,你可能使用到了闭包,但是没有意识到期间就是闭包。这里,我通过一个小例子来说明闭包的使用。Q1:下面的这段html ,每行鼠标移动上后变为灰色 第一个 第二个 第三个 第四个 这个是不是小case嘛: // J原创 2012-03-09 17:53:17 · 1656 阅读 · 0 评论 -
JavaScript 跨域
JavaScript 跨域原文链接:http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑,不允许跨域调用其转载 2012-02-29 18:34:12 · 1684 阅读 · 0 评论 -
[JavaScript语言精粹]学习笔记
原来看《JavaScript语言精粹》的时候,对JavaScript理解也不是很深,这次重读,感觉字字珠玑,虽然才一百多页,但是并不比《JavaScript权威指南》的内容量少。P.S. 《JavaScript语言精粹》的示例都是连贯的,在学习的时候尽量不要跳跃。主要是对其中一些示例和译文的错误整理一下,方便以后查阅,温故而知新嘛。:)page36 3.4.原创 2012-02-29 18:14:57 · 1068 阅读 · 0 评论 -
CentOS搭建NodeJS环境
事件驱动,承受高并发……这些耀眼的光环,使前端开发者不能不去学习NodeJS。 今天就在开发环境把NodeJS搭建起来了。1. 下载nodewget http://nodejs.org/dist/node-v0.6.4.tar.gz 2. 解压tar zxvf node-v0.6.4.tar.gz cd node-v0.6.43. 查看配置是否完整原创 2012-02-09 15:29:18 · 9862 阅读 · 0 评论 -
[iOS]解决Mobile App icon图片清晰度问题
在做Moblie Web App的时候,经常会遇到一大堆的icon图标iOS 5.1以下的分辨率那么高,当设计稿出来的320x480 的图标,一放到iOS上就显示模糊了。目前我知道的有两种方案:1. 使用AI做矢量图,这样屏幕分辨率发生变化,也不会造成icon模糊2. 用双倍尺寸 然后 缩一倍,保证清楚我目前采用的方案基本上都是第二种,和设计配合会好一些。另原创 2012-04-13 15:08:39 · 3189 阅读 · 0 评论 -
[MobilewebApp]图片的适配与清晰度
iPhone4s的屏幕分辨率是640x960,这样就带来一个问题:原来设计的320x480的设计出来的icon等图片,在高分辨率下就会显得模糊。 在经过讨论、查阅资料和测试后,可以有方法解决哦~ 1. 对于采用 方式引用图片的: 屏幕图片测试 原图320: 原图480: 原图640: 480压原创 2012-04-26 13:15:48 · 6344 阅读 · 2 评论 -
fiddler无法抓取chrome解决方法
前端开发中,不可避免的要和服务器端进行联调,少了fiddler这个利器可不行。由于无线开发需要配置UA,我使用chrome进行访问,但是今儿一早过来,发现fiddler无法抓取chrome的请求了。想想昨天对chrome进行的操作,我觉得问题应该出在代理的身上。实际上fiddler是可以抓chrome的请求的。由于我的chrome安装了代理管理的插件SwitchyS原创 2012-06-14 11:21:27 · 48412 阅读 · 7 评论 -
Javascript刷新当前页面
reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用转载 2012-11-12 15:59:12 · 24649 阅读 · 0 评论 -
通过手机型号查找相应UA信息
移动网站开发中,经常遇到UA适配的问题,很多情况下,是部分机型不支持。这时,你需要知道目标机型的UA才能进行判断,然后修改匹配规则。原来一直使用的user agent switcher就不那么好使了,现在隆重推出我的“大杀器” http://www.tera-wurfl.com/explore/search.php?action=browse输入手机型号,然后点原创 2012-11-04 01:14:00 · 7030 阅读 · 3 评论 -
jQuery checkbox全选
通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。使用click事件,根据checked属性进行判断即可。示例: $("#chkRreviewOffline").click(function(){ if(this.checked){ $('#review-offline .btn_原创 2012-10-13 22:52:34 · 1361 阅读 · 0 评论