常用的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 Excel读取和写入操作(模板操作)实现代码
Apr 11 Javascript
Javascript 设计模式(二) 闭包
May 26 Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
有关于JS辅助函数inherit()的问题
Apr 07 Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
Jun 06 Javascript
JavaScript设计模式之建造者模式介绍
Dec 28 Javascript
jQuery基于cookie实现的购物车实例分析
Dec 24 Javascript
JS简单实现tab切换效果的多窗口显示功能
Sep 07 Javascript
使用jquery如何获取时间
Oct 13 Javascript
微信小程序 获取相册照片实例详解
Nov 16 Javascript
js使用i18n实现页面国际化的方法
May 09 Javascript
Vue.js添加组件操作示例
Jun 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
php和数据库结合的一个简单的web实例 代码分析 (php初学者)
2011/07/28 PHP
PHP 反射(Reflection)使用实例
2015/05/12 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
jquery中each遍历对象和数组示例
2014/08/05 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
2016/08/02 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
2016/10/25 Javascript
JQuery ZTree使用方法详解
2017/01/07 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
VueJs 搭建Axios接口请求工具
2017/11/20 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
webpack打包优化的几个方法总结
2020/02/10 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
2020/04/21 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
python实现用户管理系统
2018/01/10 Python
批量将ppt转换为pdf的Python代码 只要27行!
2018/02/26 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
Python爬虫使用脚本登录Github并查看信息
2018/07/16 Python
浅析python继承与多重继承
2018/09/13 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
Django使用rest_framework写出API
2020/05/21 Python
Java如何基于wsimport调用wcf接口
2020/06/17 Python
老板电器官方购物商城:老板油烟机、燃气灶、消毒柜、电烤箱
2018/05/30 全球购物
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
个人社会实践自我鉴定
2014/03/24 职场文书
质量月口号
2014/06/20 职场文书
群众对十八届四中全会的期盼
2014/10/17 职场文书
企业办公室主任岗位职责
2015/04/01 职场文书
餐饮店长岗位职责
2015/04/14 职场文书
python requests模块的使用示例
2021/04/07 Python