a97156000-优快云博客

转载苹果手机上input的button按钮颜色显示问题

在苹果手机上的input按钮自带效果，需要加上outline:0px; -webkit-appearance:none; 清除原有样式，同时苹果手机上的input按钮自带圆角需要按需要去掉input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-ap...

2018-09-17 15:42:00 346

转载页面禁止刷新处理Js实现

document.onkeydown = function(e) { e = window.event || e; var k = e.keyCode; //屏蔽ctrl+R，F5键，ctrl+F5键 F3键！验证 if ((e.ctrlKey == true && k == 82)...

2018-09-14 13:25:00 764

转载 JS数据容量单位转换(kb,mb,gb,tb)

JS代码如下：var size = '8164674';function bytesToSize(bytes) { if (bytes === 0) return '0 B'; var k = 1000, // or 1024 sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', ...

2018-09-03 11:50:00 1986

转载 input样式去掉苹果手机的默认样式

/*去掉苹果短的样式*/input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}textarea { -webkit-appearance: none;}转载于:https://ww...

2018-08-20 13:24:00 218

转载设置获取data-*属性值

html代码如下：<div id="getId" data-id="122" data-vice-id="11">获取id</div >需要获取的就是data-id和dtat-vice-id的值一：getAttribute()方法const getId = document.getElementById('getId');...

2018-08-15 10:23:00 1015

转载取消按钮在移动端点击时的背景颜色

一、取消a标签在移动端点击时的蓝色-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;二、使用图片作为a标签的点击按钮时，当触发touchstart的时候，往往会...

2018-08-15 09:57:00 623

转载  非法字符原因以及解决办法

原因：模板文件生成html文件之后会在body开头处加入一个可见的控制符&#65279，导致页面头部会出现一个空白行。原因是页面的编码是UTF-8 + BOM。这种编码方式一般会在windows操作系统中出现，比如WINDOWS自带的记事本等软件，在保存一个以UTF-8编码的文件时，会在文件开始的地方插入三个不可见的字符（0xEF 0xBB 0xBF，即BOM）。它是一串...

2018-08-15 09:23:00 476

转载 JS常用正则表达式验证

一、电话+手机重点是正则表达式：1 var myreg=/^[1][3,4,5,7,8][0-9]{9}$/;表达式的意思是：1--以1为开头；2--第二位可为3,4,5,7,8,中的任意一位；3--最后以0-9的9个整数结尾。 1 // 判断是否为手机号 2 let isPoneAvailable = (pone) => { 3 ...

2018-08-10 16:39:00 137

转载解决IOS把数字渲染为电话号码，颜色为蓝色解决方案

禁止渲染，在头部添加1 <meta name="format-detection" content="telephone=no">转载于:https://www.cnblogs.com/jialinG/p/9450541.html

2018-08-09 17:45:00 222

转载 JS获取URL指定的参数值

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

2018-08-01 14:40:00 176

转载 placeholder属性样式修改(颜色,大小,位置)

1 input::-webkit-input-placeholder{ color:red; } /* WebKit, Blink, Edge */2 input::-moz-placeholder{ color:red; } /* Mozilla Firefox 19+ */3 input:-moz-placeholder{ color:red;...

2018-07-30 16:20:00 353

转载 CSS——小三角带边框带阴影

乍一看，很简单，做小三角，首先想到的是利用border的transparent特性，可以制作出小三角的效果。但是注意，这个小三角本身就是边框制作出来的。怎么能在小三角的外边再加一层小边框呢。那就必须再叠加一层一样的东西，让两者有1px的错位。问题就解决了。不想在页面添加多余的无意义的标签，还想实现这个效果。首先想到的就是用元素的伪类来实现。首先想到的是给小三角加一个box-sh...

2018-07-30 12:35:00 148

转载 HTML+JS中网页跳转的写法

1、html中使用meta中跳转，通过meta可以设置跳转时间和页面<head>  <meta http-equiv="refresh" content="5">  <meta http-equiv="refresh...

2018-07-27 14:34:00 622

转载判断是否是移动设备

通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。/*** 判断是否是pc设备*/function IsPC() {var userAgentInfo = navigator.userAgent;var Agents = ["Android", "iPhone","SymbianOS"...

2018-07-27 14:19:00 201

转载 JS中包含6种错误类型

1、SyntaxError（语法错误）解析代码时发生的语法错误eg:var 1a;　　Uncaught SyntaxError: Unexpected number2、ReferenceError（引用错误）a.引用了一个不存在的变量eg: console.log(a);　　Uncaught ReferenceError: a is not define...

2017-11-28 11:49:00 218

转载 webstorm主题更换和webstorm汉化

主题更换方式一主题类型：*.jar在webstorm程序中选择：菜单栏 File -> Setting ->Import Settings 选中下载的.jar文件主题更换方式二主题类型：*.icls将主题包放入下列目录 C:\Users\Administrator\.WebStorm2016.3\config\colors目录即可，然...

2017-11-23 13:24:00 375

转载 git学习

1、git是通过维护3棵树实现版本控制三棵树分别是工作区域、暂存区域、git仓库2、git的工作流程回到过去命令版本对比修改最后一次提交、删除文件和重命名文件转载于:https://www.cnblogs.com/jialinG/p/7883756.html...

2017-11-23 10:59:00 99

转载 git命令

一、 Git 命令初识在正式介绍Git命令之前，先介绍一下Git 的基本命令和操作，对Git命令有一个总体的认识示例：从Git 版本库的初始化，通常有两种方式：1）git clone这是一种较为简单的初始化方式，当你已经有一个远程的Git版本库，只需要在本地克隆一份例如：git clone git://github.com/someone/some_project...

2017-11-22 18:26:00 86

转载父页面和iframe之间的通信（操作和传值问题）

一、jq实现iframe父页面与子页面传值与方法调用1、值操作（1）父页面获取子页面的值　　$('iframe的id').contents().find(子页面的id).text();（2）子页面获取父页面的值　　$("父页面id",window.parent.document).html();2、方法操作（1）父页面调用子页面的...

2017-11-22 17:59:00 470

转载文本跟随鼠标并且显示x轴和y轴位置

一、文本跟随鼠标并且显示x轴和y轴位置代码如下：window.onload=function(){ var mydiv = document.createElement("div"); mydiv.setAttribute("id","hint"); mydiv.style.position="absolute"; ...

2017-11-22 17:47:00 328

转载 js点击获取—通过JS获取图片的绝对对坐标位置

一、通过JS获取鼠标点击时图片的相对坐标位置源代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="te...

2017-11-17 17:51:00 1692

转载 js点击获取—通过JS获取图片的相对坐标位置

一、通过JS获取鼠标点击时图片的相对坐标位置源代码如下所示： 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>通过JS获取图片的相对坐标位置</title&g...

2017-11-17 15:27:00 3155

转载 Webstorm软件快捷键

默认配置-Eclipse的常用快捷键对照表查找/代替Webstorm快捷键Eclipse快捷键说明ctrl+shift+Nctrl+shift+R通过文件名快速查找工程内的文件（必记）ctrl+shift+alt+Nctrl+shift+alt+N通过一个字符快速查找位置（必记）ctrl+Fctrl...

2017-11-03 13:54:00 79

a97156000的博客