aZF1997的博客

1，简述<!DOCTYPE>的作用？ 帮助浏览器正确显示网页。 文件类型定义，作用是为了告诉浏览器该文件的类型。 必须在HTML 文档第一行。 2，常见的浏览器及其内核？ Chrome谷歌 ----->Webkit Blink Firefox火狐 ----->Gecko Safari 苹果的 -----> Webkit IE ...

1，哪些css属性是可继承的？ text- align 对齐方式 -decoration： none 默认 ：underline 下划线 ：overline 上划线 ：line-through中划线 font- size文字大小 -family 字体 -style：normal正常 italic 斜体 ：-weight粗细 line- line-height 行高...

☆等高布局、圣杯布局、双飞翼布局的实现原理？ 圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动，区别在于解决中间栏div的内容不被遮挡上， 圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为三栏是单独分开的（如果可以看到空隙的话）， 而双飞翼布局是在...

1，在项目中你是如何做图片优化的？ （1）、降低图片的大小 我们的目的是降低图片的大小kb，有很多方法可以做，压缩图片，选择更小kb的图片格式，以达到最优的显示效果,找在线压缩图的网站如TinyPNG:一个压缩PNG的神站 ​ （2）、选择适当的图片宽度尺寸（即响应式图片） （3）减少HTTP的网络资源请求 考虑CSSSprites(背景精灵图/雪碧图) 怎么使用精灵图？ 利用CSS的ba...

1，常见的移动端布局解决方案有哪些？原理如何？ 1:固定布局 采用固定像素 原理:设置好视口,跟PC端写法一样 版心320px 即可 优点：思路沿用pc端，上手简单。 缺点: 界面左右两侧有空白 而且元素略小 用户体验差 2:流式布局 原理:采用%替代固定px 限制布局盒子的最大宽度和最小宽度 优点:实现自适应 缺点: 只做宽度适配,高度会被拉伸 3:rem布局 原理:设置根...

1，什么是响应式设计？响应式设计的基本原理是什么? 实现不同屏幕分辨率的终端上浏览网页不同的展示方式。 页面的设计与开发应当根据用户行为以及设备环境进行相应的响应和调整。 基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理。 2，响应式优缺点？ 优： 1，减少工作量，网站、设计、代码、内容都只需要一份； 2，节省时间； 3，每个设计都能得到正确的设计。 缺： 1，会加载更多的样式和脚本资源； 2，...

过渡属性 通过c3可以在不使用flash动画或js的情况下， 为元素从一种样式变换为另一种样式时添加效果。 而c3过渡就是元素从一种样式逐渐改变为另一种的效果。 要规定两项内容： 规定你希望把效果添加到哪个css属性上； 规定效果的时长 transition-property 规定设置过渡效果的css属性名称 none 没有属性 all所有属性 property 定义过渡效果的c...

什么是JavaScript？ 基于对象和事件驱动并具有相对安全性的客户端脚本语言 JavaScript与ECMAScript的关系？ JavaScript是ECMAScript的表现，ECMAScript是JavaScript的规范 变量的命名规则？ 1.名字见名知义，遵循驼峰标识。例：userName passWord 2.变量名只能以字母,_,$开头 3.不能使用关键和保留字 4.变量名不要...