阿聪世家-CSDN博客

原创 button css

html,body,.checkbox,.checkbox .inner,.checkbox .inner .toggle { height: 100%; display: flex; align-items: center; justify-content: center;}.checkbox { width: 10em; heigh...

2018-05-28 16:19:58 578

原创 sea css

html, body { height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(antiquewhite, navajowhite);}.sea { width: 300px; heig...

2018-05-28 16:03:31 309

原创 battery css

html, body { height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(to bottom, teal, aqua);}.battery { width: 6em; height...

2018-05-28 15:46:31 393

原创页面跳转，返回

(function(win){ var TabBarPlug=function(options){ this.barTitle='DEMOBAR'; } TabBarPlug.prototype={ //获取浏览过的地址 getSessionUrl: function(){ return JSON.parse(sessionStorage.getItem('historyU...

2018-04-26 15:15:51 509

原创 ie9 placeholder

function placeholder(pcolor) { var nodes = document.querySelectorAll('[placeholder]'); if(nodes.length){ console.log(nodes) for(let i=0;i<nodes.length;i++) {

2018-01-31 14:08:18 303

原创欢迎使用CSDN-markdown编辑器

//用户名正则，4到16位（字母，数字，下划线，减号）var uPattern = /^[a-zA-Z0-9_-]{4,16}$/;//输出 trueconsole.log(uPattern.test("iFat3"));//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符var pPattern = /^.*(?=.{6,})(?=.*\d)(?=.*[A

2017-05-18 13:55:36 318

原创代码片段 URL

function directRightUrl () { let paths = window.location.href.split('#') paths[1] = paths[1] || '/' // 老式的#!分隔跳转 if (paths[0].charAt(paths[0].length - 1) !== '?') { paths[0] = `${paths[0]}

2017-03-25 10:50:01 504

转载微信浏览器缓存

1、解决方案是在调试阶段或者频繁更新的页面加入以下头信息 2、更新文件的时候，在引用css，js等文件的语句上加上一个版本号，就能有效防止浏览器一直使用缓存中的css，js 3、防止页面被缓存的方法，在URL后面添加随机参数，这样每次访问的都是不同的连接window.location='xxx.html?_r='+Math.random();

2017-03-17 13:53:14 512

原创身份证验证

/** 功能：验证身份证是否可用，如果可用，则提取生日、性别等信息* 参数：传入一个字符串(建议不要采用数字，18位的数字会有精确度问题)* 返回：包含基本信息的对象* 作者：HTML5学堂 http://www.h5course.com*/function regIDAllInf(str){ var str = str; var reg = /^[1-9]\d{5}[

2017-01-11 13:58:49 414

原创 AJAX 封装

$(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据，数组存储，如：{"date": new Date().getTime(), "state": 1} * async 默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。 * 注意，同步请求将

2016-12-05 10:24:20 425

原创数组排序

//交换方法 function swap(items, firstIndex, secondIndex){ var temp = items[firstIndex]; items[firstIndex] = items[secondIndex]; items[secondIndex] = temp; } //正序正向冒泡 function bubbleSort

2016-11-22 10:14:48 304

原创关于 js THIS

// var name = "The Window";　　var object = {　　　　 name: "My Object", getNameFunc: function() {　　　　　　 return function() {　　　　　　　　 return this.name;　　　　　　 };　　　　

2016-10-21 10:02:22 401

原创数组去重

// （一维数组）var arr = [2,3,4,2,3,5,6,4,3,2];var unique = function(arr) { var result = []; arr.forEach(function(item){ if(result.indexOf(item) < 0){ result.push(item);

2016-10-19 10:36:13 355

原创身份证算生日

function get_baseinfo(){ var usercode = document.querySelector('#usercode').value; if(usercode=='' || usercode.length != 18){ alert('请输入18位正确身份证号'); return fal

2016-10-11 11:32:16 454

原创 jquery 滚动条滚动到底部

$(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if(scrollTop

2016-10-10 17:16:50 1020

原创 JS 操作浏览器的参数

function getQueStr(url, ref) //取获参数值{ var str = url.substr(url.indexOf('?') + 1); if (str.indexOf('&') != -1) { var arr = str.split('&'); for (i in arr) { if (arr[

2016-08-01 19:10:54 916

原创在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据

在使用JS编程中，有时需要在一个方法返回两个个或两个以上的数据，用下面的几种方法都可以实现：1 使用数组的方式，如下： JS函数返回多个值--oec2003 function getData(){ var names=new Array("oec2003","oec2004"); return names;}function get

2016-06-29 10:30:44 1907

原创 RequireJS 依赖关系的实例

现在看看RequireJS带来的整洁的特点：下面有个html页面： [html] configuration 最有一个script语句引入了require.js文件，并且在data-main中指定了另一个js文件：config.js，我定义如下：[javascript] require.conf

2016-03-11 10:54:08 2643

原创闭包的深刻理解，解释很详细

闭包虽不是JS的特色功能, 但要理解还真要费那么点工夫.在理解闭包之前, 首先要清楚JS中的作用域只有2种: 全局作用域和方法作用域全局作用域很好理解了, 方法作用域就是指一个 function 形成一个独立的作用域, 而且方法作用域还能够嵌套.与别的语言不同的是: 花括号({})不能形成一个独立的作用域, 例如Java中的作用域.下面我们举例说说作用域var g = 0;fun

2016-03-10 15:12:30 507

原创移动前端自适应解决方案(rem font-size)

var deviceWidth = document.documentElement.clientWidth; if(deviceWidth > 640) { deviceWidth = 640; } document.documentElement.style.fontSize = deviceWidth / 6.4 + '

2016-03-09 14:32:53 3369

原创单选多选按钮的选择

1、改变radio的选择，触发一些效果复制代码代码如下:$("input:radio[name='dialCheckResult']").change(function (){ //拨通alert(“123”);});2、让页面中所有的radio可用。$("input:radio").attr("disabled",false);3、让页面中所有的radio不可用。$

2016-03-08 11:25:46 1568

原创通用样式表

@charset "utf-8";html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,iframe{margin:0;padding:0;}body,input,button,select,textarea,tabl

2016-03-07 09:59:47 432

原创获取url上某个参数的值

function getUrlParam(name) { //获取url上某个参数的值 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) { retur

2016-03-05 17:02:00 559

原创多行文本未知高度垂直居中-

多行文本未知高度垂直居中-by一丝多行文本未知高度垂直居中-by 一丝多行文本未知高度垂直居中-by 一丝多行文本未知高度垂直居中-by 一丝 *{margin:0;padding:0;}.box{ height:200px; width:300px; background:pink; margin:30px auto;}.box

2016-03-04 15:57:06 1133

原创 javascript window.location的用法

设置或获取对象指定的文件名或路径。alert(window.location.pathname)设置或获取整个 URL 为字符串。alert(window.location.href);设置或获取与 URL 关联的端口号码。alert(window.location.port)设置或获取 URL 的协议部分。alert(windo

2016-02-18 09:37:15 747

原创 TAB 切换防刷新

.tabs{ list-style:none; width:400px; height:23px;} .tabs a {display:block; float:left;padding:2px 3px; background:#eff7ff; text-decoration:none; margin-right:2px;} .tabs a.c

2016-02-16 16:31:03 1322

原创获取当前时间。。

function CurentTime() { var now = new Date(); var year = now.getFullYear(); //年 var month = now.getMonth() + 1; //月 var day = now.getDate();

2016-02-16 15:48:44 376

转载返回上一页，返回到最后一页的时候回调

function goBack(){ if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)){ // IE if(history.length > 0){ window.history.go( -

2016-01-28 14:07:09 1131

原创倒计时

function GetRTime(){ var EndTime= new Date('2016/01/28 19:00:00'); var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=Math.fl

2016-01-26 17:16:58 369

原创 josn 数据的遍历

json数据的遍历 $(function () { //$.each(array,fn)对数组arry每个元素调用fn函数进行处理，没有返回值 var arr = { "tom": "汤姆", "jerry": "杰瑞", "lily": "莉莉" }; //json格式的对象(dict)

2015-12-24 15:27:51 535

原创 CSS3 按钮打钩

css: /*打钩 */ .u-icon-radioSB { width: 22px; height: 22px; border-radius: 100%; position: relative; background: #4288E3;

2015-12-22 17:27:57 2389

原创 css3 箭头上下左右

.u-icon-arr { position: absolute; top: 50%; right: 15px; width: 12px; height: 12px; border-style: solid; bor

2015-12-22 17:18:00 3399

原创 CSS3 滑动开关

[class^="u-icon"] { display: inline-block; color: #fff; vertical-align: middle; } /*手机上的切换标签*/ .u-icon-toggle {

2015-12-22 17:16:21 556

原创分页处理 jquery ajax

分页处理 jquery var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化，修改显示条数，修改这里即可 $(function () { InitTable(0); //Load事件，初始化表格数据，页面索引为0（第一页）

2015-12-21 16:21:16 526

转载 MetaHandler.js：移动端适配各种屏幕

JS:!function () { var opt = function() { var ua = navigator.userAgent, android = ua.match(/(Android);?[\s\/]+([\d.]+)?/), ipad = ua.match(/(iPad).*OS\s([\d_]+)/), ipod = ua.m

2015-12-18 15:32:17 2869

转载 CSS3 渐变（Gradients）

线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向径向渐变（Radial Gradients）- 由它们的中心定义从上到下的线性渐变：#grad { background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradi

2015-12-17 10:07:37 598

原创 iframe 自适应高度

2015-12-15 14:49:30 475

转载 JSON转为字符串,字符串转为JSON格式

比如我有两个变量，我要将a转换成字符串，将b转换成JSON对象： var a={"name":"tom","sex":"男","age":"24"}; var b='{"name":"Mike","sex":"女","age":"29"}';在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和pa

2015-12-12 14:36:16 626

转载 UEditor富文本编辑器，轻量，可定制

加载页面： ueditor demo 这里写你的初始化内容 var ue = UE.getEditor('container'); JS调用：通 getContent 和 setContent 方法可以设置和读取编辑器的内容

2015-11-24 10:59:43 1124

翻译 WebViewJavascriptBridge Demo （js与native之间的数据互动）

html { font-family:Helvetica; color:#222; } h1 { color:steelblue; font-size:24px; margin-top:24px; } button { margin:0 3px 10px; font-size:12px; } .logLine { border-bottom:1px solid #ccc; paddin

2015-11-24 10:45:30 752

移动Web前端开发

js插件 scrollto

空空如也