![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
解决方案
文章平均质量分 68
alex8046
十年磨一贱。
展开
-
IE8下提示’console’未定义错误
在开发的过程中由于调试的原因,在代码中加入console.info("xxxx"),而未进行删除在IE8下测试该代码所在的页面报错,如下:需要注意的是,使用console对象查看对象信息,在IE8浏览器下未打开开发人员工具(F12)的情况下会报'console'未定义错误。解决办法:1、打开开发人员调试工具(F12)转载 2016-09-22 11:24:54 · 3586 阅读 · 0 评论 -
JS中的二叉树遍历
二叉树是由根节点,左子树,右子树组成,左子树和友子树分别是一个二叉树。这篇文章主要在JS中实现二叉树的遍历。一个二叉树的例子var tree = { value: 1, left: { value: 2, left: { value: 4 } }, right: { value: 3, left: {转载 2016-07-14 15:49:42 · 6405 阅读 · 0 评论 -
WebSocket 实战
WebSocket 前世今生众所周知,Web 应用的交互过程通常是客户端通过浏览器发出一个请求,服务器端接收请求后进行处理并返回结果给客户端,客户端浏览器将信息呈现,这种机制对于信息变化不是特别频繁的应用尚可,但对于实时要求高、海量并发的应用来说显得捉襟见肘,尤其在当前业界移动互联网蓬勃发展的趋势下,高并发与用户实时响应是 Web 应用经常面临的问题,比如金融证券的实时信息,Web 导转载 2015-12-24 11:37:03 · 714 阅读 · 0 评论 -
Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法
同源是指相同的协议、域名、端口,三者都相同才属于同域。不符合上述定义的请求,则称为跨域。相信每个开发人员都曾遇到过跨域请求的情况,虽然情况不一样,但问题的本质都可以归为浏览器出于安全考虑下的同源策略的限制。跨域的情形有很多,最常见的有Ajax跨域、Socket跨域和Canvas跨域。下面列举一些我们常见的跨域情形下,某些浏览器控制台给出的错误提示: FireFox下转载 2015-12-24 11:19:10 · 1577 阅读 · 0 评论 -
JavaScript的性能优化:加载和执行
简介: 随着 Web2.0 技术的不断推广,越来越多的应用使用 JavaScript 技术在客户端进行处理,从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂,也就是说当浏览器在执行 JavaScript 代码时,不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript 代码,从而提高转载 2015-12-24 11:12:38 · 1037 阅读 · 0 评论 -
高性能Javascript:脚本的无阻塞加载策略
Javascript在浏览器中的性能,可以说是前端开发者所要面对的最重要的可用性问题。在Yahoo的Yslow23条规则当中,其中一条是将JS放在底部 。原因是,事实上,大多数浏览器使用单进程处理UI和更新Javascript运行等多个任务,而同一时间只能有一个任务被执行。Javascript运行了多长时间,那么在浏览器空闲下来响应用户交互之前的等待时间就有多长。转载 2015-12-24 11:10:56 · 523 阅读 · 0 评论 -
探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密
下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求下面是firefox:下面是chrome:在浏览百度首页前我都将浏览器的缓存全部清理掉,让这个场景最接近第一次访问百度首页的情景。在firefox的请求瀑布图里有个表现非常之明显:就是javascript文件下载完毕后,有一段时间是没有网络请求被处理的,这段时间过后htt转载 2015-12-24 11:06:54 · 522 阅读 · 0 评论 -
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》,分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。这对图片转载 2015-12-23 00:34:35 · 592 阅读 · 0 评论 -
Javascript实现图片的预加载的完整实现
图片预加载是web开发中一种应用相当广泛的技术,比如我们在做图片翻转显示等特效的时候,为了让图片在转换的时候不出现等待,我们最好是先让图片下载到本地,然后在继续执行后续的操作。今天我们将来实现一个完整的图片预加载和处理图片加载后执行后续操作的代码。下面的函数实现了一个我们想要的最基本的图片预加载效果function preloadimages(arr){ va转载 2015-12-23 00:28:19 · 532 阅读 · 0 评论 -
【移动适配】移动Web怎么做屏幕适配(一)
壹 | Fisrt移动端适配的是什么?我们讨论的是网页适配多种尺寸屏幕,让网页效果看起来和设计师的设计稿一样。说白了就是同一套代码在不同分辨率的手机上跑时,页面元素间的间距,留白,以及图片大小会随着变化,在比例上跟设计稿一致。举个例子吧图1. 260*400的屏幕图2. 380*400的屏幕上边的页面在不同大小屏幕上的展现,咋一看没什么问题,转载 2016-07-14 16:50:59 · 928 阅读 · 0 评论 -
【移动适配】移动Web怎么做屏幕适配(二)
壹 | Fisrt在CSS的世界里Px是原子操作,我们无法定义边框的宽度是0.5px,最小都是1px。所以有以下结论:然而,对于精益求精的产品而言,这种认识只是片面的!例如:我做了一个页面,上面只有两条边框,在高清屏(如iPhone5s)上,经过特殊处理的边框比1像素的边框还要细。因此,在高清屏上,border-width:1px;并不是最小边框。浏览器可以显示转载 2016-07-14 16:53:56 · 1764 阅读 · 0 评论 -
【移动适配】移动Web怎么做屏幕适配(三)
壹 | First前面写了两篇移动适配相关的文章:《移动Web怎么做屏幕适配(一)》重点介绍了怎样利于rem来处理尺寸(width、height、margin、padding等等)相关的适配。《一个像素的border怎么实现》通过介绍1个物理像素border的实现,引出viewport、物理像素、CSS像素的概念,以及它们之间的关系。这是移动适配相关的第转载 2016-07-14 16:56:56 · 1098 阅读 · 0 评论 -
移动页面点击穿透问题解决方案
一.click与300ms延迟移动浏览器提供一个特殊的功能:双击(double tap)放大300ms的延迟就来自这里,用户碰触页面之后,需要等待一段时间来判断是不是双击(double tap)动作,而不是立即响应单击(click),等待的这段时间大约是300ms。之前有过简单介绍:黯羽轻扬:HTML5触摸事件移动事件提供了touchstart、touchmove、to转载 2016-08-24 13:53:02 · 7613 阅读 · 0 评论 -
点击穿透
What? -> Events!Why?How to fix?说在前面的话:点击穿透这种现象算是移动H5开发比较经典的问题,也常用来做面试题。借此现象谈谈移动事件。What现象描述: 页面中存在上下两个层,上层元素具有表单,链接或者绑定相应事件,上层元素点击或触摸,导致上层DOM改变,下层中同样位置的 元素触发点击事件。这种现象就是点击穿透(Ghost Clicks)。其实我觉转载 2016-08-24 13:48:35 · 2152 阅读 · 0 评论 -
也来说说touch事件与点击穿透问题
前言做过移动端H5页面的同学肯定知道,移动端web的事件模型不同于PC页面的事件。看了一些关于touch事件的文章,我想再来回顾下touch事件的原理,为什么通过touch可以触发click事件,touch事件是不是万能的以及它可能存在的问题。touch事件的来源PC网页上的大部分操作都是用鼠标的,即响应的是鼠标事件,包括mousedown、mouseup、mousem转载 2016-08-24 13:46:36 · 6140 阅读 · 0 评论 -
负载均衡算法及手段
分布式理论系列从ACID到CAP到BASE2PC到3PC到Paxos到Raft到ISR复制、分片和路由副本更新策略负载均衡算法及手段RWN及Quorum与强一致性序本文主要讲述负载均衡的一些基本东西。相关知识点冷备与热备冷备份(cool standby),指配备平时不运行的备用设备,当运行设转载 2016-07-14 17:20:51 · 1133 阅读 · 0 评论 -
浅谈浏览器端JavaScript跨域解决方法
由于安全的原因,浏览器做了很多方面的工作,由此也就引入了一系列的跨域问题,需要注意的是:跨域并非浏览器限制了发起跨站请求,而是跨站请求可以正常发起,但是返回结果被浏览器拦截了。最好的例子是 crsf 跨站攻击原理,请求是发送到了后端服务器无论是否跨域!注意:有些浏览器不允许从HTTPS的域跨域访问HTTP,比如Chrome和Firefox,这些浏览器在请求还未发出的时候就会拦截请求,这是一转载 2016-07-14 17:18:00 · 1365 阅读 · 0 评论 -
JavaScript 高级技巧——“防篡改对象”的注意要点
防篡改对象不可扩展对象默认情况下,所有对象都是可扩展的:var person = { name: "Oliver"};person.age = 18;console.log(person.age); //18不可扩展可以使用这个方法: Object.preventExtensions(obj);var person = { name: "转载 2016-07-14 17:13:46 · 323 阅读 · 0 评论 -
使用Flexible实现手淘H5页面的终端适配
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配?那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobile的世界转载 2016-07-14 17:05:45 · 1256 阅读 · 0 评论 -
深入了解viewport和px
先来罗列下学习移动页面重构的过程中可能看到过迷糊过放弃过的一些单位:px、pt、pc、sp、em、rem、dp、dip、ppi、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi…… 接下来分类给大家介绍下:① 什么是绝对长度单位?什么是相对长度单位? ② 什么是屏幕尺寸、屏幕分辨率、屏幕像素密度? ③ 什么是ppi、dpi、dp、dip转载 2016-07-14 17:01:03 · 531 阅读 · 0 评论 -
横屏问题
移动端html开发,我们常会用到横竖屏的判断做一些事情,比如说播放视频的时候时常使用横竖屏切来切换居中显示和全屏显示,如果你无数次尝试都失败了,请你看到最后,有惊喜哦!!。一般来说,横竖屏的检测方式有以下几种:一、使用浏览器自带的事件使用浏览器自带事件orientationchange和浏览器对象window.orientation可以完美进行横竖屏幕切换。根据参考资料一,转载 2015-12-30 17:02:22 · 704 阅读 · 0 评论 -
Web - JSONP和同源策略漫谈
0x00 前言关于JSONP网上有很多文章了,我也是在拜读了别人的文章的基础上来写写自己的看法,这样可以加深自己印象,巩固一下学习效果。我们需要做的就是站在巨人的肩膀上眺望远方。0x01 起在Web前端开发中有一种安全机制,Javascript脚本只能访问与它同域的内容,这就是同源策略。这里就需要先说明一个问题:如果确定脚本的域?html页面中试用脚本有两种转载 2015-09-21 21:25:28 · 365 阅读 · 0 评论 -
JSONP安全防范解决方案新思路
jsonp安全性防范,分为以下几点:1、防止callback参数意外截断js代码,特殊字符单引号双引号,换行符均存在风险2、防止callback参数恶意添加标签(如script),造成XSS漏洞3、防止跨域请求滥用,阻止非法站点恶意调用针对第三点,我们可以通过来源refer白名单匹配,以及cookieToken机制来限制而前两点,传统的做法分为以下几种:1、纯手工过转载 2015-09-19 19:48:59 · 438 阅读 · 0 评论 -
phonegap3+,ios7+ 状态栏问题的解决
使用phonegap混合开发时,在ios7+的设备中会出现系统状态栏和header重合的问题,加入代码使得状态栏和我们的应用分离:MainViewController.m- (void)viewWillAppear:(BOOL)animated{ // View defaults to full size. If you want to customize the view's转载 2015-02-10 15:30:14 · 909 阅读 · 0 评论 -
phonegap3+,https访问
ios环境,默认无法https访问,如下方法解决:在AppDelegate.m文件在最后加入(在@end后面加空行):@implementation NSURLRequest(DataController) + (BOOL)allowsAnyHTTPSCertificateForHost:(NSString *)host { return YES;} @endandroi转载 2015-02-10 15:21:07 · 928 阅读 · 0 评论 -
javascript获取服务器时间
function getServerTime(){ var xmlHttp = false; //获取服务器时间 try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }原创 2015-02-10 15:15:20 · 403 阅读 · 0 评论 -
完美实现溢出文本省略
文本溢出展示省略号的需求经常都会用到,而对于新式的浏览器,这完全不是问题,因为css3里面已经有实现text-overflow:ellipsis,但是最新w3c文档中却移除了这个属性,即使这样,也有不少浏览器实现了这个特性。其浏览器支持情况如下:IE Firefox Opera Safari Chrome6+ - 11.0+ 3.0+ 1.0+可以看到,只有firefox和opera转载 2014-11-21 16:54:04 · 650 阅读 · 0 评论 -
给input[text]添加icon,并且绑定事件
原创 2014-11-20 16:31:41 · 6583 阅读 · 0 评论 -
Mac OS X 10.9 安装 Brew
brew 类似于Debian的apt-get或者centos的yum安装,一般没有专门需求的话。Mac OS X的OS X Server就完全可以做大部分服务器功能了。1、Mac OS X 应用程序 -> 实用工具 -> 终端,输入以下命令:sudo sucurl -L http://github.com/mxcl/homebrew/tarball/master | tar xz转载 2014-10-28 10:02:14 · 1308 阅读 · 0 评论 -
android 指定wifi热点自动连接
Activity内容如下:转载 2014-11-12 13:48:30 · 1309 阅读 · 0 评论 -
mac下解决chrome跨域访问
1、关闭chrome浏览器所有窗口。2、终端用命令行启动转载 2014-11-20 14:56:56 · 5469 阅读 · 0 评论 -
js中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题,我们可以使用以下几种方法:一转载 2015-02-28 14:34:07 · 337 阅读 · 0 评论 -
phonegap(3+)踩过的坑
1、页面切换闪白 很多有web开发经验的人都会使用页面跳转来进入不通的功能页面,但是在利用phonegap的时候尽量少这么做,因为这会带来不可避免的屏幕闪白页的现象,所以尽量将整个应用做成单页,我现在的做法是,登陆前登录注册是一个单页,登录后是一个大单页。2、iframe的坑 想要使用phonegap制作类似webview的功能,iframe就是再适合不过了,但是i转载 2015-02-15 12:00:31 · 708 阅读 · 0 评论 -
phonegap(3+) Hybrid开发,问题and解决。(更新)
一、现象:IOS app中,点击按钮【A】,弹出dialog【B】(jqmobi af.popup插件),【B】中有按钮【C】;【A】和【C】Z轴重合。点击【A】时,popup出【B】,立即触发了【C】的动作。解决:试图用e.stopPropagation()去禁止【A】冒泡,失败。然后想到了用CSS来解决。添加样式:.afPopup.prevent-events in原创 2015-01-26 13:40:18 · 455 阅读 · 0 评论 -
Cocos2d-js 3.2 技能冷却按钮的简单实现
一个简单的技能冷却按钮的实现[javascript] view plaincopyvar CoolButton = cc.Node.extend({ // 需要做成Node 否则会无法addchild callback : null, // 点击后的回调 coolInterval : null, /转载 2015-09-30 14:56:07 · 1584 阅读 · 0 评论 -
Jquery跨域获得Json(实例)
JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。使用这种类型的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求。如果要指定回调函数的参数名来取代默认的callback,可转载 2015-09-11 10:49:06 · 678 阅读 · 0 评论 -
解决跨域问题,聊聊JSONP
概述:跨域这个问题在工作偶尔能够碰到,但是一旦跨域传送数据就成了问题,所以就用到了JSONP,今天我们来聊聊JSONP。什么是JSONP:JSONP是一种为了解决跨域的数据交换问题,从而衍生出来的数据交换协议。为什么会产生JSONP:因为浏览器的“同源策略“,也就是浏览器限制脚本程序只能和同协议、同域名、同端口的脚本进行交互,但是在数据交换的过程中,经常会产转载 2015-09-11 10:59:57 · 573 阅读 · 0 评论 -
说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
前言: 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者转载 2015-09-09 17:00:26 · 380 阅读 · 0 评论 -
jquery的ajax和getJson跨域获取json数据
很多开发人员在使用jquery在前端和服务器端进行数据交互,所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开 发时,因为要和第三方公司的一个项目进行数据的共享,因为考虑多不占用服务器的资源,遂决定直接在html进行数据的读取,不走服务器端进行中转了。然后 正好就遇到了浏览器端跨域访问的问题。跨域的安全限制都是指浏览器端来说的,服务器端不存在跨域安全限制的问题。转载 2015-09-09 16:57:25 · 761 阅读 · 0 评论 -
iframe跨域通信封装详解
iframe跨域通信众所周知,由于前端javascript对跨域访问做了安全限制,javascript只能访问与包含它的文档在同一域下的内容。用法举例:需求是在http://www.demo.org/top.html中通过iframe方式嵌入http://www.iframe.com/iframe.html,而在iframe页面中希望通过点击一个按钮,调用top页面的一转载 2015-09-09 16:44:27 · 602 阅读 · 0 评论