WEB前端
关注
分享
扫一扫
文章平均质量分 71
zhangzhao100110
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
纯Javascript写的多选下拉框操作
写设计器的时候，总是需要对某些属性进行多选项的处理，总是用jquery处理，不能忘了本啊，写个纯JS的小例子复习一下。 这个小例子实现功能： 1.新增选项 2.删除选项 3.回显选项的Value和Text值 PS:回显信息功能只针对chrome和Firefox浏览器，IE浏览器请自觉转换监听...2014-10-16 21:01:38 · 476 阅读 · 0 评论 -
jquery mobile 固定页眉页脚下的选项卡页面缩放问题
背景：客户端使用phonegap开发，我们选择了jquery mobile1.4.2+html5+css3的技术实现。页面中有三个选项卡页面(tab页是自己写的div)，左右滑动，可以切换页面。手机端页面信息的字体显示出来太大，影响观感，但对于某些信息想要放大看怎么办？我就想将整个页面进行缩放，因此做了以下处理： 1.meta中加入以下信息 user...2014-08-30 21:37:58 · 252 阅读 · 0 评论 -
在 iPhone / Android / WindowsPhone 7 / BlackBerry OS 6+. javascript调试
转载：http://lexandera.com/aardwolf/ 代码：https://github.com/lexandera/Aardwolf原创 2014-08-29 01:22:34 · 156 阅读 · 0 评论 -
转载：使用 Weinre 调试移动网站及 PhoneGap 应用
地址：http://www.cnblogs.com/lhb25/p/debug-mobile-site-and-app-with-weinre.html 在 PC 端，我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是，当我们想在移动端调试站点或者应用的时候，这些工具就派不上用场了。因此，移动开发人员都希望能有 Mobile 版本的 Fi...原创 2014-08-29 01:20:07 · 160 阅读 · 0 评论 -
JSP 页面中ajax返回图片绝对路径显示图片
转自：http://zhao103804.iteye.com/blog/1884343 首先，图片和工程不在一个盘符下。图片也不能放到工程下。 在JSP 文件中 <img src="C:/Users/fx/Pictures/test.jpg"/> 这样是引不到图片的。因为，JSP页面在引图片的时候是 在页面解析的路径是:<img src="http://...原创 2014-03-25 12:42:32 · 1240 阅读 · 0 评论 -
jQuery锚点跳转及相关操作（转）
转：http://ygsilence.iteye.com/blog/16999061.锚点跳转简介 Edit锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。比如百度的百科页面，wiki中的page内容。我知道实现锚点的跳转有两种形式，一种是a标签+name属性；还有一种就是使用标签的id属性。百度百科就是使用a标签的name属性来实现锚点跳转的。比如：...原创 2014-03-24 14:00:03 · 166 阅读 · 0 评论 -
Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！...
转自：http://www.cnblogs.com/liyuxin/archive/2011/10/06/2199931.html query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下:$('#objId', parent.document);// 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document...原创 2014-03-24 12:39:51 · 207 阅读 · 0 评论 -
手机端 弹出遮罩层 并且不可滑动
最近用phonegap在安卓手机中使用Html5+css3做页面， 需求：在页脚导航按钮上，点击【同意】弹出一个页面，页面中是动态生成的单选按钮。 代码： <div id="show"> <div data-role="controlgroup" id="btnGroups" data-typ...2014-08-17 02:18:03 · 2195 阅读 · 0 评论 -
jquerymobile局部渲染的各种刷新（转）
转：http://topmanopensource.iteye.com/blog/1503308在JQueryMobile页面在第一次初始化进行一次整体渲染，动态生成的需要局部渲染。在jquerymobile实现listview局部渲染的方法：Java代码 function queryPublishOrderList(trackOrDealOrInsp,user...原创 2014-08-17 02:04:17 · 192 阅读 · 0 评论 -
情人节表白话像电影字幕一样呈现
明天就是情人节了，程序猿屌丝们是不是都是单身dog呢？今年很罕见，我不是单身啦。情人节老送花啊，巧克力啊，戒指，耳环啊等等这些东西当然。。。。不可避免啦。我们程序猿应该有我们自己的素养和浪漫情怀，今天我做了一个界面送给我的女朋友，用来表达我的爱意。界面打开后自动播放“滴答”的音乐，字幕像电影开场一样，一点一点的显示出来，引人入胜。其实我还做了另一个界面，类似微信里滑一滑翻页的效果...2015-02-13 13:31:41 · 498 阅读 · 0 评论 -
自适应table
在手机竖屏和PAD端表格显示的自适应处理，摘自《高性能HTML5》 复制粘贴就可以看效果哦。d <!DOCTYPE HTML><html> <head> <title> New Document </title> <meta name="Generator" content=&quo2015-02-12 14:53:06 · 514 阅读 · 0 评论 -
div产生的滚动条如何回到顶部
我话少，直接上代码，html代码比较乱，主要为了产生垂直滚动条，看js就Ok了，jquery.js自行下载，就不提供了，so easy!其实说白了就是控制这个div的垂直滚动条的偏移，这里回到顶部，所以就设置成0。顺带着也把页面的垂直滚动条也移到了最顶端。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transit...2014-08-04 18:59:18 · 3838 阅读 · 0 评论 -
CSS 图片拼合生成器
页面中小图标太多，请求次数太多，怎么办，整合到一个大图片中呗。 福音来了 CSS 图片拼合生成器 地址：http://cn.spritegen.website-performance.org/...2014-08-04 09:11:55 · 235 阅读 · 0 评论 -
《高性能HTML5》优化笔记
目录什么是高性能开发原则性能准则 什么是高性能 当谈到“高性能”时，很多人想到的是页面加载时间，这是对Web开发性能的传统定义。其实性能并不仅仅是指页面加载，它还包括以下几个方面。 页面加载时间 浏览器性能 网络性能 开发效率 页面加载时间 页面加载时间过慢会使用户离开网...原创 2015-02-02 21:56:20 · 141 阅读 · 0 评论 -
关于javascript中apply()和call()方法的区别
转自：http://www.cnblogs.com/fighting_cp/archive/2010/09/20/1831844.html ref：http://www.popo4j.com/article/the-differences-of-apply-and-call.html 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,...原创 2014-03-12 11:13:25 · 112 阅读 · 0 评论 -
一次WEB前端优化尝试
今天对自己做的项目中的一个设计器界面加载速度上进行了优化，因为页面在加载的时候，感觉有点慢。首先，我用firefox的yslow和chrome的pagespeed进行了测试，效果如下，分数有点不同，但是都是很低的。我其实主要在chrome下用pagespeed的提示进行优化的。yslow优化前： yslow优化后： pagespee...2014-09-05 20:33:38 · 127 阅读 · 0 评论 -
jQuery性能优化指南
转载：http://rlog.cn/?p=350 现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了<jQuery Performance Rules>这篇文章, 简...原创 2014-09-05 21:25:23 · 94 阅读 · 0 评论 -
javascript设计模式--Module(模块)模式
最近在看《javascript设计模式》一书，看完之后不能就完了吧，做个读书笔记。 模块是任何强大应用程序架构中不可或缺的一部分，它通常能够帮助我们清晰地分离和组织项目中的代码单元。 我在此只做两种实现模块的方法，1.对象字面量 2.Module模式 1.对象字面量 对象字面量表示法：可以被认为是包含一组键值对的对象，每一对键和值由冒...2014-10-05 18:54:14 · 229 阅读 · 0 评论 -
js加载顺序疑惑：window.load、document.body.load和$(function(){})
今天在看脚本加载的顺序，想探讨一下window.load和document.body.load和$(function(){})的执行顺序。我也没太研究明白，希望大神帮我一下，指明我前进的方向。我先谢了,我这想探讨的是为什么会出现这种情况，而不是说用哪种方式去实现加载，或者说规避这种情况。 浏览器使用Firefox32.0.3，Chrome39.0.216...2014-10-04 23:34:53 · 1166 阅读 · 0 评论 -
5个经典的前端面试问题
原帖：http://www.kuqin.com/shuoit/20140925/342305.html JavaScript开发人员在IT界的需求量一直很大。如果你非常精通神这门语言，你会有很多机会换工作，涨薪水。但是在一家公司录用你之前，你必须顺利通过面试，证明你的技能。在本文中，我将向您展示5个关于前端相关的问题，以测试侯选者的JavaScript技能和他们解决问题的能力。有将会非...原创 2014-09-28 23:07:58 · 144 阅读 · 0 评论 -
如何面试前端工程师：Github很重要
原帖：http://www.kuqin.com/shuoit/20140925/342304.html 注：之前我们介绍过：一名靠谱的JavaScript程序员应备的素质，从程序员的角度提出要去学习哪些知识，下面这篇文章从面试官的角度介绍到面试时可能会问到的一些问题。 我在Twitter和Stripe的一部分工作内容是面试前端工程师。其实关于面试你可能很有自己的一套，这...原创 2014-09-28 23:06:52 · 560 阅读 · 0 评论 -
一名靠谱的JavaScript程序员应备的素质
原帖：http://www.kuqin.com/shuoit/20140925/342303.html 小编： 这篇文章写于2010年作者工作在Cloudera期间，当时node.js还没有流行，很多人还瞧不上javascript这门简陋的脚本，文章提出应该重视JavaScript，并提出成为一名靠谱前端工程应具备哪些能力。虽然年代似乎已经有些遥远，但文中的一些观点但现在仍然适用。 ...原创 2014-09-28 23:04:30 · 122 阅读 · 0 评论 -
ajaxFileUpload 报这错jQuery.handleError is not a function
今天刚打个一个技术群，里面有人问标题上的问题，嘿，我恰好遇过，现在大家至少也在用jquery1.9以上的版本，ajaxfileupload的版本早就不更新了，大家可以下载看：地址这里，它例子里使用的Jquery是1.2的，好老呀。。。这个问题，我以前开发过程中遇过，网上说经测试（我是没测试），是版本1.4.2之前的版本才有handlerError方法，之后就不存在了，（你存在...2014-09-27 20:10:11 · 253 阅读 · 0 评论 -
各种前端插件整理
今天搞了一天，把以前在收藏夹中的前端插件整理了一下：请参考，猛戳这个链接https://github.com/zhangzhaoaaa/skill-collections2015-07-09 18:17:34 · 173 阅读 · 0 评论 -
html5 跨iframe的拖拽实现移动端页面设计器
背景：前一阶段做了一个移动页面设计器，拖拽组件、设计器界面、组件属性都在同一个界面，导致设计器(手机壳)中的页眉和页脚位置，尤其是页脚在设计器中没办法像在真正手机中，固定在页面下方。这是由于jqm把整个页面当成了一个容器，如果页眉页脚fixed，那么页眉页脚就会跑到整个页面的最上方和最下方，而不是在设计器中，所以只能把设计器(手机壳)部分改成iframe，这样，把一个jqm完整的页面...2014-09-16 21:00:29 · 3969 阅读 · 0 评论 -
jquery对象与dom对象互换
最近在做拖拽，有时候需要直接处理dom对象，所以需要进行jquery对象和dom对象间的互换。现记录如下： <input type="text" id="test" value="a"> 1.jquery转dom 第一种方法： var $t=$("#test");//jquery对象 va...原创 2014-09-16 13:19:39 · 209 阅读 · 0 评论 -
ECMAScript （javascript）继承机制实现
转载：http://www.w3school.com.cn/js/pro_js_inheritance_implementing.asp 继承机制的实现要用 ECMAScript 实现继承机制，您可以从要继承的基类入手。所有开发者定义的类都可作为基类。出于安全原因，本地类和宿主类不能作为基类，这样可以防止公用访问编译过的浏览器级的代码，因为这些代码可以被用于恶意攻击。选定基类...原创 2014-09-10 23:37:05 · 138 阅读 · 0 评论 -
Array.prototype.slice.call(arguments)
理解Array.prototype.slice.call(arguments)是如何工作的？ 我直接上例子，我就不翻译了，真是怕翻译错了。 var a={length:2,0:'first',1:'second'};//类数组,有length属性，长度为2，第0个是first，第1个是secondconsole.log(Array.prototype.slic...2014-09-10 23:20:52 · 136 阅读 · 0 评论 -
Javascript的匿名函数小结
转自：http://www.jb51.net/article/21670.htm一、什么是匿名函数？在Javascript定义一个函数一般有如下三种方式：函数关键字(function)语句：function fnMethodName(x){alert(x);}函数字面量(Function Literals)：var fnMethodName = function...原创 2014-09-08 21:06:12 · 128 阅读 · 0 评论 -
ECMAScript arguments 对象
arguments 对象在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。例如，在函数 sayHi() 中，第一个参数是 message。用 arguments[0] 也可以访问这个值，即第一个参数的值（第一个参数位于位置 0，第二个参数位于位置 1，依此类推）。因此，无需明确命名参数，就可以重写函数：function sayHi() {...原创 2014-09-08 00:28:01 · 108 阅读 · 0 评论 -
javascript中的原型与继承
转载：http://msdn.microsoft.com/en-us/magazine/ff852808.aspx 这篇文章讲Javascript中的原型与继承，我认为是很不错的，通俗易懂，并且很形象。我在翻译了四五段之后，果断放弃了翻译，我水平有限，怕误人子弟。另，我有点明白为啥有些国外牛人的书被翻译的很烂了，我估计这些翻译的作者是用百度翻译了。。。。因为我也尝试用了一下，那翻得...原创 2014-09-07 16:42:41 · 202 阅读 · 0 评论 -
封装 jquery ajax，加入loading加载
$.extend($, { /* *ajax调用封装，返回json * url 服务路径 * data一般为js对象 * callback 回调函数 */ MyAjax: function(url, data, callback) { $.ajax({ url: url, ...2014-03-12 11:09:27 · 473 阅读 · 0 评论 -
jsdoc-toolkit生成javascriptAPI文档
前言 对于使用JAVA的人来说，查看JavaDoc文档开发非常方便。当我们开发WEB应用的时候，需要javascriptAPI文档开发。在此，我选择了jsDoc-toolkit生成相关文档。 环境：win7,jdk1.7 我在这里就不讲解jdk的安装和配置了，这样的文章太多了。 简介 ...2015-01-22 12:47:23 · 144 阅读 · 0 评论 -
使用jquery-ui的datepicker 结合ValidationEngine验证框架，失焦提示框问题
来源：https://github.com/posabsolute/jQuery-Validation-Engine查看处：The ValidationEngine with a datepicker原文：Using a datepicker with the engine is problematic because the validation is bound to the ...原创 2013-06-27 11:26:01 · 258 阅读 · 0 评论 -
js 去掉结尾的逗号，再也不用substring了
var reg=/,$/gi; var str = "a,b,"; str=str.replace(reg,""); alert(str);//a,b原创 2013-06-27 01:15:17 · 1309 阅读 · 0 评论 -
获取select 中有multiple属性，获取选中的值
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <title> New Document </title> </head> <body><s原创 2013-06-26 22:55:39 · 3578 阅读 · 0 评论 -
JS实现关键词高亮
转自：http://xdwangiflytek.iteye.com/blog/1399617 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt...原创 2013-06-24 22:24:29 · 268 阅读 · 0 评论 -
QQ抖动效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &am原创 2013-06-24 22:16:13 · 137 阅读 · 0 评论 -
上传图片 预览功能
使用HMTL5 FileReader 处理上传图片的预览，以下代码已经在IE7，8,9,firefox 21.0,chrome浏览器下测试通过如想了解更多HTML5 请参看：http://hushc.sinaapp.com//post/27http://www.w3.org/TR/FileAPI/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD ...2013-06-21 23:34:23 · 129 阅读 · 0 评论 -
jquery的三种ajax上传组件
最近选择上传组件，顺便总结一下这三个上传组件1.ajaxFileUpload网址：http://www.phpletter.com/Demo/AjaxFileUpload-Demo/适合当个文件的上传，多个文件的话，需要多个文件输入框引入：jquery-1.9.1.jsajaxfileupload.jsjs部分：function fileupload(){ if...2013-06-12 00:27:40 · 166 阅读 · 0 评论