dilungui5322-CSDN博客

转载 html中 alt 和 title 的区别

alt 用来给图片来提示的（图片载入失败时以文本形式提示）。Title用来给链接文字或普通文字提示的（在鼠标放上去的时候就会提示）。转载于:https://www.cnblogs.com/YYvam1288/p/7249109.html...

2017-07-28 11:02:00 145

转载一些移动端会用到的单位

单位介绍说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vmax、ch和ex等等，那现在对这些单位分别做一下详细的介绍吧。em做前端...

2017-07-28 09:58:00 183

转载使用rem单位的问题——Google下字体很大

rem的看法rem单位确实好处蛮多的，它是相对于根节点，让我们整个网站单位可以统一。还可以让我们的字体更好的自适应网站的大小。但是，你用过了就知道，它会出现一个问题：用Chrome浏览器打开你做的网站的时候，有时候会出现字体很大的情况。但是刷新一下页面就好了。之所以会出现这种情况，原因是因为我们为了计算方便，将原本默认1rem=16px修改1rem=10px。因此，我们在ht...

2017-07-28 09:27:00 247

转载 rem单位怎么使用

rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（fontsizeoftherootelement）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想...

2017-07-27 18:18:00 88

转载 JS获取url地址栏参数

window.onload = function(){ //获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var ...

2017-07-24 17:29:00 59

转载 window.location 对象所包含的属性

window.location 对象所包含的属性属性描述hash从井号 (#) 开始的 URL（锚）host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname当前 URL 的路径部分port当前 URL 的端口号...

2017-07-19 11:10:00 90

转载正则表达式

符号的作用符号描述^ ^在[]内，匹配非。^在[]外，匹配开头。$ 匹配结尾. 匹配任意字符（除了\r\n）| 或\?只匹配字符 ?\.只匹配字符 .\如上在正则里由特殊意义的字符（元字符），如...

2017-07-19 10:45:00 75

转载 currentStyle、getComputedStyle 获取样式

style.height 获取的是行间的样式currentStyle.height、getComputedStyle(elem,null).height获取的是 div 的 content 的宽高，clientHeight 获取的是 content+padding，offsetHeight 获取的是content+padding+border。<script&...

2017-07-12 16:39:00 113

转载垂直居中问题不只有 line-height 可以解决，还有一个哥们叫 margin-top

我们都知道，对于一行文本的垂直居中可以通过设置 height 与 line-height 值相等来实现。那么对于两个嵌套的div ，或者一个div中的多行文本，怎么让被包含的部分实现垂直居中呢？显然，通过 line-height 没法实现。其实，实现原理就是用外层div的高度减去内层 div 的高度，除以2之后，给内层div设置margin-top值就可以了。假如页面上内层d...

2017-07-12 14:15:00 144

转载 IE678下，select 诡异的样式

我没有IE6，我用IE5测试的。IE5下的测试结果：貌似只能设置 width ，设置其他的都失效，连 height 都不例外。IE7下的测试结果：垂直居中失效、边框失效，宽高生效。IE8下的测试结果：垂直居中失效、边框生效、宽高生效。与其他元素不能同行显示。IE910的测试结果：标准浏览器的测试结果：因为样式可以改，所以改成了跟...

2017-07-11 14:34:00 62

转载页面刷新跳转后，导航栏高亮显示跳转前的点击位置

需求：比如有一个二级或三四级的菜单栏，页面不跳转时实现高亮显示是很容易的，网上有很多这样的素材。但是页面一跳转，新页面可就记不住你在上一个页面点击的位置了，也就不可能高亮显示。并且很多时候，跳转后的页面菜单栏是后台动态生成的，也就是菜单栏栏目不固定，那么就不可能给菜单栏高亮效果写死。不知道这个事利用前后台交互去做会不会容易点，但是现在是要用纯前台实现。实现原理一：这时候必须找个...

2017-07-11 10:33:00 787

转载 a标签的 onclick 和 href 哪个先执行？

以下这种写法，onclick 事件先执行， href 属性下的动作后执行（页面跳转或 javascript 伪链接），如果不想执行 href 属性下的动作，onclick 需要返回 false。<a href="https://www.baidu.com/" onclick="doSomething()">链接</a>这种写法我在写侧边导航栏的时...

2017-07-11 09:20:00 117

转载 IE678910不兼容H5的placeholder属性，需要JS解决

两种方法的思路一、使用input的value作为显示文本二、不使用value，添加一个额外的span标签，绝对定位覆盖到input上面。两种方式各有优缺点，方法一占用了input的value属性，表单提交时需要一些额外的判断工作，方法二则使用了多余的标签。placeholder=function(input){ var text=input.getAttri...

2017-07-10 14:08:00 161

转载 IE7不兼容slideDown()

IE7下，使用slideDown()方法，可能出现以下两种问题：一、下拉动画变形，最终定格时正常二、下拉动画正常，最终定格时消失转载于:https://www.cnblogs.com/YYvam1288/p/7145475.html...

2017-07-10 14:00:00 82

转载阻止事件的默认行为，例如click <a>后的跳转~

在W3C中，使用preventDefault()方法；在IE中，使用window.event.returnValue = false。转载于:https://www.cnblogs.com/YYvam1288/p/7144808.html

2017-07-10 11:10:00 113

转载阻止事件冒泡

什么是事件冒泡？事件冒泡的过程：事件从发生的目标开始，沿着文档逐层向上冒泡（传播），到document为止（有些浏览器是window）。这会触发父级元素的事件处理程序~~事件的传播是可以阻止的？在W3C中，使用stopPropagation()方法；在IE下，设置cancelBubble = true。【代码】function stopBubble(...

2017-07-10 10:03:00 63

转载 IE67不兼容display:inline-block，CSS hack解决

追加以下代码：*display:inline、*zoom:1span {display:inline-block; *display:inline; *zoom:1;}块元素变为内联块， IE67不兼容；内联元素变为内联块，所有浏览器都支持发现问题：当然，变为内联块后，有一个特性就是如果元素换行，在页面上元素之间就会有空隙的，空隙大小为一个空格的像素大小。转...

2017-07-05 15:27:00 94

转载 IE678不兼容CSS3 user-select:none（不可复制功能），需要JS解决

【方法一：CSS3实现文本不可复制】.content {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;}/*然而不兼容IE678*/【方法二：JS实现文本不可复制】document.getElementById('').ons...

2017-07-05 14:07:00 140

转载 JS数组常用方法总结

1、给数组添加元素arr.push( value1, value2, ..., valueN );　　 // 末尾添加元素，返回值：新数组长度arr.unshift( value1, value2, ..., valueN );　　// 开头添加元素，返回值：新数组长度2、给数组删除元素arr.pop();　　 // 末尾删除1个元素，返回值：...

2017-06-10 18:09:00 49

转载 json 只能用 for-in 遍历

【JS】var json1 = { 'name' : 'yy' , 'age' : 11 , 'fun' : '前端开发' };for( var attr in json1 ){　　alert( attr + ' : ' + json1[attr] ); 　　// 注意这里访问不能用.访问，也不能加引号，否则就代表访问的是json里面名称为attr的值了} ...

2017-06-10 13:58:00 84

转载 JS字符串常用方法总结

动态方法：1、str.charAt(index); 返回子字符串，index为字符串下标，index取值范围[0,str.length-1]动态方法：2、str.charCodeAt(index); 返回子字符串的unicode编码，index取值范围同上静态方法：3、String.fromCharCode(num1,num2,...,numN); 根据unicode编码返...

2017-06-09 18:27:00 118

转载 jqGrid方法整理

一、colModel 表体结构配置name 　　必要的属性，具有唯一标识性，如在弹出的editform窗体中，将作为input的name属性index 为排序用，最方便的是设为数据库字段width 150，宽度，数值align left,center,rightdetefmt date:trueeditable f...

2016-11-15 09:47:00 168

转载【frame】找上一层

第一种：window.parent第二种：window.top貌似两种都行然后找上一层iframe里面的js函数可以这么写：window.parent.functionName(param1, param2);然后找上一层里面的另一个框架里的html元素的话：window.parent.frames['topFrame'].document.getElementByI...

2016-09-21 14:34:00 136

转载一个简单正则匹配的例子

$(function(){$("#username").bind("keyup",isReg);$("#pwd").bind("keyup",isReg);})function isReg(){var reg=/[^\a-\z\A-\Z0-9\_]/g;var objValue=$(this).val();objValue=objValue.repla...

2016-09-08 16:27:00 71

转载【PHP】 hash加密

之前对密码进行加密是在JS文件里做的，但是不行，改到PHP文件里进行加密比较安全，于是乎……【原JS加密代码】var password = sha256_digest(pwd);后来在网上调查方法，见附，就把php代码改成了下面这个样子，就好用了【PHP】$p = $_POST["password"];$password = hash('sha2...

2016-09-08 16:18:00 103

转载 ajax的serialize()方法

自己看吧，超级简单，就不用挨个获取表单名称和值对装在Json里往php传了，直接传个form就可以。【HTML】<form method="post" id="form1">　　Order: <input type="text" name="order" value="">　　Name: <input type="text" name="...

2016-07-26 10:59:00 135

转载 $.get和$.post实例

get和post用法一样，我只写个$.get的。【HTML】<input type="text" id="myFishName" name="myFishName" value=""><button>btn</button><p>result: <span style="color:red;font-weig...

2016-07-26 10:21:00 78

转载判断表单中是否含有disabled属性

我想判断input里面是否有disabled、或者选中未选中的selected checked 属性时，需要用 prop() 方法，返回的结果是 true 或 false 。attr()这个方法用来设置和获取值。转载于:https://www.cnblogs.com/YYvam1288/p/5523250.html...

2016-05-24 14:13:00 332

转载 Js获取移动设备分辨率

在<head>中引入 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> ，不加这句，移动端都返回980。加上这句，PC和移动端都能正确获取。设备宽度 var diviceWidth = document.documentElemen...

2016-04-19 17:45:00 277

转载【client】与【offset】

上面主要区分了【offset】和【client】开头的各个属性的意义，下面这张图是转载的，又加入了【scroll】开头的，和元素本身的【style】clientWidth 是对象看到的宽度（不含border）scrollWidth 是对象实际内容的宽度（若无padding，那就是边框之间距离，如有padding，就是左padding和右padding之间距离）。offse...

2016-04-19 15:03:00 84

转载隐藏变量

当两个事件之间没法传值的时候，在页面上设置一个全局的<input id="mou" type="text" value="">，把值先放到value里面，等在另一个方法里调用的时候，直接$("#mou").val()；就可以提取出来了　转载于:https://www.cnblogs.com/YYvam1288/p/5396396.html...

2016-04-15 18:11:00 161

转载【input】——数据传入后台

1.复选框 checkbox<label class="checkbox">　　<input type="checkbox" name="c1" value="ck1"/>复选框1</label><label class="checkbox">　　<input type="checkbox" name="c2" v...

2016-04-13 17:53:00 220

转载 JQuery Ajax Options

参数名类型描述typeString请求方式："POST" 或 "GET"（默认）。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。urlString发送请求的地址（默认: 当前页地址）dataObject,String发送到服务器的数据。将自动转换为...

2016-04-08 11:46:00 104

转载 Json的访问

JSON：JavaScript 对象表示法（JavaScriptObjectNotation）写法：名称/值对访问方法：可以通过 data.名称访问，也可以通过 data['名称'] 访问注意：名称加不加引号都可以，但是加引号安全性好一点。可以写成一行：var data = { 'name' : 'yy' , 'age' : 11 };或者：...

2016-04-06 12:11:00 97

转载如何使用rem单位

最近搞移动端，真是被rem、em与px的换算要了老命了，看了不少文档，似乎弄明白了，这不今天用又蒙圈了。好多文档上老是说用rem就给html设置font-size，用em就给body设置font-size看了下bootstrap样式表，html {font-size:62.5%;} body {font-size:14px;}，其他样式略哈，就讲这两个主要的。可惜大姐长了这...

2016-01-12 09:20:00 381

转载 CSS零碎知识点

一、zoom:1　　IE专有属性　　可以设置或检索对象的缩放比例　　触发IE的layout属性　　清除浮动：overflow:hidden;zoom:1;　　但要尽量比较使用这种方法　　zoom:1;可以拯救IE67，阻止margin-top传递到父级　　（触发BFC可以拯救标准浏览器及IE78 ）二、 BFC（block formatting context ...

2015-11-19 21:11:00 68

转载常用布局

1、页面结构——常见文章列表布局：标题+发布日期　　　　<ul>　　　　<li>这里是文章列表标题，我是奇葩的IE浏览器<span style="float:right">2015-07-17</span></li>　　　　<li>这里是文章列表标题2，我是奇葩的IE浏览器<span style="...

2015-11-19 15:46:00 51

转载 HTML标签

1、border　　　　对于同一元素，边框交界处是斜线，如果边框颜色不一样的时候要注意一下，分别设置在两个元素上2、line-height　　每行文字的高度（文字在一行中上下居中）　　那么把字体大小加上两行之间的间距，就是一个行高啦3、font-family:"宋体";4、font:font-weight font-style font-size/line-heigh...

2015-11-17 16:38:00 52

转载 IE浏览器兼容性问题解决方案

一、CSS常见问题1、H5标签兼容性　　解决方案：<script src="http://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>2、元素浮动之后，能设置宽度的话就给元素加宽度，如果需要宽度是内容撑开的，就给它里边的块元素加上浮动float:left;3、第一块元素浮动，...

2015-11-16 15:56:00 207

转载切图技巧——PS篇

1、选框工具这里可以选择增加选区、减少选区　　　　==>　　2、存储为web格式　　　1）JPG：一般用于大图　　2）gif：可作动图，与png-8基本一样，不支持半透明　　3）png-8：不支持动图，不支持半透明　　4）png-24：只有这个，支持半透明调整时可用ctrl加+放大查看3、背景渐变的按钮，上头有文字，选中1px渐变条复制，按ctrl+...

2015-11-16 09:40:00 99

空空如也

空空如也