自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 JS面试题—原型和原型链

一、 题目如何准确判断一个变量是数组类型 写一个原型链继承的例子 描述new一个对象的过程 二、知识点 1.构造函数 function Foo(name, age){ this.name = name this.age = age this....

2017-08-08 17:19:35 6164 0

原创 JS面试题—变量类型和计算

JS面试题,是针对前端工程师面试时的一些知识点梳理,整篇会围绕题目、知识点、解答三个过程进行学习。本人也属于此次总结的学生,希望借此机会重新温习巩固基础知识。积硅步至千里,学习和应用就像搭积木一般,只有基础建好才能将积木搭得越高。变量类型和计算 一、 题目JS中使用typeof能得到那些类型 ...

2017-08-07 15:55:36 1681 0

原创 MongoDB 启动文件设置

安装MongoDB 按照步骤安装,选择自定义安装即可(步骤简单,不清楚可以直接百度) 启动前准备 启动mongodb服务 打开cmd命令行工具,进入mongodb的bin目录 输入 mongod –dbpath=D:\MongoDB\data –logpath=D:\MongoDB\log...

2016-08-02 12:51:32 595 0

转载 以rem为单位移动端页面开发

头部需要添加meta标签<meta name="viewport" content="width=device-width, initial-scale= 1, maximum-scale=1">JS设置HTML的font-size(functi...

2016-06-23 15:46:36 764 0

转载 java和JS代码相互调用

挺帅的移动开发专栏 http://blog.csdn.net/wangtingshuai/article/details/8631835         在android的开发过程中,有很多时候需要用到本地java代码和javascript进行交互。android对交互进行了很好...

2016-04-25 20:43:01 8332 0

原创 CSS3特效之转化(transform)和过渡(transition)

在对动画深入之前,我们需要先了解它的一些特性,CSS3的转化(transform)和过渡(transition)。有人可能会有疑问,CSS3动画不是只有animation一个属性吗?怎么又和转化(transform)和过渡(transition)扯上关系了,其实并非如此,转化(transform)...

2016-04-17 20:31:53 13492 0

原创 浏览器对HTML5特性检测工具Modernizr

最近在做公司移动端运营的项目,需求中多处地方都会涉及动画。相信很多前端开发都会有这种感触,对CSS3中的动画属性很熟悉,但是由于对动画运动过程的理解不深入,经常只能望而止步。CSS3中动画这在Web页面中具有点睛之笔,让人眼前一亮,这段时间我会抽空来整理关于动画这块的知识点,希望能在总结的同时分享...

2016-04-14 21:32:19 7289 0

原创 HTML与CSS布局技巧总结

很多人对CSS的布局有困惑,实际的应用场景中由于布局种类多难以选择。今天我花些时间总结下自己对CSS布局的理解,分析下了解各种布局的优劣,同时希望能分享给初入前端的朋友们一些在布局上的经验,如果有那些地方总结的不好,欢迎大家指正。言归正传,现在就来揭开各种布局的面纱。 单列布局 <div...

2016-04-11 00:29:02 29375 2

原创 background-position和雪碧图(CSS Sprites)用法

background-position属性使用频率非常高,大量的网站为了减少http请求数,会将大量的图片图片合成一张雪碧图(Sprite)来使用。雪碧图的使用就是通过控制background-position属性值来确定图片呈现的位置,不得不说它的作用非常重要,当然除了在使用雪碧图的场景外,别的...

2016-04-04 22:39:03 39473 4

原创 浮动布局的方法(总结)

HTML布局中浮动布局非常常见,很多网站普遍都会使用到浮动布局,博客网站使用最多。做过很多网站,却没有总结过,今天就来分享下自己在浮动布局的总结(本文以微博为例) 微博排版 先上图片:       盒子中包含左右两个子盒子(用黑边框将其分开),就以这种左右两栏为布局的模型,来总结浮动布局的方...

2016-04-01 11:48:03 7812 3

原创 浮动float和清楚浮动clearfix

浮动,在HTML排版常常被使用的一个CSS属性,很多网页设计都会用到浮动,但并不是说浮动是网页排版的必需品。由于浮动具有破坏性,很多时候采用浮动反而会造成适得其反的效果。在张大神的CSS三无准则中就有一条准则是“无浮动”,提倡整个网页排版最好不需要用到浮动元素。每个人并非张大神,对于网页的排版设计...

2016-03-31 23:38:41 2243 1

原创 相邻兄弟选择器(+)

今天在做导航栏的时候,需求里面需要实现一个小的动画效果,需求:导航栏中,鼠标移入每个链接,链接字体颜色发生改变,同时导航栏下面的小点圆圈移动到相对应的位置。因为需要兼容IE8的缘故,动画使用JQuery的animation函数来实现的。当完成导航栏的制作后,我突发奇想如果不需要用到任何JS是否可以...

2016-03-31 17:12:26 6705 0

原创 前端工作总结

今天我的导师突然要求我写下这进一年来的工作总结,作为一名毕业不到一年的前端,写总结让我觉得有些头疼,文采这东西不是与生俱来的,而是需要不断的磨练,想想自己毕业后还真的从来没有写过总结,面对这项巨大的任务,也只能硬着头皮往上顶。写完后我的导师评价说文采写的还是可以的,内心一阵窃喜。既然写了那就把把它...

2016-03-30 18:23:40 16084 0

原创 CSS垂直居中的几种方法

单行内容居中 单行文字居中,只需要设置文字的line-height属性和父容器等高即可。 <div class="box"> <p>我是一行测试文字</p> </div> div.box{wid...

2016-03-30 17:59:38 679 0

原创 五种js实现数组去重的方法

第一种 删除后面重复元素 function removeRepeat1(arr){ var a1=((new Date).getTime()) for(var i=0;i<arr.length;i++) for(var j=i+...

2016-03-26 16:34:40 12575 2

原创 js删除数组里的某个元素

删除数组中的某个元素,首先需要确定需要删除元素的索引值。 var arr=[1,5,6,12,453,324]; function indexOf(val){ for(var i = 0; i < arr.length; i++){ if(arr...

2016-03-26 14:41:40 16899 0

原创 针对IE的条件注释

<p class="accent"> <!--[if IE]> 根据注释条件,版本是IE<br /> <![endif]--> <!--[if IE 6]> 根据...

2016-03-25 17:51:38 574 0

原创 前置递增和后置递增的区别

递增和递减操作符 前置递增操作符给一个数值加1 时,要把两个加号(++)放在这个数值变量前面 var age = 29; ++age;后置型递增和递减操作符的语法不变(仍然分别是++和–),只不过要放在变量的后面而不是前面。 var age = 29; age++;执行...

2016-03-24 10:18:36 3906 1

原创 JavaScript数据类型

JavaScript中有5中简单数据类型(也称基本数据类型):Undefined、Null、Boolean、Number和String,一种复杂数据类型:Object,JavaScript中所有值最终都属于上述6中数据类型之一。 typeof操作符:检测给定变量的数据类型

2016-03-23 21:58:38 451 0

转载 如何设计自适应网页

现在的网站不仅需要兼容各种浏览器还需要能自适应不同终端,今天总结下常用来设计自适应网页设计的步骤。 网页自适应设备 <meta name="viewport" content="width=device-width, initial-scale=1"...

2016-03-20 22:49:48 619 0

原创 JSON数据格式

前言 作为一个前端需要掌握一种数据格式:json数据格式。在和服务器交互时,服务器会返回一组json数据,前端需要处理这组数据,并选择性地将所需数据呈现在客户端。在json还没诞生前,互联网上传输结构化数据的方式是交给XML来完成的,那时候不少人认为XML过于繁琐、冗长,希望能有另一种数据格式可以...

2016-03-20 19:18:19 8954 0

原创 项目问题反思——CSS优先级

前言 对于前端而言,了解css样式的优先级,对开发或处理bug有着事半功倍的效果,今天在做项目的时候,突然碰到一个优先级的小问题,刚开始不知道所因,后来才发现这个问题是由优先级造成的。先描述下问题,鼠标悬停在父容器时,子容器显示,移开消失。看到这个问题,可能有些人要喷了,这和优先级有毛线关系,看起...

2016-03-15 01:11:46 486 0

原创 如何在移动端使用WebP图片格式

前言 在移动端,图片一直是流量大头,一个简单的运营网页,图片大小动不动就以MB为单位,为了加快网页呈现的速度,我们必须使用最适合图片质量,这里所说的合适指图片的清晰度和大小达到合格的要求。 前端常常会碰到这种情况,一个网页都是图片,需要你压缩图片适合的分辨率,分辨率低了容易失真用户体验不好,高了图...

2016-03-12 01:50:09 10975 0

原创 CSS3实现手机1px边框,细如发丝

前言 我们使用手机App的WebView和浏览器查看网页时,经常能看见那细如发丝的“0.5px”的边框、线条,让整个页面效果看起来更加细致。这里所谓的“0.5px”是如何实现的呢,web页面中最小的单位是1px,“0.5px”已经脱离了web定义的单位标准,如果直接使用“0.5px”那么它其实是以...

2016-03-10 22:22:19 9112 1

转载 雅虎十四条:网站前端网页优化的14条原则

内容再丰富的网站,如果慢到无法访问也是毫无意义的;SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭;UE设计的再人性化的网站,如果用户连看都看不到也是空谈。所以,网页的效率优化绝对是最值得关注的方面,那么,我们该如何才能提高一个网页的效率呢?对此,我今天就在马海祥博客上为大家分享一下雅虎网页优化的...

2016-03-09 14:37:28 844 0

原创 检测手机类型、密度比和物理宽高

前言 随着智能手机的兴起,各大厂商手机产品层出不穷,产品可谓是五花八门,手机的尺寸和密度没有一个固定标准,作为一个前端面对各式各样不同尺寸的手机常常让人觉得痛疼。近几年前端被吹捧的热火朝天,在产品眼里前端无所不能,只有想不到没有做不到。前端需要适配各种终端机承受巨大压力,这次小弟自我总结来说说移动...

2016-03-08 16:06:19 1231 0

原创 javaScript引入方式

前言: 毕业到现在从事前端开发已经半年左右,做过移动端和PC端大小不同项目,发现自己所学习的技能都只是为了更好的完成项目,从来没有花时间好好整理下所掌握的知识。农历三月百花盛开,群芳争艳;新历三月是个跳槽季,各路神仙汇集一堂,大展神通。原本只打算安安稳稳、踏踏实实工作的我,却受朋友的蛊惑,邀请我去...

2016-03-03 00:29:43 5483 0

转载 JS创建函数:函数声明和函数表达式

JavaScript 中需要创建函数的话,有两种方法:函数声明、函数表达式,各自写法如下: // 方法一:函数声明    function foo() {} // 方法二:函数表达式    var foo = function () {}; 另外还有一种自执行函数表达式,主要用于创建一个...

2016-01-26 10:13:54 647 0

原创 JS实现图片延迟加载(lazyload改编)

为什么改写JS版:         移动端做运营活动到时候经常需要用到大量的图片,图片过多导致加载过慢,用户体验差,插件lazyload.js需要依赖JQuery,单页面如果需要采用这个插件需要加载JQuery,JQuery.min也有80多kb,为了一个功能需要引入一个80多kb的文件,得不偿...

2016-01-12 15:18:28 3397 0

原创 JS添加事件和解绑事件:addEventListener()与removeEventListener()

作用:      addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。      它们都接受3个参数:事件名、事件处理的函数和布尔值。      布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false...

2015-12-03 14:24:10 35951 0

转载 优化HTML代码

CSS优化 尽量避免写在HTML标签中写Style属性。 · 避免CSS表达式CSS表达式的执行需跳出CSS树的渲染,因此请避免CSS表达式 · 移除空的CSS规则空的CSS规则增加了CSS文件的大小,且影响CSS树的执行,所以需移除空的CSS规则 · 正确使用Disp...

2015-11-03 17:51:16 1150 1

原创 移动端overflow:hidden出现不兼容

禁止页面滚动:body{style="overflow:hidden;"}  可以实现大部分超出页面禁止滚动,可并非兼容所有移动手机。 document.body.addEventListener('touchmove',function(event...

2015-11-03 11:33:29 5268 0

转载 移动端适配不同设备(缩放效果)

// 非360基线显示适配 if (/Android (\d+\.\d+)/.test(navigator.userAgent)) { var version = parseFloat(RegExp.$1); if (version > 2.3) { var ...

2015-11-03 11:14:32 1306 0

原创 JavaScript常用事件

window.onload = function () { var input = document.getElementsByTagName('input')[0]; var form = document.getElementsByTagName('...

2015-07-29 16:30:27 361 0

转载 学习使用:before和:after伪元素

特别声明:此篇文章由胡均根据Louis Lazaris英文文章原名《Learning To Use The :before And :after Pseudo-Elements In CSS》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需...

2015-07-27 23:05:26 2037 0

原创 常见的块状元素与内联元素

块状元素  内联元素 address – 地址 blockquote – 块引用 center – 举中对齐块 dir – 目录列表 div – 常用块级容易,也是CSS layout的主要标签 dl – 定义列表 fieldset – form控制...

2015-07-26 23:31:01 741 0

原创 html5 列表居中

style> .header{ width: 800px; background: pink; border: 1px solid black; margin: auto; ...

2015-07-26 21:32:48 3635 0

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