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

看到这个题目你可能不信,促使我探究这个问题的缘由是几次项目中Chrome模拟器和iPhone6真机预览效果不一致。为什么在Chrome Emulation模拟手机页面和真机预览效果不一致?以前觉得不外乎两个原因:1.某些机型或浏览器对一些CSS属性不支持。2.某些设备不支持12px以下字体。今天要...

2015-03-19 11:44:43

阅读数:38587

评论数:3

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

本文主要介绍Sublime Text如何开启debug模式,以及分析一些使用过程中常见错误的解决方法。情形一Package Control:There are no packages available for installation。情形二:Package Control:Unableto d...

2015-03-14 17:57:18

阅读数:314828

评论数:37

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

同源是指相同的协议、域名、端口,三者都相同才属于同域。不符合上述定义的请求,则称为跨域。 相信每个开发人员都曾遇到过跨域请求的情况,虽然情况不一样,但问题的本质都可以归为浏览器出于安全考虑下的同源策略的限制。 跨域的情形有很多,最常见的有Ajax跨域、Socket跨域和Canvas跨域。下面列举一...

2015-03-12 16:53:36

阅读数:73844

评论数:2

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

在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档,我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作:仔细的排查代码,alert可疑的变量,甚至不惜重...

2015-01-12 11:53:02

阅读数:41327

评论数:9

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

近几年,浏览器厂商也纷纷推出自己的远程调试(RemoteDebugging)工具,比如Opera Mobile 可以借助其推出的跨设备跨平台桌面开发者工具Opera Dragonfly 实现远程调试,iOS Safari 可以开启Web检查器在 Mac OS X系统中实现远程调试。Android ...

2015-01-08 20:22:03

阅读数:193193

评论数:12

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

跨域的定义:Javascript出于安全性考虑,同源策略机制对跨域访问做了限制。域仅仅是通过“URL的首部”字符串进行识别,“URL的首部”指window.location.protocol +window.location.host,也可以理解为“Domains, protocols and p...

2014-11-05 18:45:31

阅读数:10271

评论数:0

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

偶然发现,文章分享到sina weibo竟然不能将附带的图片。后来查了一下,发现,不只我遇到了这个问题。 经过查看百度分享官方的帮助文档,发现帮助文档是依照旧版的分享代码指导自定义使用的。而首页获取到的代码是最新版的分享代码, 最新版分享代码虽然支持微信。但是在分享到新浪微博的时候有个问题,就是文...

2014-07-30 15:57:54

阅读数:10488

评论数:0

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

用ST2快两年了。比较漂亮好用。这次换电脑了,需要重装,

2014-06-09 18:16:44

阅读数:108737

评论数:1

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

最齐全的网站元数据meta标签的含义和用法 随着HTML5的流行和Web技术的不断演变,Meta标签队伍也越来越壮大,从Windows XP的IE6到如今Windows 7、Windows 8的IE9、IE10、IE11,对Html5的支持越来越好,html meta标签的功能作用也越来越强大。...

2014-05-08 17:56:28

阅读数:20843

评论数:2

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

网站刚上线半个月,就要改版为响应式设计,支持手机/PC等各类终端显示浏览。今天把首页做好,并测试无误,这里把一些应该记录的东西写下来,一是备忘,二是分享给需要的人。这次要讲的包括6个问题,1)html5标签的支持,2)响应式设计的单位选择,3)IE对媒体查询media query的支持,4)png...

2013-12-19 22:29:57

阅读数:7362

评论数:2

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

Accordion(手风琴)是网站中常用的效果之一,用于一组内容(图片、文本等)之间的切换显示。使用 jQuery 能够轻松实现 Accordion 效果,今天这篇文章向大家推荐网站开发中常用的20款优秀 jQuery 手风琴效果插件。 您可能感兴趣的相关文章 期待已久的2012年...

2013-12-10 14:41:28

阅读数:6766

评论数:0

Web App开发入门

WebApp与Native App有何区别呢? Native App: 1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。 2、更新体验较差、同时也比较麻烦。每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需...

2013-10-08 18:28:42

阅读数:1853

评论数:0

史上最全的CSS hack方式一览

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

2013-09-28 15:57:08

阅读数:180794

评论数:12

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

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

2013-09-12 19:45:02

阅读数:10179

评论数:0

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

我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: .Absolute-Center { margin: auto; position: absolute; top: 0; l...

2013-09-11 21:06:11

阅读数:350686

评论数:12

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

最近做有关Web App有关的项目,为了动态加载相应速度更快,采用了以下几个策略: 1.PHP后台提交自动生成静态列表页面。 2.PHP后台提交自动生成列表页资源/文章的json数据文件,javascriptFileName.js。 2.列表页滑动加载使用jTemplate读取javascript...

2013-09-04 19:03:25

阅读数:6774

评论数:0

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

做前端开发将近五年了。今天来整理以下常用的工具。 1.jsfiddle 在线调试http://jsfiddle.net/  2.JSBin 连接http://uixdk.com/ 3.TinkerBin 访问http://tinkerbin.com  4.Google Cod...

2013-09-01 01:04:38

阅读数:2205

评论数:1

jQuery选择器引擎和Sizzle介绍

首先介绍一下什么是Sizzle: Sizzle是一个纯javascript CSS选择器引擎。jquery1.3开始使用sizzle,Sizzle一反传统采取了相反的Right To Left的查询匹配方式,效率提高.Sizzle是jQuery作者John Resig新写的DOM选择器引擎,速度号...

2013-09-01 00:28:30

阅读数:17269

评论数:0

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

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

2013-08-26 19:17:50

阅读数:50917

评论数:2

JavaScript跨域总结与解决办法

什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash 本文来自网络(http://f2e.me/20090...

2013-08-22 12:56:45

阅读数:1549

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭