常用的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 相关文章推荐
JavaScript实现select添加option
Jul 03 Javascript
javascript日期格式化方法汇总
Oct 04 Javascript
省市二级联动小案例讲解
Jul 24 Javascript
jQuery中fadein与fadeout方法用法示例
Sep 16 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
element-ui表格数据转换的示例代码
Aug 24 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
Feb 18 jQuery
bootstrap-table formatter 使用vue组件的方法
May 09 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 Javascript
在vue+element ui框架里实现lodash的debounce防抖
Nov 13 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
2020年4月新番动漫目录 官方宣布4月播出的作品一览
2020/03/08 日漫
Protoss兵种对照表
2020/03/14 星际争霸
php include的妙用,实现路径加密
2008/07/29 PHP
php入门学习知识点五 关于php数组的几个基本操作
2011/07/14 PHP
php操作SVN版本服务器类代码
2011/11/27 PHP
PHP中in_array函数使用的问题与解决办法
2016/09/11 PHP
关于图片按比例自适应缩放的js代码
2011/10/30 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
transport.js和jquery冲突问题的解决方法
2015/02/10 Javascript
JavaScript获取并更改input标签name属性的方法
2015/07/02 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
2016/05/17 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
2020/08/04 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
Python version 2.7 required, which was not found in the registry
2014/08/26 Python
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
pygame播放音乐的方法
2015/05/19 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
Django框架创建项目的方法入门教程
2019/11/04 Python
详解python如何引用包package
2020/06/07 Python
Python调用高德API实现批量地址转经纬度并写入表格的功能
2021/01/12 Python
APM Monaco中国官网:来自摩纳哥珠宝品牌
2017/12/27 全球购物
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
数字天堂软件测试面试题
2012/12/23 面试题
个人求职信范文
2014/05/24 职场文书
八一建军节营销活动方案
2014/08/31 职场文书
2014年档案管理工作总结
2014/11/17 职场文书
房屋维修申请报告
2015/05/18 职场文书
运动会通讯稿200字
2015/07/20 职场文书
2015领导干部廉洁自律工作总结
2015/07/23 职场文书
合作协议书格式范本
2016/03/21 职场文书