wenlong_date-优快云博客

原创使用github和hexo搭建博客问题总结

当使用命令git deploy后出错这种情况是使用命令后出现error deployer not found:github 解决办法测试的环境是 hexo 3.2.2 node 6.2.0 将hexo的配置文件中的 deploy 下的type改为git ，注意type后面有一个空格然后使用命令 npm install hexo-deployer-git –save 之后就能正常的上传到gith

2016-09-17 21:51:11 1579

原创使用插件快速完成banner图及细节总结

这里使用的插件是superslide插件,能快速完成轮播图的切换以及很多功能，看起来比较方便常见的banner图格式<!DOCTYPE html><html lang="en"><head>

2016-09-17 21:26:50 1934

原创使360浏览器打开网页默认为极速模式

360浏览器是双核浏览器–基于Webkit内核用于常用网站的高速浏览和基于IE的Trident内核极速模式下，网站打开速度快，但某些网站在极速模式下可能出现兼容性问题，显示不正常。兼容模式下，网站打开速度比极速模式略低，但网页兼容性问题较少。 IE9/IE10模式下，网站会使用IE9/IE10的渲染方式渲染，支持硬件加速及IE9/IE10全新的脚本渲染引擎。在head标签中添加一行代码：<

2016-09-17 21:23:57 2071

原创常见的各个浏览器的兼容处理

列下常见的浏览器的兼容处理一、html的兼容性对于有的浏览器不支持HTML5的一些标签我们可以使用html5shiv.js来进行处理，html5shiv 内核是 IE Trident;FF 是 Gecko;opera 是 presto;safari and chrome 是 webkit二、css的兼容性条件注释

2016-09-17 21:18:54 4743

原创使用JS，JQ获取offset-,client-,scroll-*的方法总结

在前端的路上总有一些令人头疼的问题，其实也不是很头疼，就是个记忆的问题。总结一下在JavaScript以及JQ中各种offset-,client-,scroll-*的方式。首先看一张网上的图，图上总结的很好其中各个属性都很清楚了根据我的理解和各个属性的使用频率总结一下不包含滚动条的首先对document,window ,obj使用clientWidth clientHeight表

2016-09-17 21:12:51 3253

原创 JavaScript对象的浅拷贝和深拷贝简单实现

浅拷贝我们知道浅拷贝时，如果是拷贝基本类型的变量时没问题，当拷贝非基本类型的变量时，实际上拷贝的是原对象的地址，他们指向的对象是堆中的同一个对象 var a = { key1:"111"//这是基本类型的变量 } function Copy(ele){ var c = {}; for(var i in ele){

2016-09-17 21:01:52 696

原创 JavaScript实现获取文本select的值、复制文本插件clipboard.js

JavaScript实现获取文本select的值使用JS实现当我们选中页面中的部分文字时，能够返回我们选中的文字，这其实是复制的第一步 window.onload = function(){ document.onmouseup = function(){ var text =""; if(document.selection)

2016-09-17 20:59:53 2280

原创 CSS3画各种常见的图形

利用CSS3我们画各种常见的图形，有时候能够省去我们切图的麻烦。下面就是我根据穆乙的思路自己测试的画图的CSS方法，测试环境是chrome浏览器，请在支持CSS3的浏览器中测试。一、正，长方形这种比较容易，设置width height background-color就能实现，其实还有个“歪门邪道”，那就是通过边框实现，如果我们只设置一边的边框就会发现显示的为矩形，如下 width: 1

2016-09-17 20:52:43 1177

原创 JavaScript面向对象笔记–对象和函数

可以说JavaScript中除了5中基本的数据类型外，其他的值都可以看做是对象，函数也是对象，只不过函数对象和基本的对象之间会有点差别。JavaScript中有不少内建的对象，如Object,Array,String,Function,Boolean,Number,Math,Date,RegExp,Error.我们在浏览器中查看各自的数据类型如下我们看到除了Math外，其他的都是func

2016-09-17 20:40:46 530

原创 JavaScript面向对象笔记–原型

每个函数都有prototype属性，这个属性存储的就是原型对象。在基于原型的面对对象的方式中，对象（object）是依靠构造器（constructor）利用原型（prototype）构造出来的当我们使用构造器函数创建一个对象的时候，该对象会自动创建一个__proto__的属性，该属性保存着指向构造器函数的原型对象的神秘链接，该原型对象实现了对象的属性或方法的共享。当然原型对象也是对象也会有构

2016-09-17 20:37:09 548

原创使用reveal.js和wilddog实现移动端控制web端PPT展示

相信大家工作这么久了，肯定会被要求做PPT等一系列报告，作为前端开发的熊孩子，我们肯定是喜欢折腾的，想想能够用web页面做一份PPT是不是很酷炫，其实在github已经有一个不错的开源的The HTML Presentation Framework,reveal.js,上面会有相应的文档说明，好了现在有前人已经造好的轮子可以直接用了，我们是否可以再加上点什么，别人都在用键盘或者专用的无线设备控制PP

2016-09-17 19:15:53 5210 2

原创 JavaScript利用数组、对象和迭代实现高效率fibonacci数列

当我们被要求写一个生成fibonacci数列函数时，我们可能首先就会想到下面这种方法function fibonacci(n){ return n<2?1:fibonacci(n-1)+fibonacci(n-2);}代码看起来很简洁，但是我们看看执行起来的效率是怎样的呢当我们将n设置为40的时候就发现机器要2秒钟才能算出来，当n为45时就要20多秒了，Oh!!爆炸！！可能由于机器

2016-06-25 19:42:37 1380

原创循环中的闭包

首先看一段JS代码function F(){ var arr =[],i; for(i=0;i<3;i++){ arr[i] = function(){ return i; } } return arr;}在控制器中执行>var arr = F()>arr[0]()>arr[1]()>arr[2]()

2016-05-02 21:11:32 1076

原创页面布局之双飞翼布局

其实双飞翼布局和上面一篇讲的圣杯布局相似，主要的不同之处就是在解决中间部分被挡住的问题时，采取的解决办法不一样，圣杯布局是在父元素上设置了padding-left和padding-right，在给左右两边的内容设置position为relative，通过左移和右移来使得左右两边的内容得以很好的展现，而双飞翼则是在center这个div中再加了一个div来放置内容，在给这个新的div设置margin-

2016-04-26 21:27:32 1934

原创页面布局之圣杯布局

圣杯布局作为我们平时处理三列布局来说还是很有用的，一般情况下他要求的是中间宽度自适应，两边的宽度是固定的，这样能够在页面解析的时候能使中间的主要内容先解析。首先写好布局和基本的样式如下布局<body> <div class="header">header</div> <div class="main"> <div class="center">center

2016-04-26 20:41:08 1439

原创 XMLHTTPRequest笔记

网页通信中基本的XMLHttpRequest方式var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest(); }else{ request = new ActiveXObject("Microsoft.XMLHTTP"); } request.open("

2016-04-25 17:57:45 497

转载 javascript用$代替document.getElementById()方法

部分内容参考：http://www.cnblogs.com/brainmao/archive/2011/09/28/2194864.html我们在编写JS源码时，很多时候都要用到document.getElementById()来获得对象，每次都这么写显得很麻烦，于是就在网上找了一种用$定义方式源码function $(objectId) { if(document.getEl

2016-04-13 21:41:56 4555

原创解决子元素浮动父元素高度为0

我们在CSS中使用float的时候常常会发现父元素的高度为0，如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>子元素全浮动父元素高度为0</title> <style type="text/css"> .box{ /*border:1px s

2016-04-09 19:08:07 4183

原创 jquery动画累积执行解决方法

刚学JavaScript和jQuery时，我经常会遇到click hover mouseover等事件多次触发由于有延迟会导致你“触发的累计”就是你不想触发了，事件还在执行,动画的累积执行使得用户的体验很不好，下面累计了碰到的问题及想到的解决方法实例如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www

2016-04-07 23:40:51 3215

原创浏览器兼容笔记（2）

dom中的事件对象eventtype表示事件的类型。target表示来自哪一个元素的stopPropagation()阻止事件的冒泡行为preventDefault()阻止事件的默认行为IE里面的事件对象type属性，用于获得事件的类型srcElement属性，用于获得事件的对象，和dom不一样，可以在声明时定义event = event||window.event和object =

2016-03-30 20:52:32 529

原创浏览器兼容笔记（1）

文章内容参考自慕课网一、事件处理程序html事件处理程序，直接将事件绑定在html代码中，导致耦合性高，不利于程序的更改；DOM0级事件处理程序，在JavaScript中使用对象的方法来处理事件，如object.onclick = null把点击事件属性赋值为null，IE有的版本不兼容；DOM2级事件处理程序，调用对象的addEventListener() and removeEvent

2016-03-29 23:22:33 583

转载 JavaScript事件冒泡简介及应用

文章转自http://www.cnblogs.com/webflash/archive/2009/08/23/1552462.html什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件

2016-03-28 21:40:20 445

原创笔记-JS中常见的数据运算

JS中object.value得到的是字符串我们在运算的时候基本要先转换成数值，一般的方法呢就是 1.用parseInt(object.value)转换成数值 2. var text1 = document.getElementById("text1").value; var text2 = document.getElementById("text2").value;

2016-03-26 15:17:05 657

转载 border-radius:50%和100%究竟有什么区别

border-radius:50%和100%究竟有什么区别

2016-03-23 10:14:56 13385

原创 JS笔记——首字母设置大写

新手笔记

2016-03-16 17:53:10 4065

原创用JS写的简单的猜数的游戏，一个是步数限制的，一个是有时间限制的。

这是限制次数的hello sun1305110103--> 限制次数的猜数游戏每次猜数前请点击“获得随机数” 预测帝,come on: var num;//获得随机数 var n =5;//定义步数设置全局变量 var get1 = document.getElementById("

2015-10-23 20:40:03 3734

原创解决checkbox和文本不一对齐的问题

主要的方法就是在checkbox，和a中设置vertical-align:middle test *{ margin:0; padding:0; } .con{ font-size:14px; line-height:14px; } .con a{ text-decoration:none; vertical-align:middle;

2015-10-20 19:46:07 2498

WL