摘要: 在H5项目中有一种常见的宣传页,就是那种整屏整屏的,带着炫丽进场动画的移动宣传页,不仅是一种欣赏也起到了很大宣传作用。 对于这种整屏的适配,前面通过视口的兼容处理也是可以做到的,但是在窄屏下会在上下有明显的切割,于是想到既然是保证内容在整屏,那是不是只要保证高度在整屏内就完美了,不管屏幕怎么小整个高 阅读全文
posted @ 2016-08-17 00:20 !win ! 阅读(512) 评论(0) 推荐(0) 编辑
摘要: 前面的通过视口做适配的方案由于安卓低版本原生浏览器的存在,在许多场合不尽如人意,会在低版本安卓上出现,不缩放,手动缩放未禁止的问题。 于是出现了第二种适配方案,既然通过视口缩放可以兼容,那为什么不直接用CSS3的缩放来做了,因些有以下适配方案,代码如下: 适配说明: 1:从适配字面上来讲,就是保证用 阅读全文
posted @ 2016-08-16 01:30 !win ! 阅读(562) 评论(0) 推荐(0) 编辑
摘要: 在工作中接到H5项目,第一件想到的事就应该是屏幕适配问题,解决了屏幕适配,接下来的事才能真正开始。从此篇博客开始会连续记录下我经常用到的一些适配方案。 对于传统的PC项目,直接在移动端打开也都是会以视口980来自动缩放以显示主内容在屏幕内,既然有这么个特性,那自然适配也就可以通过通过控制视口来达到适 阅读全文
posted @ 2016-08-15 02:13 !win ! 阅读(2738) 评论(0) 推荐(0) 编辑
摘要: 万变不离其宗,道法自然! 虽然H5的小项目一波又一波,但有一个东东基本没什么变化,那就是整个页面的框架结构。 我所常用的H5常用页面框架如下: meta设置部分: viewport设置为屏幕的宽度,禁用缩放 apple-mobile-web-app-capable:当网站添加到主屏幕快速启动方式,可 阅读全文
posted @ 2016-08-14 01:25 !win ! 阅读(8555) 评论(2) 推荐(0) 编辑
摘要: 代码编辑器有一直都有在尝试新的,如brackets/vs code/webstrom,最后还是用回sublime,每次要重新安装的时候都需要上网搜索相关配置资料,特些记录,以备下次使用: 下载地址 下载地址 下载地址(sublime text3)如果要下载2的只需把最后的数字3改成2即可:http: 阅读全文
posted @ 2016-06-16 17:58 !win ! 阅读(583) 评论(0) 推荐(0) 编辑
摘要: 最新有项目要求,点击页面上的一个按钮,实现直接启动QQ聊天,添加QQ群的功能。 开始以为会很复杂,百度后发现QQ已经有考虑到这方面的需求,只需进入:QQ推广 -> 推广工具 就能看到如下界面 QQ加群,实现只需切换到一键加群组件栏目,如果你已经是你需要分享的群的管理员,可以直接选择要一键添加的群,即 阅读全文
posted @ 2016-03-08 11:39 !win ! 阅读(1795) 评论(0) 推荐(1) 编辑
摘要: 自从angular问世,一直就有去了解学习angular,一直想用angular去做一个项目,但无奈,大ng是国外产物,ng1.2版本就只兼容到IE8,1.3后的几个版本提升到IE9,据说NG2.0更是向移动端靠拢的。 一次次纠结中一天逛博客看到了司徒正美开发的avalon,当时又兴奋又犹豫,总觉得 阅读全文
posted @ 2016-02-20 15:14 !win ! 阅读(1553) 评论(0) 推荐(0) 编辑
摘要: 浏览器打开一个网页都会有一个标题,用来显示当前页面的相关内容,如网站名称或者一篇文章的大标题,而定义它应该显示啥的话完全由HTML中title标签的内容决定。如我们的大博客园:但我们看到标题的同时也会留意到标题边上有一个小icon,手有画龙点睛的作用。而实现在标题上加icon也是十分简单的,用htm... 阅读全文
posted @ 2015-12-02 14:50 !win ! 阅读(575) 评论(0) 推荐(0) 编辑
摘要: 当一个项目多人维护,特别是接手别人的项目,而项目又在改之又改的基础上再改,我一直遵循,别人的样式我不动的原则,尽量不因为一时不察,导致整站或部分页面出现错位的现象,因些在修改样式与写样式时都是在原有的基础上往上加样式名来加样式,这样就会产生很多可能无用的样式,偶尔也会有去掉页面部分区域,导致样式中可... 阅读全文
posted @ 2015-10-21 10:09 !win ! 阅读(390) 评论(0) 推荐(0) 编辑
摘要: 虽然现在HTML5胜行,localStorage已远远的胜过cookie,但是在天朝,ie6(基本已淘汰),ie7还需要考虑的前提下,cookie还是有用武之地的。一直都有到cookie,也有了解过cookie的原理,工作中也一直不能忽视工期,基本使用cookie就用jquery.cookie.js... 阅读全文
posted @ 2015-09-22 00:49 !win ! 阅读(532) 评论(0) 推荐(0) 编辑