baibi4413-优快云博客

转载 js 字符串长度截取

1 <script> 2 function cutstr(str, len) { 3 var temp, 4 icount = 0, 5 patrn = /[^\x00-\xff]/, 6 strre = ""; 7 for (var i = 0; i < str.leng...

2019-05-07 14:49:00 320

转载判断是手机端还是pc端

1 <script type="text/javascript"> 2 if (window.location.toString().indexOf('pref=padindex') != -1) { 3 4 } else { 5 if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) ...

2019-05-07 14:47:00 218

转载 js回到顶部

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <me...

2019-05-07 14:43:00 176

转载 javascript学习7

数组去重 <script type="text/javascript"> window.onload=function(){ var arr=[1,1,2,3,4,3,4,5,5]; for(var i=0;i<arr.length;i++){ for(var j=i...

2017-07-31 16:27:00 136

转载 javascript学习6

定时器 setInterval(函数,毫秒) ------> 重复执行 setTimeout(函数,毫秒); ------> 执行一次 <script type="text/javascript"> window.onload=function(){ var timer=null;...

2017-07-13 12:00:00 148

转载 javascript学习5

%运算符的使用 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/...

2017-07-10 20:52:00 114

转载 javascript学习4

函数传参重用代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascrip...

2017-07-08 09:50:00 114

转载 javascript学习3

javascript数据类型、函数传参 javascript语言核心:ECMAScript 定义js的语法：基本对象、数据类型 js的数据类型 typeof运算符判断数据类型字符串、数字、布尔、函数、对象（obj、[]、{}、null）、未定义(undefined)、数组、null... 数据类型使用原则：一个变量只存放一种类型数据　　 ...

2017-07-05 16:23:00 101

转载 javascript学习2

希望把某个元素移除你的视线： display:none; 显示为无 visibility:hidden; 隐藏 width 或者 height 透明度 left或者top 拿一个白色DIV盖住它 margin负值 ...... 事件：鼠标事件、键盘事件、系统事件、表单事件、自定义事件…… onclick onmouseover onmous...

2017-07-02 23:21:00 181

转载兼容性

css常见问题 H5标签兼容（IE6下的问题）。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/...

2017-06-30 17:32:00 137

转载定位

relative相对定位/定位偏移量 position:relative;相对定位不影响元素本身的特征不使元素脱离文档流(元素移动之后原始位置会被保留) 如果没有定位偏移量，对元素本身没有任何影响提升层级定位元素位置控制 top | right | bottom | left 定位元素偏移量 absolute绝对定位/定位层...

2017-06-30 10:38:00 135

转载 float/文档流

2017-06-29 23:12:00 178

转载 line-height

line-height 　　行高文字在一行里面所占用的位置，当行高的值与容器高度一致时，文字会垂直居中显示。　　多行文字测量行高的方法：　　　　1）确认文字大小。　　　　2）确认两行文字之间的空隙大小。　　　　3）空隙大小除以2，得出来的值就是每行文字的上下的空隙大小。　　　　　　3.1）当行高为基数时，那么文字的上方要比下方少一个像素。　　　　　　3....

2017-06-29 10:33:00 121

转载 javascript学习1

2017-06-26 12:02:00 107

转载正则表达式

*什么是正则表达式正则表达式是对字符串操作的一种逻辑公式，就是用实现定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。 *使用正则表达式的目的　　给定的字符串是否符合正则表达式的过滤逻辑(称作"匹配"); 可以通过正则表达式，从字符串中获取我们想要的特定部分。 *正则表达式的特...

2017-06-25 22:17:00 121

转载刷新当前页面

2017-06-23 16:29:00 155

转载回车提交表单

2017-06-23 16:24:00 109

转载原生dialog

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Auth...

2017-06-23 16:18:00 131

转载 chrome表单自动填充去掉input黄色背景解决方案

chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式:　 input:-webkit-autofill { 　　　　background-color: #FAFFBD; 　　　　background-image: none; 　　　...

2017-06-23 10:02:00 129

转载 img 标签下多余空白的解决方法

在浏览器中，图片默认的vertical-align是baseline。那么，我们该如何去掉这多余的空白呢？ 1）将图片转换为块级　　img{display:block;} 2) 设置图片的垂直对齐方式　　img{ vertical-align:top} 3) 设置父级的文字大小为0px 　　font-size:0; 4) 设置父级的属性　　overflow:hidd...

2017-06-23 09:59:00 257

转载文字不透明，背景透明

<div class="box">文字不透明，背景透明</div> <style> 　　*{ 　　　　padding:0; 　　　　margin:0; 　　} 　　.box{ 　　　　background:rgba(255,0,0,0.5); 　　　　filter:progid:DXImageTransform.Microsof...

2017-06-22 15:51:00 122

转载兼容各种浏览器的透明层效果

filter: alpha(opacity=60); opacity: .6; -moz-opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60) ; 转载...

2017-06-22 15:49:00 92

转载清除浮动 -- 具有兼容性

作用于浮动元素的父元素 .clearfix:after{ 　　content:"."; 　　display: block; 　　height:0; 　　visibility: hidden; 　　clear:both; 　　overflow:hidden; } .clearfix{ 　　*zoom:1; /*兼容低版本IE*/ } 转载于:http...

2017-06-22 15:37:00 149

转载 border:none;和border:0;的区别

一、是理论上的性能差异　　【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。　　【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。 ...

2017-06-22 09:38:00 173

转载 input输入框与元素间有间隙

<div class="container"> 　　<button>1</button> 　　<button>2</button> 　　<button>3</button> </div> 解决方法1: <div class="container"> 　　...

2017-06-22 09:37:00 1043

转载显示3行，还要省略号(这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器)...

div{ overflow : hidden; 　　text-overflow: ellipsis; 　　display: -webkit-box; 　　-webkit-line-clamp: 3; 　　-webkit-box-orient: vertical; } 转载于:https://www.cnblogs.com/web-Knowledge/p...

2017-06-21 17:43:00 148

转载 input file 修改按钮名称

解决方法：　　1)页面上放个隐藏的<input type=“file” /> 　　2)然后加上一个文本input（type="text"）和一个按钮input（type="button"）　　3)点按钮的时候调用<input type=file />的click选择文件　　4)在<input type=file />的onchange事件...

2017-06-21 17:41:00 1073

转载文本溢出处理

网页设计时经常发生文本内容超出容器范围的问题，在内容较多时多采用分页效果，在内容较少时则采用一些普通的文本溢出处理。常见的文本溢出处理方式有： 1.简单裁切 2.简单隐藏 3.隐藏并显示省略号 4.使用滚动条　div.hide{ 　　　　overflow:hidden; /*简单隐藏*/ 　　} 　　div.s...

2017-06-21 17:39:00 240

转载移动WEB前端开发资源的一些素材

meta篇： <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/> <meta name="format-detection" content="telephone=no"/> <meta name="format-detect...

2017-06-21 17:33:00 160