奈何凡华-优快云博客

转载各大浏览器 CSS3 和 HTML5 兼容速查表

支持 CSS3 和 HTML5 的浏览器越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。需要指出的是，即使同一个浏览器的同一个版本，在 Mac 和 Windows 两个平台，它们对 CSS3 和 H

2016-12-15 21:50:25 5558

原创 [置顶] localStorage存储JSON对象

localStorage是html5提供的一种本地存储的方法，可以把数据存储在本地浏览器，下次打开后仍然可以获取到存储的数据。localStorage调用的方法localStorage.setItem("key","value");//存储变量名为key，值为value的变量localStorage.key = "value"//存储变量名为key，值为value的变量localS

2016-11-22 21:20:29 293

原创 js终止函数

在写代码的过程中遇到了一个小问题，当把一条数据删除后，函数依然会继续往下进行，对数据进行操作，如此一来便会报错。所以特意学习了一下终止函数执行操作，在删除数据之后便停止执行。语法为：return 表达式; 语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果retrun true；返回正确的处理结果（继续执行）。return false；分会错误的处理结果，终止处理。

2016-11-22 21:18:28 1629

原创 ng-if与ng-show、ng-hide指令的区别

angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或隐藏是通过改变CSS的display属性值来实现的。 ng-if指令可以

2016-11-22 21:18:22 475

原创区分JS中的undefined,null,"",0，false

总是被JS中的undefined,null,"",0和false耍的晕头转向，索性把它们汇总起来总一个比较。这几个家伙都是JavaScript中的"空值"和"假值"，除了boolean值本身就是true和false这两种情况外，其它数据类型的"空值"主要是undefined和defined这两大类。这些空值的类型分别是： typeof(undefined) == 'undefined

2016-11-22 21:18:16 399

原创 jquery选择器多种使用

常用jQuery选择器$(this)当前 HTML 元素$("p")所有元素$("p.intro")所有 class="intro" 的元素$(".intro")所有 class="intro" 的元素$("#intro")id="intro" 的元素$("ul li:first")每个的第一个元素$("[href$='.jpg']")所有带有以 ".j

2016-11-22 21:18:10 335

原创如何把对象转换成数组

Lodash是一个著名的javascript原生库，不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。文档可通过官网下载，也可点此链接下载https://pan.baidu.com/s/1dFNYB8P(被吞了可以留言联系我) 在lodash中有两种对象转换成数组的方法，一种是使对象属性值转换成数组，另一种是使对象的属性名转换成数组。一：_.val

2016-11-22 21:18:05 29181

原创字符串转换成数字的三种方法

最近经常遇到关于类型转换的问题，索性上网搜搜在此总结一篇js字符转换成数字主要有三种可用的方法:转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行，对其他类型返回的都是NaNparseInt() 函数

2016-11-22 21:17:59 2294

原创 jquery多种遍历方法

prev() prev() 获得匹配元素集合中每个元素紧邻的前一个同胞元素，可使用选择器进行筛选。$("p").prev()//获得"p"前一个元素next()next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。$("p").next()//获得"p"后一个元素siblings()siblings() 获得匹配

2016-11-22 21:17:53 1316

原创正则表达式限制input 输入

我们有时需要限制文本框输入内容的类型，本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。以下都是在网上查找到的（前三个已验证）。第一：限制只能是整数如果不是整数就直接alert 第二：输入大于0的正整数第三：限制是两位的小数原理：通过正则表达式判断，不满足执行alert。第一个正则表达式是 /^\d+$/ 表

2016-11-22 21:17:47 4243 1

原创 jQuery 获取属性

获取属性的方法jQuery attr() 方法用于获取属性值。可以获取id class values等属性 $(selector).attr("value")$(selector).attr("id")$(selector).attr("class") 获取属性实例 //引入jQuery文档 $

2016-11-22 21:17:41 299

原创使文字在div中水平和垂直居中

使文字在div中水平和垂直居中的的css样式为text-align:center; /*水平居中*/line-height: 20px; /*行距设为与div高度一致*/text-align:center意思就是说，让这个DIV里的文字水平居中，而line-height:100px;的意思是说，让DIV里面的每一行文字，占的高度为100PX（和那个DIV的高度一样），这样，文字就垂直居

2016-11-22 21:17:35 1094

原创 webstorm快捷键手册

Ctrl+/ 或 Ctrl+Shift+/注释（// 或者/*…*/ ）Shift+F6重构-重命名Ctrl+X删除行Ctrl+D复制行Ctrl+G查找行Ctrl+Shift+Up/Down代码向上/下移动。F2 或Shift+F2高亮错误或警告快速定位写代码，按Tab生成代码选中文本，按Ctrl+Shift+F7高亮显示所有该文本，按Esc高亮消失。(因为这个功能

2016-11-22 21:17:29 272

原创如何获取当前id与class

有时候我们需要在点击一个按钮时得到他的id或class并对它进行操作，经过在网上查找，我总结了以下一些获取当前id与class的方法。一、JS原生方法this.idthis.className 二、jquery中的方法($(this).attr('id'))$(this).attr("class") 三、利用target 事件属性 target

2016-11-22 21:17:23 985

原创 jQuery 获取内容

最近学习了获得内容的三个简单实用的方法下面分享三个用于 DOM （Document Object Model（文档对象模型）的缩写）操作的 jQuery 方法 $(selector). text() // 设置或返回所选元素的文本内容 $(selector). html() //设置或返回所选元素的内容（包括 HTML 标记） $(selector). val()

2016-11-22 21:17:17 334

原创去除点击按钮时出现的虚线框

最近发现，在点击按钮时会在周围出现虚线边框，这些虚线边框可以更好的看清按钮位置所在，便于浏览。但是有些时候我们却不想使用它们，因为浏览器对虚线框的解析有差异，并且不规则，所以看起来反而成为了某种缺陷。所以这种时候，我们想要禁用这些虚线边框，使页面看起来更美观。下面介绍去除这些虚线边框的一些方法：1. outline:none；（较为常用）优点是代码简洁，使用一行css就能

2016-11-22 21:17:12 660

原创 chrome html消除边框

自学习html以来用的都是谷歌浏览器，最近发现在默认情况下，谷歌浏览器是为body留有边框的，不仔细看真不容易看出来。在检查元素时可以清楚地看到这个边框。一般来说这对页面没有太大影响，但是有时我们需要把这个边框去掉，让body中的元素紧挨着浏览器的边框，这时，就需要修改body元素的margin和padding属性，将两个属性的值都置为0。

2016-11-22 21:17:06 2328

原创 ubuntu安装git

1.检查系统有没有安装Git 在终端输入 git，看系统有没有安装Git 。2.Git安装 Ubuntu Linnux 通过 $ sudo apt-get install git 可以直接安装，如果是其他Linux版本可以直接通过源码安装。先从Git官网下载源码，解压后依次输入： ./configure（这一步一般用来生成 Makefile，为下一步的编译做准备

2016-11-22 21:17:00 198

原创 css图片与文字对齐

代码中，有时会需要在文字旁边加上一个图标。默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能按想要的对齐。常见方法有3种：1、通过添加css的“vertical-align:”；2、如果图片是背景图片，可以在css中设置背景图片；3、把文字和图片分别放入不同的div中。上面三种方法都可以让图片和文字在同一行显示，下面我们用实例来应用一下。1、将文本与图片中部对齐

2016-11-22 21:16:54 929

原创 javascript中的类方法、构造方法、原型方法的对比

一、添加的区别1 function Class(){ //声明一个类2 this.constructMethod = function(){}; //添加构造构造方法3 };4 Class.classcMethod = function(){}; //添加类方法5 Class.prototype.protocMethod=function(){};//添加原型方

2016-11-22 21:16:48 268

原创 JS除法取整

Math.round(x) 四舍五入，如Math.round(0.70)，结果为1；Math.round(0.39)，结果为0； Math.floor(x) 向下舍入，如Math.floor(0.70)与Math.floor(0.39)，结果均为0； Math.ceil(x)向上舍入，如Math.ceil(0.70)与Math.ceil(0. 39)，结果均为1；parseInt(

2016-11-22 21:16:43 1729

原创 JavaScript截取时间

最近遇到了发票打印当前时间的问题，JS自带的函数就可以获取当前时间。可以用 Date() 方法获得当日的日期:Date对象自动使用当前的日期和时间作为其初始值。var myDate=new Date()//new 关键词来定义 Date 对象myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的

2016-11-22 21:16:37 1732

原创 JavaScript字符串方法大全

concat（）将两个或多个字符的文本组合起来，返回一个新的字符串。charAt（）返回指定位置的字符。match()来查找字符串中特定的字符，并且如果找到的话，则返回这个字符，如果没有返回 null。indexOf() 来定位字符串中某一个指定的字符首次出现的位置。（如果搜索的指定字符没有存在就返回（-1）；如果有就返回所在的地址；） lastIndexOf（）

2016-11-22 21:16:31 202

原创 JavaScript spilt()方法

定义和用法split() 方法用于把一个字符串分割成字符串数组。stringObject.split(separator,howmany)参数stringObject：要被分解的 String 对象或文字。separator：从该参数指定的地方分割 stringObject。howmany:该值用来限制返回数组中的元素个数。返回值一个字符串数组。该数组是通过在

2016-11-22 21:16:25 431

原创 JavaScript 数据类型

javaScript中的数据类型分为两种：基本数据类型和对象类型。对象类型包含对象、数组以及函数。javaScript中包含6种数据类型：字符串、数值、布尔值、undefine、null及对象。avaScript 字符串字符串是存储字符的变量。字符串可以是引号中的任意文本，可以使用单引号或双引号。JavaScript 布尔布尔（逻辑）只能有两个值：true 或 fals

2016-11-22 21:16:19 171

原创 JavaScript'=='与‘===’的区别

相等运算符==如果操作数据有相同类型，判断值是否相等，如果相等返回true，否则返回false。如果操作数不同，按照这样的情况判断。1、null和undefined相等；2、其中一个是数字另一个是字符串，将字符串转换为数字再作比较；number（'123'）=123;3、其中一个是true，先转换成1（false转换为0）在做比较；print（1==true），返回tr

2016-11-22 21:16:13 190

原创 js函数命名常用动词

get 获取/set 设置, add 增加/remove 删除create 创建/destory 移除 start 启动/stop 停止open 打开/close 关闭, read 读取/write 写入load 载入/save 保存, create 创建/destroy 销毁begin 开始/end 结束,

2016-11-22 21:16:08 2570

原创 JavaScript 作用域

作用范围又称为作用域，是指某变量在程序中的有效范围。根据作用域，变量可以分为全局变量和局部变量。1 全局变量的作用域是全局性的，即在整个javaScript程序中，全局变量处处使用。var carName = " Volvo";// 此处可调用 carName 变量function myFunction() { // 函数内可调用 carName 变量

2016-11-22 21:16:02 154

原创 JavaScript toFixed() 方法

最近在写代码的过程中，遇到了关于小数点后几位打印的问题。在遇到这个问题时我首先想到的是把小数点后几位当作字符串输出，但是这样如果小数点后几位较多的话，难免比较繁琐。而后我学习了toFixed() 方法，使这一切变得简单。toFixed() 方法用法：toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法：NumberObject.toFixed(num)参数描述

2016-11-22 21:15:56 185

原创 JavaScript数组方法大全

push():向数组末尾添加一个或多个元素 unshift(): 向数组的开头添加一个或多个元素 pop():删除数组最后一个元素 shift():删除数组第一个元素 sort():给数组排序 reverse():颠倒数组项在数组中的位置 concat():合并数组 slice():指定的位置开始删除指定的数组项，并且将删除的数组项构建成一个新数组 splice():

2016-11-22 21:15:50 203

white_with_black的博客