爬坑活动

1.jQuery的extend方法
https://www.cnblogs.com/NTWang/p/6175773.html

  • . e x t e n d ( ) − − 静 态 方 法 和 .extend({})-- 静态方法 和 .extend().fn.extend({})–实例方法的区别 ,$是jQuery的简写
  • $.extend({}) ,为jQuery类添加方法,可以理解为扩展静态方法
  • 继承。浅拷贝与深拷贝
  • $.fn 是什么,下图表示即 原型

2.iframe嵌套页面 跨域
https://segmentfault.com/a/1190000000702539

  • document.domain
    document.domain是比较常用的跨域方法。实现最简单但只能用于同一个主域下不同子域之间的跨域请求,比如 foo.com 和 img.foo.com 之间,img1.foo.com 和 img2.foo.com 之间。只要把两个页面的document.domain都指向主域就可以了,比如document.domain=‘foo.com’;。
    设置好后父页面和子页面就可以像同一个域下两个页面之间访问了。父页面通过ifr.contentWindow就可以访问子页面的window,子页面通过parent.window或parent访问父页面的window,接下来可以进一步获取dom和js。

  • window.name
    只要不关闭浏览器,window.name可以在不同页面加载后依然保持。尝试在浏览器打开百度baidu.com,然后在控制台输入window.name=‘aaa’;回车,接着在地址栏输入qq.com转到腾讯首页,打开控制台输入window.name查看它的值,可以看到输出了"aaa"。
    例如子页面bar.com/b.html向父页面foo.com/a.html传数据。

  • location.hash
    较常用,把传递的数据依附在url上
    例如获取子页面bar.com/b.html的高度及其他数据

  • postMessage
    HTML5新增方法,现在浏览器及IE8+支持,简单易用高大上。

    .postMessage(message, targetOrigin)参数说明

    message: 是要发送的消息,类型为 String、Object (IE8、9 不支持)
    targetOrigin: 是限定消息接收范围,不限制请使用 ‘*’
    ‘message’, function(e)回调函数第一个参数接收 Event 对象,有三个常用属性:

    data: 消息
    origin: 消息来源地址
    source: 源 DOMWindow 对象
    一个简单的父页面foo.com/a.html 和子页面 bar.com/b.html建立通信
    ifr.contentWindow.postMessage({a: 1}, ‘’);
    e.source.postMessage(‘get’, '
    ’);
    3.vue组件之间的传值
    1.父—>子

      - v-bind 【prop】,父亲变化会引起子变化,反之不会。 
      - 	父 :     :a = ''; 	子:    props['a']
    

    2.子—>父

      - v-on 【$emit】,子父亲变化会引起变化。 
      - 	子 :  this.$emit('test',item)   ; 	父:   @text='' func " .来接收子传递的参数
    

    3.兄弟之间传值
    (1)父亲组件进行中转。

      - a父亲,a1,a2【子】 			
      - a1先 this.$emit传给a,,a再把值v-bind 传递给a2组件
    

    (2)Bus中央事件总线

         1.先起一个bus.js 作为传递中转
     	2.在俩个子组件分别引入bus.js 
     	3.俩个子组件通过 Bus.$emit("zifu", this.a++, "子组件向兄弟组件传值");    //存 Bus.$emit
    			
     	 Bus.$on("zifu", (val, val1) => {    //取  Bus.$on
    

    4.数据
    ECMAScript中的数据类型可分为两种:

    基本类型:undefined,null,Boolean,String,Number,Symbol
    引用类型:Object,Array,Date,Function,RegExp等

    堆和栈
    栈(stack)为自动分配的内存空间,它由系统自动释放;
    堆(heap)则是动态分配的内存,大小不定也不会自动释放。

    不同类型的存储方式:

         基本类型:基本类型值在内存中占据固定大小,保存在栈内存中
         引用类型:引用类型的值是对象,保存在堆内存中,而栈内存存储的是对象的变量标识符以及对象在堆内存中的存储地址
         
     值传递
         方法调用时,实际参数把它的值传递给对应的形式参数,函数接收的原始值得一个copy,此时内存中存在两个相等的基本类型,即实际参数和形式参数,后面方法中的操作都是对形参这个值得修改,不影响实际参数的值
     引用传递
         一般也称为地址传递。方法调用时,实际参数的引用(地址,而不是参数的值)被传递给方法中相对应的形式参数,函数接收的原始值的内存地址, 在方法执行中,形参和实参内容相同,只想同一块内存地址,方法执行中对引用的操作将影响到实际对象。
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值