03 2017 档案

生成二维码（jquery.qrcode.min.js插件）
摘要：生成二维码：参看GitHub资源https://github.com/jeromeetienne/jquery-qrcode 直接上代码：（都需要引入jQuery.js 1、引入（jquery.qrcode.min.js）或者引入下边两个文件（jquery.qrcode.js和qrcode.js）） 阅读全文
posted @ 2017-03-31 17:22 红妆满面 阅读(10141) 评论(1) 推荐(0)
迭代方法和归并函数
摘要：1 2 3 4 5 6 7 8 51 52 阅读全文
posted @ 2017-03-07 13:16 红妆满面 阅读(421) 评论(0) 推荐(0)
Date类型 方法
摘要：1 2 3 4 5 6 7 8 86 87 阅读全文
posted @ 2017-03-07 13:14 红妆满面 阅读(282) 评论(0) 推荐(0)
字符串(string)操作的相关方法
摘要：1 2 3 4 5 6 7 8 132 133 阅读全文
posted @ 2017-03-07 13:13 红妆满面 阅读(382) 评论(0) 推荐(0)
css的四种隐藏方式
摘要：1.opacity:0; 只是把元素隐藏起来了 ，但是还是占有布局，所以还是对布局有影响 2.visibility:hidden; 还是只是把元素隐藏了，但是还是占有布局 3.display:none; 不会影响到布局 4.position:absolute;不会影响到布局 （这是什么鬼？用posi 阅读全文
posted @ 2017-03-07 13:12 红妆满面 阅读(514) 评论(0) 推荐(0)
BOM:浏览器对象模型
摘要：一、window对象 1.window.screenLeft :你打开的这个浏览器窗口相对于屏幕的左边位置 2.window.screenTop :你打开的这个浏览器窗口相对于屏幕的上边位置 ps:当浏览器窗口铺满整个屏幕时 这两个值都为0 超出浏览器的可视范围是为负值！ 3.console.log 阅读全文
posted @ 2017-03-07 13:10 红妆满面 阅读(278) 评论(0) 推荐(0)
js改变css样式的三种方法
摘要：共用代码： <div id="div">这是一个盒子</div> var div = document.getElementById("div"); 第一种:用cssText div.style.cssText='width:600px;height:250px;border:1px red sol 阅读全文
posted @ 2017-03-07 13:09 红妆满面 阅读(61365) 评论(1) 推荐(1)
ajax
摘要：http://www.cnblogs.com/luckyXcc/p/5804650.html 阅读全文
posted @ 2017-03-07 12:39 红妆满面 阅读(244) 评论(0) 推荐(0)
前后端交互流程，如何进行交互
摘要：大致分为以下几个部分： （1）前后端都要充分了解项目的需求 （2）接口设计（出接口文档），前后端沟通设计接口，前端需要后台返回什么样的数据（格式），后台需要前端传递什么参数（哪些参数是必须的，哪些参数是可选的，采用get还是post，哪些数据需要前端先进行校验，哪些需要双方都校验）。共同制定出整个程 阅读全文
posted @ 2017-03-07 12:36 红妆满面 阅读(7044) 评论(0) 推荐(0)
link和@import的区别
摘要：页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码： <link rel="stylesheet" rev="styleshe 阅读全文
posted @ 2017-03-07 12:35 红妆满面 阅读(162) 评论(0) 推荐(0)
编写一个参数JavaScript函数parseQueryString，它的用途是把url参数解析为一个对象
摘要：结果： 阅读全文
posted @ 2017-03-07 12:32 红妆满面 阅读(4525) 评论(0) 推荐(0)
Time倒计时
摘要：jQuery： JavaScript： 阅读全文
posted @ 2017-03-07 12:28 红妆满面 阅读(762) 评论(0) 推荐(0)
点击出现黑色背景的解决：-webkit-tap-highlight-color:rgba(0,0,0,0)
摘要：在手机上（iphone）点击按钮的时候，屏幕总会闪动一下，这让页面看起来很不友好也不流畅。解决方案加了一句css就解决了： 原因如下： 在移动端上，有事件监听的元素被点击的时候会被高亮显示，而-webkit-tap-highlight-color属性会在当用户点击iOS的Safari浏览器中的链接或 阅读全文
posted @ 2017-03-07 12:26 红妆满面 阅读(5802) 评论(0) 推荐(0)
移动端兼容性问题解决方案
摘要：1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的，往往会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示 阅读全文
posted @ 2017-03-07 12:18 红妆满面 阅读(686) 评论(0) 推荐(0)
prop()方法和attr()方法以及区别
摘要：prop()方法: prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagN 阅读全文
posted @ 2017-03-07 11:56 红妆满面 阅读(788) 评论(0) 推荐(0)
jquery的attr()方法
摘要：在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^ jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQue 阅读全文
posted @ 2017-03-07 11:55 红妆满面 阅读(7397) 评论(0) 推荐(1)
CSS3 background属性
摘要：background: #00FF00 url(bgimage.gif) no-repeat fixed top; background 简写属性在一个声明中设置所有的背景属性。 可以设置如下属性： background-color：#fff; //规定要使用的背景颜色。 background-po 阅读全文
posted @ 2017-03-07 11:35 红妆满面 阅读(1725) 评论(0) 推荐(0)
JavaScript indexOf() 方法
摘要：定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法 stringObject.indexOf(searchvalue,fromindex) 参数描述searchvalue必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置 阅读全文
posted @ 2017-03-07 10:48 红妆满面 阅读(383) 评论(0) 推荐(0)
一个数组去重的简单实现
摘要：关于indexOf()方法： indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 stringObject.indexOf(searchvalue,fromindex) 该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索 阅读全文
posted @ 2017-03-07 10:46 红妆满面 阅读(24767) 评论(0) 推荐(1)
盒子垂直水平居中
摘要：让一个小盒子（child）在大盒子（parent）中垂直水平都居中 效果图： HTML： CSS： 方法1：父：position: relative;子position: absolute;top: 0;left: 0;bottom: 0;right: 0;（不推荐） 方法2： 父：position 阅读全文
posted @ 2017-03-06 17:16 红妆满面 阅读(516) 评论(0) 推荐(0)
innerHTML,innerText,outHTML,outText区别
摘要：<p> <div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"> <span>这是一个层</span> </div> <p> <input name="innerHTML" value="innerHTML" 阅读全文
posted @ 2017-03-06 15:25 红妆满面 阅读(745) 评论(0) 推荐(0)
浏览器跨域问题
摘要：1)、你写Ajax的是页面一，而请求的是页面二，在页面二里面写header("Access-Control-Allow-Origin：*");即可。//“*”号表示允许任何域向我们的服务端提交请求：//也可以设置指定的域名，如域名 http://www.test2.com ，//那么就允许来自这个域 阅读全文
posted @ 2017-03-06 15:06 红妆满面 阅读(295) 评论(0) 推荐(0)
jquery 对 Json 的各种遍历
摘要：jquery 对 Json 的各种遍历 阅读全文
posted @ 2017-03-06 15:03 红妆满面 阅读(124) 评论(0) 推荐(0)
json和jsonp以及ajax
摘要：简单的说: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递特别快 4、可读性较强 阅读全文
posted @ 2017-03-06 15:02 红妆满面 阅读(155) 评论(0) 推荐(0)
JS截取字符串常用方法详细整理
摘要：函数：split() 功能：使用一个指定的分隔符把一个字符串分割存储到数组 例子： str=”jpg|bmp|gif|ico|png”; arr=theString.split(”|”); //arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组 函数：Join() 阅读全文
posted @ 2017-03-06 14:58 红妆满面 阅读(412) 评论(0) 推荐(0)
关于meta标签的name="viewport" 概述
摘要：一、什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中，也不会破坏没有针对手机浏览器优化的网页的布局，用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器 阅读全文
posted @ 2017-03-06 14:52 红妆满面 阅读(2727) 评论(0) 推荐(0)
百度地图API
摘要：http://lbsyun.baidu.com/apiconsole/key?application=key 按步骤 激活 申请密钥： 善变箭头所指的就是您的密钥 引入HTML文件中即可： http://lbsyun.baidu.com/index.php?title=jspopular http: 阅读全文
posted @ 2017-03-06 14:00 红妆满面 阅读(2344) 评论(0) 推荐(0)
小知识点汇总
摘要：1、xhtml、html与html5的区别 html:超文本标记语言 (Hyper Text Markup Language)xhtml:可扩展超文本标记语言，是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。h5:最先由WHATWG(Web 超文本应用技术工作组)命名的 阅读全文
posted @ 2017-03-06 10:48 红妆满面 阅读(189) 评论(0) 推荐(0)
Swiper使用方法
摘要：1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。 如果你的页面加载了jQuery.js或者zepto.js，你可以选择使用更轻便的swiper.jquery.min.js。 2.HTML内容。 导航等组件可以放在container之外 3.你可能想要给 阅读全文
posted @ 2017-03-06 10:37 红妆满面 阅读(856) 评论(0) 推荐(0)
关于Swiper（概念）
摘要：Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。 主要使用于移动端的网站、移动web apps，native apps和hybrid apps。 主要是为IOS而设计的，同时，在Android、WP8系统也有着良好的用户体验，Swiper从3. 阅读全文
posted @ 2017-03-06 10:31 红妆满面 阅读(467) 评论(0) 推荐(0)
bootstrap到底是用来做什么的（概念）
摘要：Bootstrap官网：http://v3.bootcss.com/ Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。 是一个做网页的框架（目前最流行的WEB前端框架 阅读全文
posted @ 2017-03-06 10:25 红妆满面 阅读(38145) 评论(8) 推荐(2)
sass的使用（载）
摘要：一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关 阅读全文
posted @ 2017-03-06 10:22 红妆满面 阅读(250) 评论(0) 推荐(0)
浏览器跨域处理
只有注册用户登录后才能阅读该文。
posted @ 2017-03-06 10:09 红妆满面 阅读(3) 评论(0) 推荐(0)
HTML5、CSS3等新特性:
摘要：HTML5:1/绘画 canvas 元素;2/用于媒介回放的 video 和 audio 元素;3/本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;4/sessionStorage 的数据在浏览器关闭后自动删除;5/语意化更好的内容元素，比如 article、foote 阅读全文
posted @ 2017-03-06 10:05 红妆满面 阅读(315) 评论(0) 推荐(0)
css3: background-image使用多个背景图像
摘要：CSS3 允许元素使用多个背景图像。 background-image: url(img/ic_ms.png),url(img/icon_dutyfree_invite.png); 效果： 阅读全文
posted @ 2017-03-06 09:32 红妆满面 阅读(1412) 评论(0) 推荐(0)
五大浏览器内核-简介
摘要：一般说的浏览器内核是指浏览器最重要的核心部分，RenderingEngine，翻译成中文大概意思就是“解释引擎”，我们一般称为浏览器内核。由于不同的内核各自有一套自己的渲染网页和解释页面代码的机制，所以就会有一些问题存在。 首先，都有哪些浏览器呢？ 谷歌浏览器：Google Chrome。 火狐浏览 阅读全文
posted @ 2017-03-04 13:05 红妆满面 阅读(25695) 评论(1) 推荐(0)
overflow（超出部分省略号）
摘要：溢出:overflow:visible/hidden/scroll/auto/inherit； visible:默认值、不剪切。hidden:超出部分剪切、没有滚动条。scroll:超出部分有滚动条。auto:自适应，有滚动条。inherit:继承父元素的overflow得值。 空余空间:white 阅读全文
posted @ 2017-03-04 13:03 红妆满面 阅读(9872) 评论(1) 推荐(0)
background-size使用参考指南
摘要：语法：background-size ：[ <length> | <percentage> | auto ]{1,2} | cover | contain相关属性： background-clip | background-origin取值：<length>：由浮点数字和单位标识符组成的长度值，第一 阅读全文
posted @ 2017-03-04 12:59 红妆满面 阅读(401) 评论(0) 推荐(0)
关于颜色（color、background）
摘要：CSS3 HSL colors使用参考指南语法：<length> || <percentage> || <percentage>取值：<length> ：Hue(色调)。 0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其它颜色；<percentage> ：Satura 阅读全文
posted @ 2017-03-04 12:32 红妆满面 阅读(637) 评论(0) 推荐(0)
重置浏览器的默认样式（css reset）
摘要：（1）定义：首先css reset指的是重置浏览器的默认样式 （2）作用：因为现在的浏览器很多，并且每个浏览器都有自己的默认样式，这样就会导致一个页面在多个浏览器下展示产生差异，所以我们需要做一些处理使每个浏览器下展示一致，故需要css reset （3）内容：第一个：*{padding:0;mar 阅读全文
posted @ 2017-03-04 12:30 红妆满面 阅读(868) 评论(0) 推荐(0)
xhtml三种元素类型
摘要：xhtml三种元素类型：块级元素/内联元素/可变元素 块级元素：独占一行、可自定义自己的宽度和高度、作为其他元素的容器，可容纳其他内联元素和块级元素，喻做一个盒子。内联元素：始终以行内逐个显示、不能设置宽高，宽高由内容支撑、可定义padding/margin/border/background。可变 阅读全文
posted @ 2017-03-04 12:28 红妆满面 阅读(1198) 评论(0) 推荐(0)
css hack(部分)
摘要：一、去掉图片间隙：hack1、img{ display：block； }hack2、将<div></div>与<img>写在同一行 二、ie6双倍浮向(双倍边距)出现情况：在浮动和外边距同事出现时会出现双向浮动。hack：给浮动元素添加：-display:inlline； 三、ie6及以下版本，部分 阅读全文
posted @ 2017-03-04 12:26 红妆满面 阅读(141) 评论(0) 推荐(0)
关于position的小总结
摘要：position：relative/absolute/fixed/static ...... relative：相对定位。 脱离标准流，相对自己原来（标准流）的位置定位。absolute：绝对定位。 脱标不占位，相对body定位、子绝父相、......fixed：相对于窗口定位。固定定位。stati 阅读全文
posted @ 2017-03-04 12:23 红妆满面 阅读(223) 评论(0) 推荐(0)
鼠标点击input框后里面的内容就消失
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>鼠标点击input框后里面的内容就消失</title> </head> <body> <input type="text" size="18" value="这是默认的内容" onf 阅读全文
posted @ 2017-03-03 16:33 红妆满面 阅读(4502) 评论(0) 推荐(1)
Photoshop基于参考线的切片
摘要：1、打开PS2、导入一张PSD格式的图片（其他格式图片也可）3、Ctrl+R 显示出标尺 > 然后拉线 （你需要的图片样式）4、找到（切片工具） 5、找到 上方--基于参考线的切片 点击后出现如下格式 6、存储： 找到PS左上方 文件 导出 存储为web所用格式 （快捷键：Ctrl+Alt+shif 阅读全文
posted @ 2017-03-03 16:27 红妆满面 阅读(16038) 评论(0) 推荐(0)
sessionStorage / localStorage
摘要：简单设置和获取sessionStorage： 获取sessionStorage的值： sessionStorage / localStorage setItem存储value用途：将value存储到key字段用法：.setItem( key, value)代码示例： getItem获取value用途 阅读全文
posted @ 2017-03-03 16:15 红妆满面 阅读(563) 评论(0) 推荐(0)
json对象和字符串的相互转换
摘要：在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。JSON.stringify(obj) 将JSON对象转为字符串。JSON.parse(string) 将字符串转为JSON对象格式。 简单栗子： 阅读全文
posted @ 2017-03-03 16:09 红妆满面 阅读(111419) 评论(6) 推荐(5)
知识点
摘要：1、position：fixed；窗口定位的时候（在刷新页面时若未出现、得稍等一会的话，就直接把需要定位的内容写在<html>标签的首部。这样页面加载html的时候首先加载fixed定位的内容。就不会出现延时才会加载的情况。） 2、margin-top为负值可以实现超出。如果被父盒子挡住了就用定位来 阅读全文
posted @ 2017-03-03 15:55 红妆满面 阅读(261) 评论(0) 推荐(0)
html5 的a标签是可以拨电话的，通过其Href属性来实现
摘要：<a href="tel:18700000000">点击给我打电话吧！</a> 注： 1.<a href="tel:18750000000"></a>2.测试是可性的，注意添加了a标签的tel属性后的meta标签的写法为：<meta name="format-detection" content=" 阅读全文
posted @ 2017-03-03 15:16 红妆满面 阅读(2266) 评论(0) 推荐(0)
阿里巴巴矢量图标iconfont的简单使用
摘要：下载-阿里巴巴矢量图标 网站链接：http://www.iconfont.cn/ 首页如下： 首页-进入图标库--所有图标--搜索/点击你想要的图标--添加购物车 点击购物车（下载） 如下图： 点击下载代码--存储 即可！ 找到存储的位置： 解压--将下图选中的文件存储在新建的文件夹中（命名为ico 阅读全文
posted @ 2017-03-03 14:36 红妆满面 阅读(769) 评论(0) 推荐(0)