分类目录归档:技术

在Android Webview的assets目录下开发Hybrid App的一些坑…

crying_android

好久没写blog了,忙起来真是没法.. 在上一篇文章《基于Android Webview的Hybrid App开发的前端优化》的最后一条“以上都不是”里提到了“其实Hybrid App的最佳实践,还是应该把所有的html css js和主要的图片资源离线存储在Android的asset文件夹下,然后由Android实现从服务器端到手机的这个www主文件夹的更新机制,这样才不用凡事从server端下载..”没想到这么快就应用到新的项目中了。 继续阅读

使用fiddler调试Native和Hybrid App

14

前面一篇文章《使用fiddler将网站上的css js重定向至本地文件,进行在线调试》介绍过在使用Fiddler调试PC上浏览器运行的Web网站的方法。最近一段时间工作重心转移到移动端,遇到一些和Native App交互,和Hybrid App(包括微信公众号上运行的HTML5网站)的问题调试和解决,这种场景下,平时最常用的chrome控制台完全失效,Fiddler的优越性更体现出来了.. 继续阅读

使用fiddler将网站上的css js重定向至本地文件,进行在线调试

8

这是一篇写给公司负责切图和调样式的前端的文章。主要适用于一个项目临时需要调整下css或者js,为了一点修改让前端人员在本机搭建完整的LAMP环境,导入DB数据,确实很不方便,特别是像我们这样前后端在地理上就分离在两个城市的团队。这里是使用强大的Fiddler2,以修改本博客网站的云标签插件的样式为例。 继续阅读

php curl返回400 bad request的问题定位与解决

oops

今晚花了整整一晚的时间帮同事定位一个php curl返回400 bad request的问题了,@七夕Orz..

是一个网上流传的模拟登陆163邮箱、获取通信录的代码段google,在同事和我的开发机上都运行正常,但是部署到服务器环境上就400了 继续阅读

通过修改apache配置文件和HOSTS在本机测试QQ互联登录的方法

manle_qq

在qq互联登录的开发中会遇到一个很麻烦的问题,就是遇到连不通的情况怎么进行调试?因为qq互联是需要提供网站的信息注册后分配appid等才能使用的,callback参数中需要指定返回到注册网站,简单的说,只有在域名所在网站的“生产环境”或者“现网环境”才能进行调试。如果生产环境不允许开发人员接入或者“流程很繁琐”的话怎么办?本文介绍了通过修改apache配置文件和修改HOSTS进行本机测试qq互联的方法。 继续阅读

使用svnsync在windows下同步svn版本库来“极速”showlog

Little_Turtle_Fly_Away

虽然相比如日中天的git来说早已是明日黄花,但由于历史或团队的原因,svn还是目前应用最广泛的版本控制管理工具。随着日积月累的修修改改,我们会越来越倚重于svn的showlog功能来查看某一段代码的修改记录,但是svn的所有历史版本和这些修改记录都存在服务器上,client端只有一个最新update的版本,这样如果处于离线状态或server在内网,还有像我们现在这样开发团队在不同的城市的话,那么showlog的缓慢体验一定很糟糕。这里介绍一个使用subversion的svnsync工具在windows本机同步svn版本库的方法,从此你就可以‘脱机’顺畅的showlog了.. 继续阅读

【翻译】即学即用的Web前端优化技巧 ( Front-end optimizations you can start doing right now )

英文原文 http://odiseo.net/javascript/front-end-optimizations-you-can-do-right-now-on-your-existing-code

thumb

强烈建议各位Web前端开发人员都要“真正”去学习Javascript并且掌握基本的DOM知识。诚然我也不得不赞同,不少基于Javascript特性的小把戏和小技巧根本就不会带来终端用户能明显觉察到的性能提升。话虽如此,我会在这篇文章里分享一些优化技巧,你可以马上在代码里使用这些技巧从而让程序跑的更快。而且从今以后,每当在项目里使用Javascript的时候你都应该想到并实践这些优化。

精明的使用选择器 Use selectors wisely 继续阅读

中转服务器JSONP跨域 & 使用CORS跨域

gg

由于项目中使用较多前后端分离,所以跨域成了经常要面对的问题。

(1)JSONP跨域,通过中转服务器中转

跨域的一种常用方式是jsonp,如果可以修改服务器端数据的话,需要js和服务器端同时处理对接,如果没有服务器端接口的修改权限,也可以在任意自己可以修改的服务器端的域里放一个中转文件url4ajax.php 继续阅读

部分国行Android手机缺少谷歌GMS服务包导致HTML5 Geolocation无法定位的问题

phone

最近项目上用到HTML5的geolocation用于定位,用Chrome和手头的手机测试好好的功能,到终端用户那里反馈一些手机不能定位,最后确定出是部分三星、摩托的部分国行Android手机“阉割”了谷歌GMS服务包,导致HTML5的geolocation无法使用wifi和基站定位服务导致。

值得一提的是前期在stackoverflow和google groups里搜到对症描述的解决方案(貌似Android 2.*或者三星自身的问题)全部失效,因为介是个“中国特色”的问题-_lll

首先介绍下HTML5的Geolocation功能。通常情况下,我们是先判断浏览器是否支持geolocation, 如果不支持,可以提示错误,或者进入其他逻辑处理流程 继续阅读