自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 问答 (4)
  • 收藏
  • 关注

原创 正则基础

修饰符用于执行区分大小写和全局匹配: - i 忽略大小写 - g 全局匹配var patt = new RegExp(/x/i/g); 方括号用于查找某个范围内的字符: - […] 查找方括号之间的任何字符 - [^…] 查找不在方括号之间的字符 - [0-9] 查找0至9的数字 - [a-z] 查找a-z的小写字符 - [A-Z] 查找A-Z的大写字

2017-08-23 21:09:00 224

原创 数字相关知识

1、数字前面的0可以省略,数字后面的0也可以省略42.toFixed(3) // SyntaxError (因为42.是一个数字)42..toFixed(3) // 正确写法42 .toFixed(3) // 正确写法 (常量后面打空格)// 不过对于常量而言,这样的语法很容易引起误会, 不建议使用 2、检测整数 Number.isInteger(num)Number.isInt

2017-06-06 20:59:55 254

原创 date.format,日期格式化

/* * date.format */ Date.prototype.format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours() %

2017-06-06 20:56:34 422

原创 文字间距、首行缩进

p { letter-spacing: 10px; /* 字间距 */ text-index: 30px; /* 首行缩进 */}

2017-05-25 22:33:29 456

原创 垂直居中的几种方法

1、display: flex;span{ display: flex; align-items:center;} 2、display: table-cell;display: table-cell;vertical-align: middle; 3、 line-height这种方法只适用于已知高度的情况div{ height: 30px; line

2017-05-09 20:40:26 252

原创 修改用户选中文本的样式

::selection{ color: XXX; background: XXX; cursor: XXX; outline: XXX;}注: 只能向::selection添加以上css属性

2017-05-02 22:10:41 301

原创 修改<hr/>的颜色

hr{ border-color: red;}或者hr{ background: red; height: 1px; border: none;}

2017-05-02 22:08:01 518

原创 css两端分散对齐

准备一段html<ul> <li>111</li> <li>222</li> <li>333</li> <li>444</li></ul>css样式ul{ text-align: justify;}li{ display: inline-block; list-style: none;}ul:after { content: ""

2017-04-06 11:58:24 1734

原创 js中 this 的指向

1、纯函数中调用 普通函数直接调用,this指向window对象function foo() { var x = 1; console.log(this, this.x);}foo(); //window, 12、作为对象方法调用,this指向上级对象var foo = function(){ console.log(this, this.x);}va

2017-02-21 22:09:04 252

原创 webpack

一、准备工作 1、下载、安装node nodejs.cn 在这里,可以安装一个淘宝镜像,方便之后要安装的东西,提升速度 安装之后,以下所有npm的命令改为cnpm即可$ npm install cnpm -g --registry=https://registry.npm.taobao.org2、 用npms生成 package.json$ npm init3、安装webpack$

2017-02-14 17:32:04 465

转载 获取url参数

想要获取url的参数,只要记住:url的参数是存在window.location.search中的,然后再根据参数的个数等特点用不同的方式截取,或者匹配即可。 方法一:正则法function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = wind

2017-02-09 17:02:48 320

转载 数组去重

1:Array.prototype.fun1 = function(){ var arr = []; //一个新的临时数组 for(var i = 0; i < this.length; i++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组,那么跳过, //否则把当前项push到临时数组里面 if (arr.indexOf(thi

2017-02-09 16:53:08 170

原创 正则表达式

修饰符用于执行区分大小写和全局匹配:i 忽略大小写g 全局匹配var patt = new RegExp(/x/i/g); 方括号用于查找某个范围内的字符:[…] 查找方括号之间的任何字符[^…] 查找不在方括号之间的字符[0-9] 查找0至9的数字[a-z] 查找a-z的小写字符[A-Z] 查找A-Z的大写字符[A-z] 查找A-z的字符(…|…) 查找任何指定的选项var

2017-02-09 14:34:08 236

原创 replace第二个参数为函数的情况

var str = "abcdefg";str.replace("c", function(a,b,c,d){ return "zzz"; });//a: "C"//b: 2//c: "abcdefg"//d: undefined// str "abzzzdefg"函数return的内容(非字符串会被强制转为字符串)将替换掉匹配的字符串,若不返回,则替换为“undefine

2017-02-08 11:31:30 432

原创 linux常用命令

● 连接 ssh -p 端口号 IP● 返回上一级目录 cd .. ● 返回根目录 cd / ● 显示工作路径 pwd● 显示隐藏文件 ls -a ● 查看当前目录下的文件(仅显示名字) ls ● 查看当前目录下的文件 ll● 创建目录 mkdir 目录名 ● 删除目录 rmdir 目

2016-11-23 16:48:17 222

原创 const、 let 和var的区别

1. const 和 let 具有块级作用域 外层作用域无法读取内层作用域的变量for(let i=0; i<3; i++){ //do something···}console.log(i); //--------VM1020:4 Uncaught ReferenceError: i is not defined(…)2. const 和 let 不会进行声明提升 只

2016-11-18 14:24:50 4673

转载 文件上传

感谢原作者:http://blog.csdn.net/ning0_o/article/details/522308271、form提交 2、ajax提交 //点击确认,提交 var formData = new FormData(); fo

2016-08-29 09:30:19 408

原创 WEB存储

h5提供了两种在客户端存储数据的方法1、localStorage : 没有时间限制的数据存储2、sessionStorage: 针对于一个session的数据存储(关闭浏览器,刷新页面前均有效)//存入var localStorage.name = "jack";var sessionStorage.name = "jack";//读取var name = localStora

2016-08-22 22:03:24 253

转载 html中offsetTop、clientTop、scrollTop各属性介绍

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offs

2016-08-18 11:34:06 378

原创 documentElement 和 body 的区别

页面具有 DTD,或者说指定了 DOCTYPE 时,使用 document.documentElement。页面不具有 DTD,或者说没有指定了 DOCTYPE,时,使用 document.body。为了兼容,不管有没有 DTD,建议同时用 用两种写法表示。body是DOM对象里的body子节点,即 标签;documentElement 是

2016-08-18 11:27:26 537

原创 去除inline-block元素间距

现象 : 当使用inline-block的时候,元素间会出现4px的间距(在chrome里面 是8px),如下图原因 : 元素间留白间距出现的原因就是标签段之间的空格解决方法一:既然间距是因为标签间的空格造成的,那么消除空格就可以消除间距,但是这一类方法都不符合常规的代码书写习惯,所以不推荐1、 春天夏天秋天冬天2、 春天 夏天

2016-06-20 21:53:37 404

转载 纯html实现下载图片

今天在网上看到一个简单的方式实现图片下载,而不需要任何前后端交互download>下载如上所示,只需要给a标签添加download属性即可同时,只要给download属性添加值,就可以为下载的图片命名download="img">下载要监测当前浏览器是否支持download属性,一行JS代码就可以了,如下:var isSupportDownload

2016-06-17 23:21:37 1059

转载 css display属性详解

CSS display属性用于指定在页面上使用哪种盒模型来渲染指定的元素。通俗来讲就是某个元素在页面中的显示方式none:元素完全从页面中移除。它的所有后代元素同样被移除。文档渲染的过程中就好像在文档树中这个元素不存在一样。inline:显示为内联元素。inline-block:显示为块级内联元素。它可以设置元素的宽度和高度,其它的行为和内联元素相同。block:显示为块级元素。lis

2016-06-17 16:29:50 900

转载 数组去重

去除数组重复项

2016-06-16 22:28:14 249

转载 获取url参数

想要获取url的参数,只要记住:url的参数是存在window.location.search中的,然后再根据参数的个数等特点用不同的方式截取,或者匹配即可。方法一:正则法function getQueryString(name) {   var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');   

2016-06-15 21:17:32 265

原创 html+css 实现文本固定长度,超出显示省略号

——html代码divid="d1">div>——css代码#d1{width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/*兼容性*/  -webkit-text-overflow:ellipsis;}注:关键是给容器指定宽度,并且利用wh

2016-05-23 21:40:31 7148 1

原创 jquery中html()、text()、val()的区别

——html()用于读取和修改元素的HTML标签对应JS中的innerHTML——text()用于读取或修改元素的纯文本内容对应JS中的innerText注:可以读取所有的后代文本,不能使用在表单元素上——val()用于读取或修改元素的value值,只能用于表单元素.val()用在多个元素上时,只读取第一个元素的value值

2016-05-23 21:27:38 267

空空如也

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

TA关注的人

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