lyyo_cd的博客

易用性（usability）是一种以使用者为中心的设计理念，易用性设计的重点在于让产品的设计能够符合使用者的习惯于需求。并能让使用者在使用网站功能时，能用最少的努力发挥最大的效能。简要来说，可以对“网站易用性”做如下理解：1、易理解：单凭观察，用户能否在几秒内就知道网站是做什么的，以及知道如何采取行动。2、易操作：用户初次接触网站时，是否可以很轻松的完成任务，是否可以不用帮助文档就能使

网页基本布局方式：（1）流式布局 Fluid流布局与固定宽度布局基本不同点 就在于对网站尺寸的侧量单位不同。固定宽度布局使用的是像素，但是流布局使用的是百分比，这位网页提供了很强的可塑性和流动性。换句话说，通过设置百分比，我们不需要考虑设备尺寸或者屏幕宽度大小了，可以为每种情形找到一种可行的方案，应为你的设计尺寸将适应所有的设备尺寸。流布局与媒体查询和优化样式技术密切相关。（2

一、什么是图片懒加载？即在页面载入的时候将页面上的img标签的src指向一个小图片，把真实地址存放在一个自定义属性中，这里我用data-src来存放，如下。img src="loading.gif" data-src="http://xxx.ooo.com" />然后将页面img标签获取并保存，开启一个定时器，遍历保存的img标签，判断其位置是否出现在了可视区域内。如果

简单理解：一：只有一个标签的内容，例子如下：测试innerHTML与innerText此时，inner HTML与inner Text获取到都是b内的内容：测试innerHTML与innerText；二：嵌套的子标签的内容，例子如下：测试子inner此时，innerHTMl获取到内容为div下的标签：测试子inner；inner Text获取到内容为

简单设置：为标题所在标签添加css：width : 100px ;overflow ： hidden；  text - overflow : ellipsis ;    / *  文字溢出部分隐藏并替换为省略号  */white - space : nowrap ;    /*  多行文字不换行  */

由于之前面试经常被问到这个问题，加上项目中确实常遇到，虽然简单，还是记录下来。图片中两张img图片，底部多余的为图片3像素。是由图片元素默认为inline-block引起的。解决3像素，方法有很多种1，给img图片标签添加属性vertical-align:top;（不是baseline即可）：img{vertical-align:top;}2，img的父标签添加属性...

问题：H5页面，苹果手机点击input搜索框，输入内容时，页面会自动放大。解决：<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">user-scalable=no：禁止页面手动缩放...