常用的js方法合集


Posted in Javascript onMarch 10, 2017

数组及对象深拷贝

var arr = [1,'2',{a:1,b:[1,2]}];
function deepCopy(p, c) {

 var c = c || {};


 for (var i in p) {



 if (typeof p[i] === 'object' && p[i] !== null) {
c[i] = (p[i].constructor === Array) ? [] : {};

deepCopy(p[i], c[i]);



 } else {



 
  c[i] = p[i];



 }


 }


 return c;

}
var cArr = deepCopy(arr);
console.log(cArr);

获取地址栏参数

function getUrlParam(){
 var _arr = location.search.substr(1).split('&');
 var _obj = {};
 for (var i = 0; i < _arr.length; i++) {
 _obj[_arr[i].split('=')[0]] = _arr[i].split('=')[1]
 };
 return _obj;
}
console.log(getUrlParam());

修改微信title 兼容ios

function changeWxTitle(text){
 var $body = $('body');
 document.title = text;
 var $iframe = $('<iframe src="/favicon.ico"></iframe>');
 $iframe.on('load',function() {
 setTimeout(function() {
  $iframe.off('load').remove();
 }, 0);
 }).appendTo($body);
}

移动端响应式样式

/* 方法使用后会在 head标签添加一个style标签 并且有.my-resize 和 .no-resize的样式,需要适配屏幕的元素加上.my-resize类名即可,.no-resize是还原已适配的元素
 * window.onload = window.onresize = function(){
 *   pageResize({
 *     width : '320',   //默认宽320px 
 *     height : '504',   //默认高504px
 *   })
 *  }
 */
(function pageResize(opt) {
  var ua = navigator.userAgent,
    wp = ua.match(/Windows Phone ([\d.]+)/),
    android = ua.match(/(Android);?[\s\/]+([\d.]+)?/),
    // 设备宽高初始比例
    dw = document.documentElement.clientWidth,
    dh = document.documentElement.clientHeight,
    ds = dw / dh,
    // 页面宽高初始比例
    opt = opt || {},
    pw = opt.width || 320,
    ph = opt.height || 512,
    ps = pw / ph;
    // 核心代码:页面缩放比例
    var sx = dw/pw,
      sy = dh/ph; 
    var css = '.no-resize { -webkit-transform: scaleY('+sx/sy+');transform: scaleY('+sx/sy+'); }.my-resize { width:'+pw+'px !important;height:'+ph+'px !important;-webkit-transform: scale('+sx+','+sy+');transform: scale('+sx+','+sy+'); -webkit-transform-origin:left top;transform-origin:left top;}',
    head = document.getElementsByTagName('head')[0],
    style = document.createElement('style');
    style.type = 'text/css';
    if(style.styleSheet){
      style.styleSheet.cssText = css;
    }else{
      style.appendChild(document.createTextNode(css));
    }
    head.appendChild(style); 
})()

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JS异常处理的一个想法(sofish)
Mar 14 Javascript
表格奇偶行设置不同颜色的核心JS代码
Dec 24 Javascript
js中的cookie的读写操作示例详解
Apr 17 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
百度地图api如何使用
Aug 03 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
Node.js测试中的Mock文件系统详解
Nov 21 Javascript
AngularJS 防止页面闪烁的方法
Mar 09 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
高性能js数组去重(12种方法,史上最全)
Dec 21 Javascript
js实现碰撞检测
Jan 29 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 #Javascript
JS中利用localStorage防止页面动态添加数据刷新后数据丢失
Mar 10 #Javascript
C#微信小程序服务端获取用户解密信息实例代码
Mar 10 #Javascript
js实现产品缩略图效果
Mar 10 #Javascript
BootStrap注意事项小结(五)表单
Mar 10 #Javascript
微信小程序 弹框和模态框实现代码
Mar 10 #Javascript
BootStrap表单宽度设置方法
Mar 10 #Javascript
You might like
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
php获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
PHP日志LOG类定义与用法示例
2018/09/06 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
jquery动态添加option示例
2013/12/30 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
浅谈 Vue 项目优化的方法
2017/12/16 Javascript
微信小程序实现弹出菜单
2018/07/19 Javascript
vue移动端屏幕适配详解
2019/04/30 Javascript
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
JS数组Reduce方法功能与用法实例详解
2020/04/29 Javascript
js实现轮播图效果 纯js实现图片自动切换
2020/08/09 Javascript
Vue-Ant Design Vue-普通及自定义校验实例
2020/10/24 Javascript
在Django的URLconf中进行函数导入的方法
2015/07/18 Python
python opencv之SURF算法示例
2018/02/24 Python
Python入门必须知道的11个知识点
2018/03/21 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
pytorch之添加BN的实现
2020/01/06 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
荷兰皇家航空公司中国官网:KLM中国
2017/12/13 全球购物
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
中国电子产品批发商/跨境电商/外贸网:Sunsky-online
2020/04/20 全球购物
初中地理教学反思
2014/01/11 职场文书
档案接收函
2014/01/13 职场文书
大家检讨书5000字
2014/02/03 职场文书
法制报告会主持词
2014/04/02 职场文书
中学生家长评语大全
2014/04/16 职场文书
英语通知范文
2015/04/22 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
2015年街道办事处团委工作总结
2015/10/14 职场文书
《观察物体》教学反思
2016/02/17 职场文书
Java字符缓冲流BufferedWriter
2022/04/09 Java/Android