- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果：JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意：单引号写在{}外，每个属性名都必须用双引号，否则
2015-12-07 11:32:38
370
原创 jquery取消和绑定事件
a id="confirme" href="javascript:ovid(0)">点击1a>input id="concel" type="button" value="取消事件" />input id="bind" type="button" value="绑定事件" />script> function close(){ alert("1"); }
2015-11-06 14:36:25
799
转载 js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）
第一种情况：iframe中不存在name和id的方法：（通过contentWindow获取）var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容或者：var _iframe = document.g
2015-11-05 16:27:12
1984
转载 微信浏览器禁止app下载链接怎么办
通过扫描二维码下载APP已成为一个非常方便的方式，微信也成为扫描二维码重要的工具，但是扫描后微信浏览器会对APK和appStore的链接进行屏蔽，导致用户无法正常下载。本文提供两个迂回的解决方案：1.使用腾讯应用宝；2.提示用户使用浏览器打开。第1种方法不用介绍了，把APP提交给腾讯应用宝即可，需要等待腾讯的审批，审批条件比较苛刻，腾讯采用分级审批方式，如果你是高级开发者，可以不审批先上线
2015-11-04 16:49:06
7354
转载 CSS控制文本自动换行
1.你定死表格的宽度，即给表格一个宽度值（是数值，不是百分比） 2.强制不换行 div{ //white-space：不换行;normal 默认;nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象 white-space:nowrap; } 自动换行 div{ word-wrap: break-word; //word-brea
2015-11-04 10:55:34
390
转载 移动web资源整理
原文：http://www.cnblogs.com/PeunZhang/p/3407453.htmlmeta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari
2015-11-03 16:38:35
975
转载 CSS中英文字体
宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋
2015-11-03 14:54:55
588
1
转载 js中的preventDefault与stopPropagation详解
本篇文章主要是对js中的preventDefault与stopPropagation进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助先讲解一下js中preventDefault和stopPropagation两个方法的区别：preventDefault方法的起什么作用呢？我们知道比如百度,这是html中最基础的东西，起的作用就是点击百度链接到http://www.b
2015-11-03 10:37:04
482
转载 HTML5：在移动端禁用长按选中文本功能
在手机浏览器中，长按可选中文本，但如果在应用中，会给人一种异样的感觉，最好还是禁用此功能为上。* {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
2015-11-03 10:31:33
767
转载 Jquery easyui总结
到现在为止，已经使用Jquery Easyui有一年了，在使用过程中，遇到了不同的问题。从一开始jquery easyui1.1版本到easyui 1.2版本，从它本身bug到功能上的不足，从本身样式的单一到多套皮肤的制作，一路走来发现主要常见的问题还是主要集中在Jquery easyui代码书写上。首先，从基础讲起，初次接触jqeury easyui的时候，大部分人不知道jquery eas
2015-10-28 18:09:45
533
转载 jquery easyui的tabs使用时的问题
我最近也使用了一下jquery easyui里tabs，但是发现一个问题：如果你把tabs的div开始设置为display:none，然后写个function change(){$("#tabs").css("display","block")}来让tabs显示，当执行change()时，结果tabs显示不正常。本来应该显示为： 结果显示为： 后来我不断尝试，发现如果tabs最
2015-10-28 18:00:01
493
转载 JSON在PHP中的应用
互联网的今天，AJAX已经不是什么陌生的词汇了。说起AJAX，可能会立即想起因RSS而兴起的XML。XML的解析，恐怕已经不是什么难题了，特别是PHP5，大量的XML解析器的涌现，如最轻量级的SimpleXML。不过对于AJAX来说，XML的解析更倾向于前台Javascrīpt的支持度。我想所有解析过XML的人，都会因树和节点而头大。不可否认，XML是很不错的数据存储方式，但是其灵活恰恰造成了其解
2015-10-28 17:49:55
310
转载 jquery easyui学习教程-accordion
摘要：jquery easyui中的accordion一般用来做分组，如菜单的分组、表单的分组等。（easyui 1.2.6）...jquery easyui中的accordion一般用来做分组，如菜单的分组、表单的分组等。（easyui 1.2.6） 初始化的两种方式：方式一： conte
2015-10-28 17:39:34
1311
转载 jquery.validate.js的基本用法入门
摘要：formvalidator插件 , jquery.validate , PHP博客 , PHP技术博客 , PHP表彰验证插件...jquery.validate.js是jquery下的一个验证插件，功能比较强大，早就有所耳闻但是一只没有动手用过，现在在于能够研究一下了。这里转载一篇前辈写的文章，在我自己的理解上修改了一下，仅作记录。先贴一个国内某大公司的代码：JavaS
2015-10-28 17:38:35
369
转载 大公司里怎样开发和部署前端代码？
摘要：这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯子的同学可以去看看facebook的页面源代码，体会一下什么叫工程化。...这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在
2015-10-28 17:04:09
317
转载 js面向对象编程-高级内容
摘要：比如说：A写了一个类，交给B，B在使用时发现A写的类的功能有所欠缺，但是B没有权力改写A的文件，这时该怎么办？ ...JavaScript面向对象十六、为每个对象动态添加属性或方法功能:返回对象类型原型的引用 prototype的使用 格式:class.prototype场景：比如说：A写了一个类，交给B，B在使用时发现A写的类的功能有所欠缺，但是B没有权力改
2015-10-28 11:46:25
370
转载 backbone.js选型使用分析
Backbone是一款很不错的轻量级的提供前端MVC模型编程的解决方案，其提供的Model,View,Controller等接口可以帮我们很清晰的从一大堆海量代码中解脱出来，Backbone本身就体积很轻有个4K-5K的样子，依赖也很少，只有一个underscroe,里面提供了一大堆数组操作还有模板解析的函数。 我目前也在重构整个前端的代码，之前的代码因为公司初创的缘故，在宝贵的短
2015-10-09 15:48:40
396
转载 jquery.fn.extend与jquery.extend的区别
jQuery为开发插件提拱了两个方法，分别是：JavaScript代码jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。fn 是什么东西呢。查看
2015-10-09 15:44:11
242
转载 深入了解canvas
一、简单图形，整套的属性和方法专门用于绘制矩形：1、fillStyle可以设置为CSS颜色、一个图案或一种颜色渐变。fillStyle默认是纯黑色，你可以设置成你喜欢的任意颜色。只要页面打开着，每个绘图上下文都会记录自己的属性，除非你重置过它。2、fillRect(x,y,width,height)绘制一个矩形，并以当前的fillStyle来填充。3、srtokeStyle和fillS
2015-10-09 15:32:07
518
转载 javascript的闭包和变量
for(var i=0;isetTimeout(function() {console.log(i);}, 300);}运 行它可以发现，连续输出了10个10.为什么呢？因为 “i” 这个变量在内存里只保存了一份。当调用settimeout方法时，往js事件线程的等待队列排入了十个执行函数，一直到每个300ms结束，这十个执行 函数才被调用，此时内存里的 “i” 这个变量经过十
2015-10-09 15:24:34
298
转载 zepto点透研究
zepto tap “点透”研究在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，下面是一个例子：先看看zepto RC1版本的tap模拟事件的实现方法：Js代码 ;(function($){ var touch = {}, touchTimeout function
2015-10-09 14:47:17
485
转载 javascript格式化日期格式
javascript两行代码按指定格式输出日期时间，具体看代码：// // 格式化显示日期时间// // 待显示的日期时间，例如new Date()// 需要显示的格式，例如yyyy-MM-dd hh:mm:ssfunction date2str(x,y) { var z ={y:x.getFullYear(),M:x.getMonth()+1,d:x.getDate()
2015-10-09 14:34:34
329
转载 （三）移动端web开发：处理复杂手势
这篇文章着重介绍多触式设备上特有的gesture event（android和iOS对这个事件的封装大同小异）。这个事件是对touch event的更高层的封装，和touch一样，它同样包括gesturestart，gesturechange，gestureend三个事件回调： gesturestart // 当有两根或多根手指放到屏幕上的时候触
2015-10-09 14:24:28
573
转载 （二）移动端web开发：处理简单手势
这篇文章将描述多触式网页开发中对手势（Gesture）事件的处理。 水果设备中的Gesture，广义的说包括手指点击（click），轻拂（flick），双击（double-click），两只手指的分开、闭合（scale）、转动（rotate）等一切手指能在屏幕上做的事情。iOS上设计了了一系列手势来模拟和扩展鼠标操作，比如手指放下后迅速提起会触发click事件，手指向上滑动，停止，会触
2015-10-09 14:22:45
468
转载 （一）移动端web开发：Touch事件
水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候，那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感，因为正是他们（而不是水果）让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的程序员来说，这种让人欲罢不能的多触式体验似乎跟我们关系不大，因为浏览器那一小块地方就是我们
2015-10-09 14:18:09
508
转载 移动端开发常识
如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webapp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域
2015-10-09 14:00:12
422
转载 用正则表达式判断不同的终端
"text/javascript"> if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE
2015-10-08 17:52:30
711
转载 部分浏览器（如chorme）缓存js的问题解决
开发网站的过程中前端对浏览器的兼容性是一大头疼的问题，部分浏览器会自动缓存JS甚至是request请求的结果，导致后台虽然执行成功，前台的操作似乎没起什么作用，因为看不到及时的效果！ 在执行的请求或者js前面加这一段话就好了(for jquery)： jQuery.ajaxSetup({ cache
2015-10-08 17:49:52
428
转载 jquery cookie控制过期时间解决方案
jquery.cookie()方法可以设置cookie，默认条件下是浏览器关闭cookie即失效，用下面方法可以解决这个问题: var expiresDate= new Date();expiresDate.setTime(expire.getTime() + (? * 60 * 1000)); //?替换成分钟数如果为60分钟则为 60 * 60
2015-10-08 17:46:48
1933
转载 适应不同手机分辨率的media query
Media Queries这功能是非常强大的，他可以让你定制不同的分辨率和设备，并在不改变内容的情况下，让你制作的web页面在不同的分辨率和设备下都能显示正常，并且不会因此而丢失样式。首先来看一个简单的实例： css" />上面的media语句表示的是：当页页宽度小于或等于600px,调用small.css样式表来渲染你的Web页面。首先来看media的语句中包含的内容：
2015-10-08 17:33:52
659
转载 javascript事件冒泡
什么是JS事件冒泡？：在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理 程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次 的最顶层，即document对象（有些浏览器是window）。 如何来阻止J
2015-10-08 17:10:34
228
转载 javascript规范
匿名函数要避免全局变量泛滥， 可以考虑使用匿名函数， 把不需要在外部访问的变量或者函数限制在一个比较小的范围内。例如以下代码: function func1(){ var list = ["a", "b", "c"]; for(var i = 0; i < list.length; i++){ //..
2015-10-08 15:55:09
281
转载 CSS解决未知高度的垂直水平居中自适应问题
以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中？body { text-align:center}#info{ margin:0 auto; width:500px; text-align:left; border:1px solid #3333FF}this is test. 二、DIV已知高
2015-09-13 14:23:57
578
转载 让IE6 ~IE11支持Bootstrap的解决方法
让IE6 ~IE11支持Bootstrap的解决方法最近做一个Web网站，之前一直觉得bootstrap非常好，这次使用了bootstrap3,在chrome,firefox,safari,opera，360浏览器（极速模式）、搜狗浏览器等浏览器下均没有问题，而在IE8及IE11下发现样式无法显示，然后各种百度啊，最后在 雅朋网 的一个网友帖子的帮助下解决了问题，也参考了 千寻学习网 的资
2015-09-12 14:01:57
561
1
转载 CSS布局：上中下三栏自适应高度
style type="text/css"> *{ margin:0; padding:0; } body, html { width:100%; height:100%; overflow:hidden; }
2015-09-03 13:39:02
632
转载 CSS三栏布局（两边固定中间自适应宽度）的方法
在讲这种布局之前，我还想和大家一起回想一下三列布局中的另一种，就是左右两列固定、中间自适应宽度。这种布局方法，网上问问G爸和度娘一定会有一大堆，但我还是要重复说说，方便自己今后查阅，记性太差，没办法。别的先不说了，就开始进入主题吧。 第一种方法： 对于两边固定中间一列自适应的布局方法，我最早使用的是绝对定位法。先看代码：左边栏右边栏主内容
2015-09-03 13:15:48
883
转载 AngularJS开发指南09：IE浏览器兼容性
概览本章描述了IE在处理自定义的HTML属性和标签时的一些独特之处。如果你要让你的AngularJS应用兼容IE8和IE8以下的版本的话，你需要仔阅读本章。简易版要让你的AngularJS应用在IE中正常运行你必须：确保JSON字符串能被正常解析（IE7需要），你可以使用JSON2或者JSON3来实现。你不能使用自定义的元素标签，如（你只能使用属性的形式，如），或者
2015-09-01 16:02:05
391
原创 只有IE能识别的代码
1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别 9. 仅IE7可识别 10. IE7以及IE7以下版本可识别 11.
2015-08-20 16:04:09
549
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人