自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 关于JS的堆和栈的理解

一、  堆(heap)和栈(stack)栈(stack)会自动分配内存空间,会自动释放。堆(heap)动态分配的内存,大小不定也不会自动释放。二、  基本类型和引用类型基本类型:简单的数据段,存放在栈内存中,占据固定大小的空间。引用类型:指那些可能由多个值构成的对象,保存在堆内存中,包含引用类型的变量实际上保存的不是变量本身,二十指向该对象的指针。基本数据类型包括Undefin

2017-03-17 14:23:18 9856

转载 css之vertical-align

一、vertical-align的属性1.线类:baseline,top,middle,bottom 。2.文本类 :text-top,text-bottom。 3.上标下标类:sub,super 。 4.数值百分比类:20px,2em,20%二、数值和百分比的差异数值百分比类 分为数值类和百分比类,但是两种有很多共性1.都带数字。2.都支持负值(css里支持负值的并不多margin,

2017-02-24 17:45:59 300

原创 Javascript数组去重的几种方法

var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];        //最简单的数组去重        Array.prototype.unique1 = function(){        var res = [];        for(var i = 0; i        if(res.indexOf(th

2017-02-23 20:21:56 315

原创 前端面试题小集

一、请写出一些前端性能优化的方式,越多越好1.减少dom操作2.部署前,图片压缩,代码压缩3.优化js代码结构,减少冗余代码4.减少http请求,合理设置 HTTP缓存5.使用内容分发cdn加速6.静态资源缓存7.图片延迟加载

2017-02-23 16:15:25 296

原创 字体图标的制作

1.下载或制作一条复合路径的SVG图2.上传至https://icomoon.io/  (点击IcoMoon App,选择Import Icons)3.下载,会自动生成selection.json文件,该文件会记录下载的icon图标,这样再追加图标时就可以直接上传json文件,不用重新上传svg4.每次下载后需更新字体文件的json文件

2017-02-17 18:35:19 214

原创 CSS选择器(符)

CSS选择符又称CSS选择器1.标签选择器,例如span{}2.类选择器,例如.btn{}3.id选择器,例如#id{}4.子选择器 ,例如.foot>li{}5.包含(后代)选择器例如.foot span{}6.通用选择器*7.伪类选择器,例如a:hover8.分组选择器,例如span,p{}9.属性选择器,例如input[type="checkbox

2017-02-10 13:54:06 207

原创 子级绝对定位也受父级宽度的影响

*{        margin: 0;        padding: 0;        }        .txt{        display: inline-block;        height:30px;        line-height: 30px;        border:1px solid #498fd3;        back

2017-02-10 10:31:04 1088

原创 css line-height:150%和1.5的不同之处

line-height:150%和1.5的不同之处对于元素本身的展示效果是没有区别的,只是被子级继承之后会表现有所不同,150%不被直接继承,而是和本身的font-size相乘之后的结果被子级继承为子级的行高,而line-height:1.5被继承之后是1.5乘以子级的font-size                    ggggggggggggg676756

2016-03-23 14:33:10 454

原创 未知宽高的img在已知宽高的div中水平垂直居中的几种方法

Document.box{float: left;}.box1{width: 400px;height: 400px;border:1px solid red;display: table-cell;  text-align: center;  vertical-align: middle;  overflow: hidden;  /*不能浮动*

2016-03-14 14:49:48 689

原创 移动端总结和手机兼容问题

H5页面窗口自动调整到设备宽度,并禁止用户缩放页面(部分安卓手机的UC浏览器写完以后还是可以放大缩小)忽略将页面中的数字识别为电话号码(ios上会明显 有时候会把数字当成电话号码)忽略Android平台中对邮箱地址的识别viewport模板 webkit表单元素的默认外观怎么重置.css{-webkit-appearance:none

2016-03-14 14:35:34 22032

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除