无论网页或是移动APP的设计，很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。本文就移动APP表单设计进行浅析，看设计师是如何在设计与交互体验之间做到小而美的平衡。 一。极致的减法 这是一个异于常规设计思路而得的登录框产物，这不是通常意义上的登录窗。它仅仅保留了用户名的输入，只需按回车便可确定，跳出了登录界面设计中的条条框框，配色方面也足够醒目与简单。 二。引人注目的用户界面 1.模糊...
普通流(NormalFlow起浮 Float肯定定位 AbsolutPosit一、啥是块格式化上下文有了上面的知识后，就能够介绍Blockformatcontext块格式化上下文） 创立了BlockFormatContext元素中，其子元素会一个接一个地放置。笔直方向上他起点是一个包含块的顶部，两个相邻的元素之间的笔直距离取决于 'margin'特性。BlockFormatContext中相邻的块级元素的笔直边距会折叠（collaps throotelementorsomeththatcontainitfloatelementwherefloatisnotn...
在下面几种情况下会发生，页面出错异常（也叫缺页中断）： 1、相应的页面目录项或者页面表项为空，也就是该线性地址与物理地址的映射关系尚未建立，或者已经撤销。 2、相应的物理页面不在内存中。 本文讨论的就是这种情况。 3、指令中规定的访问方式与页面的权限不符，例如企图写一个“只读”的页面。 假设已经建立好了映射，但是页表项最后一位P为0，表示页面不在内存中；整个页表项如下图，offset表示页面...
我们已经看到在分配页面时，如果页面数不够，那么会调用page_launder，reclaim_page，__free_page将页面换出，并重新投入分配。 为了避免总是在CPU忙碌的时候，也就是在缺页异常发生的时候，临时再来搜寻可供换出的内存页面并加以换出，Linux内核定期地检查并且预先将若干页面换出，腾出空间，以减轻系统在缺页异常发生时的负担。 为此，在Linux内核中设置了一个专司定期将页面换出的“守护神”kswapd和kreclaimd。 s...
昨天做移动项目是，遇到这样一个案例，如图，图片容器随着视口宽度进行自由拉伸扩张，图片不定宽高，垂直居中： 当时做这个布局的时候，我一直想到用display:table-cell通过vertical-align:middle，来实现居中，可以当我在同一个节点用position:absolute，会导致此居中问题失效。 最后想到的解决方案，案例如下，不定宽高垂直居中： p{margin:0;padding:0} .wrap,.wrap1{ ...
一、模块分析 1.每开发一个项目之前，首先要对项目进行一个大致规划，它到底要做什么功能，它有什么具体需求。 2.所以需要进行模块化分析，把这些东西具象化，把一个问题模块化，对需求有一个宏观的了解。 3.有一个模块的概念后，把模块进行细分，细分成更小的模块，然后逐一击破。 不进行模块分析的恶劣影响： 不做模块分析，一上手就想到哪儿做到哪儿，很容易一叶障目，不能看到全貌，你会发现做着做着就失控了。因为有...
position有五个值：static、relative、absolute、fixed、inherit。 static 是默认值。就是按正常的布局流从上到下从左到右布局，平常我们做网页制作时，没有指定 position，也就表示使用 static。 relative 没有脱离布局流，此时可以使用 top、right、bottom、left 属性。 top 和 bottom 共存时，使用 top 值，忽略 bottom 值； left 和 right 共存时，使用 left 值，忽略 right 值； relative 是相对位置，指相对于...
最近在看nodejs，《Node.js实战》这本书果然不错，按照步骤来，还是蛮容易上手的，我不是打广告。。 我是前端出身，所以搞着搞着就开始想前端的东西。。果然裸写css现在已经变成一件十分蛋疼的事情，所以琢么着如果不用baidu的fis，我自个儿加less什么的，之后就想到，最好还是搭建一个common.less，里面可以放好多mixin什么的，这样也可以为以后的工作先少点重复劳动，看了下我师父写的架子，没想到网上有一个写的不错的res...
所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或是从排版中拿走。 当前所知的脱离文档流的方式有两种：浮动和定位。 a.定位属性positon 先看一下定位。看一段对定位各个字段的描述，有助于理解 值 描述 absolu...
在了解浮动属性之前，首先我们先了解一下html中关于display属性的相关知识。 display属性常用的有inline, block, inline-block. inline也就是内联的意思。 常见的html标签中如 span, font, a, b, em 都是内联元素。 所谓内联，简单理解就是不会换行的元素。 bold element google red font span 结果如下： 这个例子很简单，也说明了inline属性...
文章评分 0 次，平均分 0.0 ： 导语： 康宝贝智能体质分析仪，只要站上去就能够测量身体的各个指标，通过APP给出医学建议，坚持测量可以对自己的健康度有很好的了解，使用方便，省电，外形美观。 康宝贝智能体质分析仪，只要站上去就能够测量身体的各个指标，通过APP给出医学建议，坚持测量可以对自己的健康度有很好的了解，使用方便，省电，外形美观。 基本参数 < label style="margin:0p...
一、抛一块问题砖（display： block）先看现象： 分析HTML代码结构： 1 2 3 分析CSS代码样式： .outer{border: 1px solid #ccc;background: #fc9;color: #fff; margin: 50px auto;padding: 50px;}.div1{width: 80px;height: 80px;background: red;float: left;}.div2{width: 80px;height: 80px;background: blue;float: left;}.div3{width: 80px;height: 80px;background: ...
源码分析： Dropdowns.scss：下拉框模块 Javascripts/bootstrap/dropdown.js：实现下拉框响应 实现功能及原理： 下拉选项卡，默认不能实现显示选中项的功能 原理： 1、利用dropdown类作为定位点，然后让子级的列表dropdown-menu绝对定位实现，还需要加一个单击点作为设置data-toggle=”dropdown”才能做关联。2、 需要js插件的支持 源码分析： 1、caret：实现向下的三角形，利用边框实现的 1.1、边框...
源码文件： Scrollspy.js 实现功能 1、当滚动区域内设置的hashkey距离顶点到有效位置时，就关联设置其导航上的指定项2、导航必须是 .nav > li > a 结构，并且a上href或data-target要绑定hashkey3、菜单上必须有.nav样式4、滚动区域的data-target与导航父级Id（一定是父级）要一致 one two three ibeOne的具体内容One的具体内容One的具体内容One的具体内容One的具体内容One...
一、tooltip（提示框） 源码文件： Tooltip.jsTooltip.scss 实现原理： 1、获取当前要显示tooltip的元素的定位信息（top、left、bottom、right、width、height等）2、计算tooltip的位置，是top、left、bottom、right其中一个3、然后根据计算的位置值，运算出坐标值4、给tooltip应用坐标值 源码分析： 1、ownerDocument：文档；包含两个对象：、documentElement（根节点）2、$.contains(domA, domB)：判断domA是否包含dom...