关闭

信不信由你!iPhone6屏幕宽度不一定是375px,iPhone6 Plus屏幕宽度不一定是414px

看到这个题目你可能不信,促使我探究这个问题的缘由是几次项目中Chrome模拟器和iPhone6真机预览效果不一致。为什么在Chrome Emulation模拟手机页面和真机预览效果不一致?以前觉得不外乎两个原因:1.某些机型或浏览器对一些CSS属性不支持。2.某些设备不支持12px以下字体。今天要补充第3个原因:对于iPhone手机还会与手机系统设置的显示模式、设备硬件有关。...
阅读(29985) 评论(2)

Sublime Text 无法使用Package Control或插件安装失败的解决方法

本文主要介绍Sublime Text如何开启debug模式,以及分析一些使用过程中常见错误的解决方法。情形一Package Control:There are no packages available for installation。情形二:Package Control:Unableto download Emmet.Please view the console for more details. Error while loading PyV8 binary:exit code 3 …情形三:无法...
阅读(237165) 评论(35)

Ajax跨域、Json跨域、Socket跨域和Canvas跨域等同源策略限制的解决方法

同源是指相同的协议、域名、端口,三者都相同才属于同域。不符合上述定义的请求,则称为跨域。 相信每个开发人员都曾遇到过跨域请求的情况,虽然情况不一样,但问题的本质都可以归为浏览器出于安全考虑下的同源策略的限制。 跨域的情形有很多,最常见的有Ajax跨域、Socket跨域和Canvas跨域。下面列举一些我们常见的跨域情形下,某些浏览器控制台给出的错误提示。 FireFox下的提示:已阻止交叉源请求:同源策略不允许读取***上的远程资源。可以将资源移动到相同的域名上或者启用 CORS 来解决这个问题。Canvas...
阅读(46435) 评论(2)

移动端Web开发调试之Weinre调试教程

在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档,我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作:仔细的排查代码,alert可疑的变量,甚至不惜重构来尝试解决这种不一致的问题。虽然说Android 4.0+以上的移动设备支持桌面版Chrome远程调试,而且在Android 4.4以下也仅限于预览Chrome手机版浏览器内部效果,我们无法在问题浏览器下实时联调...
阅读(32573) 评论(9)

移动端Web开发调试之Chrome远程调试(Remote Debugging)

近几年,浏览器厂商也纷纷推出自己的远程调试(RemoteDebugging)工具,比如Opera Mobile 可以借助其推出的跨设备跨平台桌面开发者工具Opera Dragonfly 实现远程调试,iOS Safari 可以开启Web检查器在 Mac OS X系统中实现远程调试。Android 4+已上系统的 Chrome for Android可以 配合 ADB(Android Debug Bridge)实现桌面远程调试,桌面版Chrome 32+已经支持免安装ADB即可实现远程调试移动设备页面/Web...
阅读(139475) 评论(9)

[整理]JavaScript跨域解决方法大全

跨域的定义:Javascript出于安全性考虑,同源策略机制对跨域访问做了限制。域仅仅是通过“URL的首部”字符串进行识别,“URL的首部”指window.location.protocol +window.location.host,也可以理解为“Domains, protocols and ports must match”。实际上,同源策略就是浏览器的一种保护机制,只要请求双方的URL协议、...
阅读(8606) 评论(0)

百度分享新浪微博无法分享图片的解决方法

偶然发现,文章分享到sina weibo竟然不能将附带的图片。后来查了一下,发现,不只我遇到了这个问题。 经过查看百度分享官方的帮助文档,发现帮助文档是依照旧版的分享代码指导自定义使用的。而首页获取到的代码是最新版的分享代码, 最新版分享代码虽然支持微信。但是在分享到新浪微博的时候有个问题,就是文章内容中的图片不能随之分享到微博中。不清楚这算不算插件的bug。发现好多大网站也用了百度分享,也存...
阅读(8970) 评论(0)

Sublime Text2两款漂亮的主题皮肤安装与切换使用方法

用ST2快两年了。比较漂亮好用。这次换电脑了,需要重装,...
阅读(98843) 评论(1)

最齐全的网站元数据meta标签的含义和用法

最齐全的网站元数据meta标签的含义和用法 随着HTML5的流行和Web技术的不断演变,Meta标签队伍也越来越壮大,从Windows XP的IE6到如今Windows 7、Windows 8的IE9、IE10、IE11,对Html5的支持越来越好,html meta标签的功能作用也越来越强大。 application-name, msapplication-tooltip,msapplication-starturl,msapplication-window,msapplication-navbu...
阅读(17418) 评论(2)

Responsive Design响应式网站设计心得笔记

网站刚上线半个月,就要改版为响应式设计,支持手机/PC等各类终端显示浏览。今天把首页做好,并测试无误,这里把一些应该记录的东西写下来,一是备忘,二是分享给需要的人。这次要讲的包括6个问题,1)html5标签的支持,2)响应式设计的单位选择,3)IE对媒体查询media query的支持,4)png24与png8图片选择的再探讨和IE私有滤镜filter:AlphaImageLoader的重温,5)定位position:fixed与IE6固定和抖动现象的恩怨,6)移动设备轮播图swipe插件和touchsli...
阅读(6614) 评论(2)

【精心推荐】20款优秀 jQuery Accordion(手风琴)特效插件

Accordion(手风琴)是网站中常用的效果之一,用于一组内容(图片、文本等)之间的切换显示。使用 jQuery 能够轻松实现 Accordion 效果,今天这篇文章向大家推荐网站开发中常用的20款优秀 jQuery 手风琴效果插件。 您可能感兴趣的相关文章 期待已久的2012年度最佳 jQuery 插件揭晓精心挑选的优秀 jQuery Ajax 分页插件和教程推荐几款非常棒的 ...
阅读(6096) 评论(0)

Web App开发入门

WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦。每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。 3、非常酷。因为native app可以调用IOS中的UI控件以UI方法,它...
阅读(1637) 评论(0)

史上最全的CSS hack方式一览

什么是CSS hack 由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hack。...
阅读(149054) 评论(9)

HTML文档类型DTD与浏览器怪异模式

浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页,如果文档正确定义了DOCTYPE浏览器则会进入标准模式(Standards Mode),否则浏览器会进入怪异模式或混杂模式(Quirks mode)。   浏览器开发初期W3C倡导的网页标准并不流行,因此浏览器有独特的对网页标签或属性的解析模式,随着日后网页标准的流行,浏览器增加了对新标准的支持(Standards Mode),但...
阅读(9332) 评论(0)

盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: .Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } 我不是这种实现方法的第一人,可能这只是非常常见的一种小技术,我斗胆将其命名为绝对居中(Absolute Centering) 优点: 1.支持跨浏...
阅读(285116) 评论(9)

jTemplates异步加载实现与HTML5 video视频开发

最近做有关Web App有关的项目,为了动态加载相应速度更快,采用了以下几个策略: 1.PHP后台提交自动生成静态列表页面。 2.PHP后台提交自动生成列表页资源/文章的json数据文件,javascriptFileName.js。 2.列表页滑动加载使用jTemplate读取javascriptFileName.js数据文件的数据进行展现。 主要代码: {#foreach...
阅读(6088) 评论(0)

在线调试和演示前端开发工具

做前端开发将近五年了。今天来整理以下常用的工具。 1.jsfiddle 在线调试http://jsfiddle.net/  2.JSBin 连接http://uixdk.com/ 3.TinkerBin 访问http://tinkerbin.com  4.Google Code Playground 地址 http://code.google.co...
阅读(2061) 评论(1)

jQuery选择器引擎和Sizzle介绍

首先介绍一下什么是Sizzle: Sizzle是一个纯javascript CSS选择器引擎。jquery1.3开始使用sizzle,Sizzle一反传统采取了相反的Right To Left的查询匹配方式,效率提高.Sizzle是jQuery作者John Resig新写的DOM选择器引擎,速度号称业界第一.Sizzle完全独立于jQuery,若不想用jQuery,你可只用Sizzle实现,压缩...
阅读(13231) 评论(0)

WEBAPP介绍及其iOS Web开发技巧总结

结合网上相关资料,以及自己项目中的经验,收集汇总了iOS Webapp相关的开发知识,如下。 WebApp是一种新出现的基于WEB形式的类应用程序,运行在高端的移动终端设备上,其应用范围会越来越广。 开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是基于高端机的浏览器运行的WebApp,本文将主要讲解后者。 WebApp与Native...
阅读(47361) 评论(2)

JavaScript跨域总结与解决办法

什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash 本文来自网络(http://f2e.me/200904/cross-scripting/,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充...
阅读(1477) 评论(0)
44条 共3页1 2 3 下一页 尾页
    个人资料
    • 访问:3151399次
    • 积分:11540
    • 等级:
    • 排名:第1392名
    • 原创:120篇
    • 转载:45篇
    • 译文:2篇
    • 评论:175条
    最新评论