余胖笔记
移动设备的快速发展颠覆了用户上网的使用习惯。考虑到用户体验，网站设计人员必须让网页适应移动端屏幕的尺寸。随着时间的推移，用户对移动设备的依赖程度越来越高，这就促使开发和设计人员不断对移动端网页进行优化，下面我们就为大家介绍一些优化移动端网页的实用方法，如果你是网页的开发者、设计者，就一定不要错过这篇文章，相信会对你的工作有所帮助。1.了解你的用户首先要确定你的受众用户群，发现那些真正对你有价值的忠实用户，但不要妄想去拥有各种类型的用户。一旦确定受众用户群，就要了解他们的上网目...
Read More >
开篇语最近接手了一个移动端的项目。个人感觉是自己做得比较快而且比较健壮的一个。。。移动端最主要就是页面要适用不同的手机屏幕，ipad等。下面就分享一些技巧,让你不依赖任何框架高效地搭建自己的项目。一、样式按组件或板块分文件写再合成①设置各种变量采用scss或者less来写css代码有很多好处。这里就不详细说。我们拿到设计图的第一步，就是要分析各个页面之间有哪些模块、哪些样式、哪些颜色是一样的。一般情况下，为了各个页面的风格统一，各个页面上的主颜色应该都是一致的，而且好些页面都...
Read More >
正文从这里开始，本文主要讲述一下 伪元素 before 和 after 各种妙用。 :before和::before的区别在介绍具体用法之前，简单介绍下伪类和伪元素。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。有时你会发现伪类元素使用了两个冒号 (::) 而不是一个冒号 (:)，这是 CSS3 规范中的一部分要求，目的是为了区分伪类和伪元素，大多数浏览器都支持这两种表示方式。#id:after{
&nb...
Read More >
在很多软件公司，特别是一些创业型的团队中，对于这样的情景可能大家都很熟悉：项目经理或者产品经理（产品狗）口头或者简单记录一下软件产品的大致要做的功能，直接就让研发团队的兄弟（程序猿）去狂撸代码。然后他就去喝茶撩妹或者回家陪老婆了...这种撸起袖子就开干的方式，看似简单高效，便于直接沟通，能够快速迭代。却不知，发现没有一份正规且实时更新的功能需求设计文档，会付出三四倍的代价来弥补。最终会引发一场产品狗和程序猿之间的“猿狗大战”...WHY - 为什么需要功能需求设计说明书在没有...
Read More >
offset简介我们知道，三大家族包括：offset/scroll/client。今天来讲一下offset，以及与其相关的匀速动画。offset的中文是：偏移，补偿，位移。js中有一套方便的获取元素尺寸的办法就是offset家族。offset家族包括：offsetWidthoffsetHightoffsetLeftoffsetTopoffsetParent下面分别介绍。1、offsetWidth 和 offsetHight用于检测盒子自身的宽高+padding+border，...
Read More >
Chrome会对页面缓存，web页面调试的时候，后端修改页面、js之后，刷新页面经常不生效，非常不方便。有一些小技巧可以解决该问题。技巧一：开发者工具-setting/设置，可以关闭缓存。开发者工具-network，也可以直接勾选“Disable cache”。技巧二：长按导航栏刷新按钮，有“清空缓存并硬性重新加载”选项。...
Read More >
浮躁已经成了普遍的社会现象。判断一个人是否浮躁非常容易，看他一天主动拿起手机的次数就可以了。据TED的演讲者说，这个值一般是50次，除了8小时的睡觉之外，基本上每20分钟就要去翻翻手机。你会去用手机做什么？看微信，票圈，微博，知乎，淘宝，或只是来回刷首页。我们不是名人，没人关心你在社交网络上的行动。然而在这短短几分钟，破坏了大脑辛苦构建的情境，放下手机后很可能忘记之前在做什么，然后很久都难以进入状态。碎片化阅读盛行，可是当你放下手机，还能记得些什么呢？我们还发现，几乎同时毕业...
Read More >