logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端页面实现宽高自适应

宽高自适应1、宽度自适应width:100%; // 元素宽度设置为100%。(块元素宽度默认为100%)2、高度自适应元素 {height : auto; } 或高度不写height:100%; // 子元素的高度由父元素决定3、最大小高宽度min-height(最小高度)注:height属性在IE6里就类似min-height作用。max-height(最大高度)min-width(最小宽度)

#css#html#javascript +1
前端图片整合/雪碧图/精灵图用法

图片整合(CSS Sprites)又叫css精灵 / 雪碧图原理:图片整合技术是把小图标整合成一张大的背景图片,通过插入背景图和background-­position调整图片的位置来显示图片优点:1、减少服务器的请求次数,提升网页的加载速度,减少服务器的带宽2、减小图片的体积缺点:不利于后期的维护整合代码示例:<style>*{margin:0;padding:0;}.wrap{wi

#css#html#html5 +2
前端如何解决高度塌陷问题

高度塌陷出现原因:如果父元素不设置高度或者父元素设置最小高度,一旦内容浮动,内容不占位父元素识别不了子元素的高度,就会出现高度塌陷解决方法:方法1:给父元素加overflow:hidden(overflow:hidden可以触发BFC,BFC是一个独立的渲染区域,布局规则:浮动的元素也参与高度计算)缺点:超出父元素范围的内容会隐藏方法2:给所有浮动元素的最下方写一个空盒子,给空盒子设置clear:

#javascript#css#html +2
vue创建对象

<body><div class='hehe'>{{name}}//渲染</div></body><script>new Vue({//实例化vue对象el:'.hehe',//指定元素data:{//存放数据name:'你好世界' ...

#vue.js
数组的常用方法总结(二)

数组的常用方法总结上篇文章介绍了数组的定义方法,这篇来总结一下数组的常用API1. indexOf 查找某个元素在数组中出现的位置(第一个)语法: arr.indexOf(元素,[开始查找的起始下标]);//找不到返回-1var arr = [1,2,3,4,5,6];var res = arr.indexOf(3);var res1 = arr.indexOf(7);console.log(re

#javascript#es6#vue.js +1
到底了