最近工作之余抽时间研读《深入理解bootstrap》一书,bootstrap是做响应式设计非常棒的前端框架。书中有许多思想(封装和继承)是非常值得我去学习的。
这个话题有点偏了,本文讲的是布局的奥妙。其实布局跟建筑学的知识是一样的,说到建筑学,我想到了建筑史,为什么要谈到建筑史呢?因为网页的发展就是根据建筑史的进化来发展的。
最近在开发公司基于微信端的服务号,遇到一些坑,也只有跳进去才知道该如何解决?
跳坑之一:
移动端适配的方案,网上有很多关于移动端适配的方案,有rem,Media Query和js+css,总之,不同的场景用不同的方案,在我刚接触移动适配的时候我是选择用Media去做兼容性写法,后来发现这样写的效率很低,代码冗余,最关键的是只能大致针对多数设备做一个折中的方案,做不到全适配。后来,选择了rem去做适配,因为只需要将px换算成rem就可以全适配,但是在字体的处理和图标的处理上用rem的话误差有点大,所以个人建议还是用px,根据设备的分辨率采用不同的大小,一般主流的也就是1倍,2倍和3倍。相对应的px变成1,2,*3也就ok了。
最近关注了QQ物联合深圳天文台合作推出一个“星球计划”的H5推广,里面有用到全景图,是利用three.js制作的。
转动手机在模拟的宇宙里搜寻各大行星,就是我们今天要说的基于Html5的3D全景漫游。
什么是弹框?
弹框是一种交互方式,用作提醒,做决定或者解决某个任务。弹框一般包含一个蒙版,一个主体及一个关闭入口,常见于网页及移动端。其好处是让用户更聚焦,且不用离开当前页面,更快更容易完成任务。由于弹框与当下流行的卡片式设计在表现形式上十分接近,同时弹框也逐渐承载了更多功能性需求,不再是简单的内容堆砌,因此弹框设计正在被越来越多设计师关注。
jquery目前是一般公司应用的最多的js插件,虽然不是最火的但是是比较成熟且经过大量实践检验的js插件。
###最近工作之余想着加深对jquery的理解,也想封装下简单易用的组件方便在实际项目中去调用,网上可能有更多功能更复杂的插件,但是我更多的是去学习封装插件的思想,大神勿喷。
其实,一开始让我在网页中加载一张图片,我是,是拒绝的…因为实在太简单了。
<img src="xx.jpg" />
是每个前端开发都会的技能。然而,如果你想做到极致,事情还没有这么简单。
最近实现了个图片加载器,用于大型web前端项目中,关于加载图片这一话题,仔细想来可以加许多的特技。
var pjax = pushState + ajax;
小时候,小浣熊方便面里面有各种水浒人物的卡片。我买了一包,吃了方便面,饱了。而我又买了第二包,不是想吃方便面,而是仅仅想得到里面的卡片…
落花流水时间,希望以此纪念!