自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等

一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(...

2018-12-19 19:35:00 138

转载 数组去重的几种方法

var arr = [1,3,4,7,4,3,6,12,45,33];1、数组的当前项和下一项比较,如果两者相同,删除其一arr.sort();for(var i=0;i<arr.length;i++){ if(arr[i] == arr[i+1]){ arr.splice(i,1) i-- }}...

2017-12-15 16:25:00 137

转载 js判断一个字符串是否是回文字符串

回文字符串:即字符串从前往后读和从后往前读字符顺序是一致的。如:字符串abccba,从前往后读是a-b-c-c-b-a;从后往前读也是a-b-c-c-b-a方法一function palindRome(str){ var len = str.length; var str1 = ""; for(var i=len-1; i>=0;i--...

2017-11-23 23:30:00 3886

转载 取出字符串中的所有数字

方法一、遍历字符串并判断function getNum(str){ var ary = []; var tem = ""; for(var i=0;i<str.length;i++){ if(str.charAt(i) >= "0" && str.charAt(i) <= "9"){ ...

2017-11-22 22:17:00 2076

转载 js将手机号中间四位变成*号

方法一、利用数组splice,split,join方法var tel = 18810399133;tel = "" + tel;var ary = tel.split("");ary.splice(3,4,"****");var tel1=ary.join("");console.log(tel1);方法二、利用字符串的substr方法var ...

2017-11-22 15:45:00 61

转载 微信小程序电商实战(-)商城首页

首先在app.json中配置页面和底部tabbar{ "pages":[ "pages/index/index", "pages/kind/kind", "pages/car/car", "pages/my/my" ], "window":{ "backg...

2017-11-18 16:29:00 1200

转载 js中字节B转化成KB,MB,GB

1 function change(limit){ 2 var size = ""; 3 if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B 4 size = limit.toFixed(2) + "B" 5 }else if(limit ...

2017-11-18 16:04:00 481

转载 尺寸不固定的图片在div中垂直居中并完全显示

前几天做一个项目,需要批量上传图片,图片外侧div尺寸固定;由于图片是用户输入的,所以大小存在不确定性,产品需求是无论图片尺寸多大,都要垂直居中完全显示废话不多说,直接上代码html  <ul> <li> <img src="pics/1.jpg" alt=""/> ...

2016-12-23 13:52:00 142

转载 表单验证失败边框变红色

if($("#name").val() == ""){  myFocus($("#name"));}else{  myBlur($("#name"));} /*验证输入框内容*/ function myFocus(ele){ ele.css("borderColor", '#db2029'); } function m...

2016-11-29 13:27:00 2629

转载 移动端适配问题

<script> var scale = 1 / window.devicePixelRatio; document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';/*设计图为750px,元素宽度为设计图宽度/100,...

2016-06-30 00:29:00 78

转载 360浏览器兼容模式默认显示ie最高版本

之前写完代码都会放在360浏览器里跑一边,基本没啥问题,因为设置的都是极速模式,极速模式内置的是webkit内核,后来测试人员测试了兼容模式,发现会出各种问题,打开控制台一看,“我的天呐”,默认的竟然是ie7,本人从事前端以来就没调过ie7的兼容性,这可如何是好,后来同事给了一段代码,可以把默认版本改成ie最高版本,<meta http-equiv="X-UA-Compat...

2016-05-20 11:04:00 170

转载 sass中中文注释报错

最近项目中用到了sass来编译css,但是scss代码中写了中文注释后编译报错,经过查找文档和资料,终于找到了解决办法,即在scss文件顶部加上@charset "utf-8";这句代码就ok了。转载于:https://www.cnblogs.com/chengkun101/p/5500633.html...

2016-05-17 10:40:00 145

转载 深度讲解VIEWPORT和PX是什么?移动端单位px,em,rem

  刚开始接触移动页面重构,是不是很迷惑应该按照多大的尺寸制作?320、640还是720?按照640的设计稿重构完页面,是不是还需要写其他尺寸来适配不同的屏幕大小?——这源于对viewport和px的不了解。  已经重构了好多移动页面,但是对为什么要按照640的大小来设计页面,不清楚答案。给元素赋予固定的像素值,但是奇怪的是在不同的手机里看起来都差不多大小,不需要另外去适配,真是太...

2016-05-05 13:27:00 188

转载 多行文本溢出显示省略号

单行文本显示省略号overflow : hidden;text-overflow: ellipsis;white-space: nowrap多行文本显示省略号overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-web...

2016-04-14 20:19:00 52

转载 qq客服代码

http://shang.qq.com/v3/widget.html<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=525124818&site=qq&menu=yes">  <img border="0" src="http://wpa.qq.com/pa?p=2...

2016-04-05 21:10:00 100

转载 安卓系统隐藏滚动条

在有些开发项目中会遇到这样的情况:在有限的区域里面显示全部文字,超出部分会隐藏但是可以上下滚动去查看其余的内容,用的是overflow:auto这个css来操作,在ios里面右边的滚动条它是不会显示,只有你在滑动的时候才显示,这些符合auto的意义,可是在安卓里面就不一定是这样的,有些手机即使不滑动滚动条都是存在的,为了ios和安卓统一该怎么实现这个效果呢? 其实很...

2016-03-30 14:44:00 215

转载 各种正则表达式

//对电子邮件的验证 var reg1 = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; //对手机的验证 var reg2 = /^(13[0-9]|147|15[012356789]|17[678]|18[0256789])...

2016-03-23 13:44:00 53

转载 jquery 失去焦点时输入框为空时自动填写默认内容

1 $("#address").focus(function () { // 地址框获得鼠标焦点 2 var txt_value = $(this).val(); // 得到当前文本框的值 3 if (txt_value == "请输入邮箱地址") { 4 $(this).val(""); // 如果符合条件,则清空文本框内容 5 ...

2016-02-29 18:41:00 384

转载 移动端左右滑动代码

    //左右滑动切换 var nStartY; var nStartX; var nChangY; var nChangX; document.getElementsByTagName('body')[0].addEventListener('touchstart',function(e){...

2016-02-25 14:41:00 287

转载 移动端rem处理字体的js代码

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { ...

2016-01-28 14:03:00 152

转载 js获取手机联网状态

window.addEventListener("offline", function() { alert('offline')}, false);window.addEventListener("online", function() { alert('online')}, false);转载于:https://www.cnblo...

2015-12-11 10:22:00 399

转载 js对汉字首字母排序

var city = ["北京","天津","上海","重庆","杭州"];city.sort(function compareFunction(a,b){ return a.localeCompare(b); });console.log(city); ==>["北京", "重庆", "杭州", "上海", "天津"] ...

2015-11-03 18:38:00 341

转载 jquery Ajax的load、post、get、put、delete的用法

1、load()  load()方法是jquery中最简单和常用的Ajax方法,能载入远程html代码并插入到DOM中,结构为load( url [, data] [, callback]); 参数名称   类型  说明   url String  请求HTML页面的url地址data(可选) ...

2015-09-19 18:19:00 219

转载 移动端重置浏览器默认样式代码

字体单位:rem@charset "utf-8";/* *create by chengkun 19/9/2015. *version 1.0. *Reset the browser default style.*//* 设置盒模型样式 */* { box-sizing: border-box;}article, a...

2015-09-19 17:44:00 173

转载 jquery中的cookie操作

使用前在页面中引入下面的代码/*! * jQuery Cookie Plugin v1.4.1 * https://github.com/carhartl/jquery-cookie * * Copyright 2006, 2014 Klaus Hartl * Released under the MIT license */(function (fa...

2015-09-19 16:12:00 79

转载 js中的cookie操作

一、js cookie 使用时把此段代码引入页面(function (factory) { if (typeof define === 'function' && define.amd) { define(factory); } else if (typeof exports === 'object') { ...

2015-09-19 15:31:00 100

转载 JS转换时间戳为“刚刚”、“1分钟前”、“2小时前”“1天前”等格式

var minute = 1000 * 60;var hour = minute *60;var day = hour *24;var week = day * 7;var month = day * 30;function getTimer(stringTime){ var time1 = new Date().getTime();//当前的时间戳...

2015-08-04 18:18:00 377

转载 li排序的两种方法

1、一般做法<!DOCTYPE html><html><head><meta charset="utf-8"><title>li的排序(call)</title><meta name="" content="" /></head><body>...

2015-07-14 10:45:00 689

转载 js刷新页面和跳转

javascript返回上一页:1、返回上一页 history.go(-1); 返回上两个页面 history.go(-2);<a href="javascript:history.go(-1);">上一页</a>2、history.back().3、window.history.forward() 返回下一页4、window.history....

2015-07-10 17:18:00 89

转载 input 中的enabled与disabled属性

<style type="text/css"> *{ padding: 0; margin: 0; list-style-type: none; box-sizing:border-box; } body{...

2015-07-06 18:15:00 2021

转载 媒体查询的用法

@media all and (min-width:840px) //所有最小水平屏幕宽度为800像素的屏幕应用规则@media (min-width:800px) //简写方式,同上@media (min-width:800px) and (max-width:1200px) //所有介于800px和1200px之间的屏幕应用规则...

2015-07-05 22:32:00 123

转载 阻止滑动

做移动端项目的时候经常会遇到这样一个问题:点击某个元素,会弹出一个窗口,但是下面的内容还能滑动,为了增加用户体验,通常会在窗口弹出的时候阻止下面内容滑动,窗口消失后再恢复滑动:代码如下:<div class="content"> <div class="tanchuang"> ...... </div...

2015-07-02 17:27:00 59

转载 跨域的几种方式

一、什么是跨域由于浏览器同源策略,凡是发送请求的url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域;我们先回顾一下域名地址的组成:http://www.google:8080/ script/jquery.js     http://(协议号) www (子域名) goog...

2015-07-01 15:12:00 58

转载 jQuery滚动条回到顶部或指定位置

jQuery滚动条回到顶部或指定位置在很多网站,为了增强用户体验,我们会看到回到顶部的按钮,不用手动拖拽滚动条就能回到顶部,非常方便。下面就介绍用jquery实现的滚动到顶部的代码$(function(){ //点击id为go_top的元素时网页回到顶部 $("#go_top").click(function(){ $(’...

2015-06-19 11:15:00 177

转载 获取屏幕高度、宽度

iPhone 4s:320*372iphone 5:320*458iphone 6:375*557iphone 6plus:414*626华为X2:480*624酷派大神 f2:360*518小米3:360*522小米4:360*531jQuery 获取屏幕高度、宽度做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。al...

2015-06-18 15:16:00 126

转载 js判断手机系统和微信

//判断手机浏览器var ua = navigator.userAgent;var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),isAndroid = ua.match(/(Android)\s+([\d.]+)...

2015-06-10 16:54:00 129

转载 js获取url中的参数

function GetQueryString(name){  var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");  var r = window.location.search.substr(1).match(reg);  if (r!=null) return unescape(r[2]); re...

2015-05-26 17:50:00 53

转载 css3内容溢出属性

overflow是css2.0的属性,css3中新增了overflow-x和overflow-y属性。overflow-x主要是用来定义对水平方向内容溢出的剪切,而overflow-y主要是用来定义垂直方向的内容溢出的剪切。overflow-x/overflow-y:visible | hidden | scroll | auto | no-display | no-conten...

2015-03-17 18:16:00 189

转载 css盒模型

css有种基础实际模式叫盒模型,定义了web页面中的元素是如何看做盒子来解析的。1、css盒模型简介  在css中主要有以下几种盒模型:inline、inline-block,block、table、absolute position、float。  浏览器把每个元素看做一个盒模型,每个盒模型是由以下几个属性组合所决定的:display、position、float、widt...

2015-03-17 17:52:00 120

转载 css3学习笔记

1、rgba、透明度  众所周知,当给元素背景设置透明度时,元素内部的内容会继承外部元素的透明度属性,与咱们原本意愿不符,而rgba颜色模式就是未解决这个问题而生的  background:rgba(0,0,0,.3);前三个数值对应的是r(red),g(green),b(blue)构成颜色的三要素;第四个数值是透明度(Alpha;0代表透明,1代表不透明)  rgba可以用...

2015-03-17 11:43:00 33

空空如也

空空如也

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

TA关注的人

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