随笔分类 - 移动端
摘要:这两天在写代码的时候,由于涉及到资源的位置,因此,需要在Java Bean中定义一些字段,用来表示资源的位置,比如:imgUrl,logoUri等等。但是,每次定义的时候,心里都很纠结,是该用imgUrl还是imgUri呢? 同样的,另外一个问题:String HttpServletRequest.
阅读全文
摘要:查找/代替 快捷键 说明 界面操作 快捷键 说明 快捷键 说明 界面操作 快捷键 说明 代码编辑 快捷键 说明 导航 快捷键 说明 建议配置版本控制快捷键 快捷键 说明
阅读全文
摘要:有些时候在做前端输出的时候,需要和app的做些对接工作。就是在手机浏览器中下载某app时,能判断该用户是否安装了该应用。如果安装了该应用,就直接打开该应用;如果没有安装该应用,就下载该应用。那么下面就对在浏览器中,用js判断某用户是否安装了该应用,并判断是否打开该应用做个简单的介绍。 那么,怎么判断
阅读全文
摘要:一、触摸事件 ontouchstart、ontouchmove、ontouchend、ontouchcancel 目前移动端浏览器均支持这4个触摸事件,包括IE。由于触屏也支持MouseEvent,因此他们的顺序是需要注意的:touchstart → mouseover → mousemove →
阅读全文
摘要:TinyPNG 能做什么? TinyPNG 采用智能的有损压缩技术来减少你的 PNG 文件的文件大小。通过选择性地减少图像中的颜色数量,更少的字节用于存储数据。效果几乎是看不见的,但它在文件大小方面差别很大! 我为什么要用 TinyPNG? PNG 是有用的,因为它是唯一得到广泛支持的格式,可以存储
阅读全文
摘要:最近看别人的代码,发现他们在从localStorage里面的时候喜欢用dot来操作,而不是get setItem,记得以前说过这个事。下面再说一次吧。 用dot方式来操作( 每次以'hello'=>'world','zhangsan'=>'lisi'来做为例子 ) 用getItem setItem来
阅读全文
摘要:由于日常需求以无线居多,所以可以在业务中做一些尝试,如 rem,刚接触这个特性的时候,曾经一度爱不释手,仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大,慢慢的发现了一些使用 rem 带来的问题。 rem 关于 rem 这个单位的介绍,在此就不赘述,有兴趣的同学可以阅读一丝的《响应式十
阅读全文
摘要:第一次听到“CSS模块化”这个词是在WebReBuild的第四届“重构人生”年会上,当时我还想,“哈,CSS也有模块化,我没听错吧?”事实上,我没听错,你也没看错,早就有CSS模块化这个概念了。之所以我把这个拿出来讨论,是因为一个算是比较大的项目出现了一些重构上的危机,因此引发了我们对页面重构中的C
阅读全文
摘要:在最近的项目中,策划老是要求我们弹出各种类型的键盘,特别是在iOS下,例如输入帐号的时候,不应该支持输入中文,该输入纯数字的时候就应该谈数字键盘等。个人觉得这些都是我们平时开发很少意识到的,虽然有些刁钻,但都是为了用户体验,为了我们的产品,于是便在网上找了一些资料,在此与各位朋友分享:在过去的几年里
阅读全文
摘要:九宫格的样子以及游戏想大家接触过,想当年也是玩了好多九宫格游戏,其中最经典的就是1-9这九个数字填进格子,横竖向、对角相加数值相等这个益智游戏了。今天,在一个qq群里有人问九宫格做法,我就突然想起干前端这么长时间还真的没做过九宫格。今天就把我做好的实例发上来,供看客们批评教育。当然这也是我的处女帖,
阅读全文
摘要:前提:我们考虑兼容的环境为android和ios两种智能手机 兼容环境测试结果显示android的表现明显好于ios,ios手机在软键盘呼起收起时存在着很严重的兼容性问题 场景展示: 页面正常状态 软键盘弹出时,悬挂元素丢失了指定位置 软键盘未通过点击完成而失去焦点时,页面渲染发生崩溃性错乱,手指滑
阅读全文
摘要:在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 1. 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的
阅读全文
摘要:1、安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480
阅读全文
摘要:Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: Zen coding下的编码演示 去年年底,该插件已经改名为Emmet。但Emmet不只改名,还带来
阅读全文
摘要:activate-power-mode的超炫编辑效果打动了我,花时间安装了atom,之后在package,install里面找到了这个插件,但是安装失败,如下图所示: 用了公司的vpn,网络肯定没问题,看来是atom的下载模块有问题,于是做了如下操作,问题顺利解决: 1, 用chrome下载该文件,
阅读全文
摘要:【内容提要】使用Package Control组件在线安装更方便 安装Sublime Text 2插件的方法: 1.直接安装 安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。 2.使用Package C
阅读全文
摘要:最近在弄一个native webview+html的项目,感觉这种尝试还是挺不错的,特被是适合内容类app。如杂志、电子书等。其实native搭的就是一个框架,主体还是在html的内容上,所以花在html的功夫要十分多。 要做到webview的分页的效果,主要是利用UIwebView里面的scrol
阅读全文
摘要:PS:结合了精英的思想和自己的一些小小的总结~ 影响用户访问的最大部分是前端的页面。网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问
阅读全文
摘要:编者按:这3类主流应用你都了解吗?设计师除了要有视觉功夫,对不同形式的APP也应当了然于胸,今天百度的同学写了一篇非常全面的总结,帮你迅速搞定3类主流APP的设计方法,附带一大波避雷针,带你巧妙跳过APP设计的雷区,涨姿势是分分钟刻不容缓的事咯! 目前主流应用程序大体分为三类:Web App、Hyb
阅读全文