常用的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 Excel操作知识点
Apr 24 Javascript
基于jquery的一个简单的脚本验证插件
Apr 05 Javascript
javascript中关于break,continue的特殊用法与介绍
May 24 Javascript
常用一些Javascript判断函数
Aug 14 Javascript
jquery处理json对象
Nov 03 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
Aug 28 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 Javascript
Angular2关于@angular/cli默认端口号配置的问题
Jul 15 Javascript
js前端导出Excel的方法
Nov 01 Javascript
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
浏览器JavaScript调试功能无法使用解决方案
Sep 18 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
php图片加水印原理(超简单的实例代码)
2013/01/18 PHP
php中如何防止表单的重复提交
2013/08/02 PHP
zf框架db类的分页示例分享
2014/03/14 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
jQueryUI如何自定义组件实现代码
2010/11/14 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
JS操作XML实例总结(加载与解析XML文件、字符串)
2015/12/08 Javascript
BootStrap实现带关闭按钮功能
2017/02/15 Javascript
js正则表达式验证密码强度【推荐】
2017/03/03 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
AngularJS中重新加载当前路由页面的方法
2018/03/09 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
2020/05/07 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
2020/10/12 Javascript
[01:04:22]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 IG vs EG
2018/04/01 DOTA
Python yield 小结和实例
2014/04/25 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
Python迷宫生成和迷宫破解算法实例
2019/12/24 Python
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
美国亚马逊旗下时尚女装网店:SHOPBOP(支持中文)
2020/10/17 全球购物
vue路由实现登录拦截
2021/03/24 Vue.js
高中生学习生活的自我评价
2013/11/27 职场文书
清洁工表扬信
2014/01/08 职场文书
大学生职业生涯规划范文——找准自我,定位人生
2014/01/23 职场文书
银行简历自我评价
2014/02/11 职场文书
教书育人演讲稿
2014/09/11 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
城管年度个人总结
2015/02/28 职场文书
六一活动主持词
2015/06/30 职场文书
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸