使用Framework7 创建有着iOS7原生体验的Web应用

写在前面

好久没写博文了,最近生活比较动荡,同时忙着学业、工作、生活的事。为了能让自己在广州顽强的活下去,算是拼尽全力了。最近各方面也都开始逐渐稳定下来,就回来打理下博客,锄锄草,免得访问被杂草拌着了。

每次环境的更换都是对自己能力有着显著的提升,有时候你觉得在一个地方学不到或者基本重复着相同工作的时候,可以尝试换一个环境,可能对你未来的发展有更大的帮助。

当然,说这些是因为自己最近换了个工作,在新的公司跟了一个项目,很多以前不敢实践的东西由于进度和要求的压力都慢慢开始用上了,很高兴的有几个非常友好和屌丝的同事在身边指导我,帮助我,让项目一期的如期的完成,虽然还有很多坑,但是自己挖的,自己填就好了,O(∩_∩)O!

Continue reading

DChaser - A Business theme for WordPress

关于DChaser

这个一个关于梦想的WordPress主题,它叫Dream Chaser(梦想追逐者)

当你开发一款作品(产品)的时候,用心去塑造它,给予它灵魂,那么它便是“活”的。DChaser 一个简约大气的企业(工作室)主题,它无处不在的渗透着我们追逐梦想的路上,虽不奢华,但也绝不平庸!

DChaser主题组件

无限级的导航菜单

你只要通过后台创建一个名为“DChaser”的导航菜单,并选中它,那么你便可拥有无限级的导航子菜单。
详细设置,请参照:DChaser 主题导航菜单设置

Continue reading

DChaser 主题导航菜单设置

DChaser 主题导航菜单默认支持3级菜单,启用菜单的方式跟其他主题相同,非常简单

  • 请通过“后台”–>“外观”–>“菜单” ,新建一个名为“DChaser”的菜单,并在左侧选择为“主菜单”

  • 通过选取你需要的页面,按照你自己的需求进行排序,保存即可

Continue reading

Web移动应用远程调试工具 Weinre

在移动互联网时代,WEB应用越来越普及和被人所接受。而且线上需求不断的改变,通过迭代更新线上的手机App肯定是计划赶不上变化,所以现在越来越多的App也通过采用Webview的方式嵌入一些比较常更新的页面,以便实时更新。

Web应用开发者需要针对手机进行界面的重新设计,但是手机上并没有称心如意的调试工具(如Firebug、web inspector),重新设计界面的工作往往事半功倍,所以一个好优秀的远程调试工具 Weinre 就很好的解决了这一问题。

Weinre是什么

Weinre 是一款远程调试工具,在电脑上可以即时的修改手机上对应网页的页面元素、样式表,或是查看Javascript变量,同时还可以看到手机上页面的错误和警告信息.(等同于Chrome Inspect Element )

Continue reading

iOS 7 新版微信 URL 不支持跳转 App Store 的解决方案

发生什么了?

今天早上刚到公司,就收到反馈说公司前端页面的下载按钮在 iOS 7 的微信内置浏览器里面点击无效,经过确认之后,前端代码是正常的,问题出在了微信上,然后谷歌之,原来腾讯在***。

是 BUG 还是刻意为之?

最新版微信在所有开放的 webview(网页界面)里禁止了通过链接打开本地 app 或跳转到 app store,只有自家使用的 webview 能够打开 app 或跳转 app store。而且这种做法不像是 bug 所致,而是刻意为之。

可能的用意:微信是一个重要的互联网入口和应用入口,但是微信为了自家利益,需要控制入口和流量,进而加强对公共帐号和第三方应用的控制,打击竞争对手

Continue reading

微信内置浏览器UserAgent的判断

需求分析

现在微信火了,很多线上的APP都希望通过分享的URL或直接的URL进行产品宣传(写这篇博文的时候,听说微信下个版本将要屏蔽微信中的URL链接),这些链接都将通过微信内置的浏览器打开。PM希望在微信内置浏览器中展示的页面进行个性化处理,那么前端这边必然要去区别判断是否是微信内置浏览器。

微信内置浏览器的 User Agent

检测浏览器的 User Agent 应该是非常简单的事情

Continue reading

Sublime Text 前端开发常用扩展插件推荐

Sublime Text

Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能

更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具 —— Package Control 可以方便安装和管理。

Package Control 安装方法

首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码。

Continue reading

BelinChung


Guangzhou China