双向数据绑定

微信小程序本身并不直接支持像Vue或Angular这样的框架中的双向数据绑定。但是可以通过一些技巧来模拟实现双向数据绑定的效果。

Teleport

<Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。

废话不多说，直接硬货，在使用Sublime写Html时那些常用的快捷键：

• 一、新建文件快速生成HTML头部信息的方法：!+tab

先建立一个文件，命名以html为后缀进行保存(如：test.html)

输入!或html:5，然后按 Tab 键(注意，这里的!必须是英文的叹号)

三十分钟学会 Less

每一门技术的出现都是为了解决现存的问题，同样的，Less 的出现是为了解决 CSS 中过于呆板的写法。Less 官方文档 中对 Less 的使用有详细的介绍，总结一下为：Less = 变量 + 混合 + 函数。如果你对 js 和 css 有所了解，那么就可以很快

1.子向父通信

parent.html

// 页面销毁前，务必去除监听器，否则会造成资源泄露！
beforeDestory () {
	window.removeEventListener('message', this.listenerFun)
}
mounted() {
	window.addEventListener('message',this.listenerFun)
}
methods: {
	listenerFun (e) {
		console.log(e.data);
    if(e.data.msg==='xxx'){
      // 业务处理逻辑
    }
	}
}

前言

iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录，这个使用纯JS也可以实现。下面话不多说了，来一起看看详细的介绍吧。

第一、在iframe中查找父页面元素的方法：

hi，朋友，您来啦。带上小板凳，我们一起瞅一瞅今天的话题。

摘要：本文主要包含节点属性、节点方法、获取元素文本节点、查找最近的父级元素、查找所有祖先元素、查找所有兄弟元素、关联元素等。

前言

提示：吴镇宇父子再搞怪 po文基因强盛颜艺是遗传滴:原题：吴镇宇父子再爆搞怪自拍 表情神同步网友大呼收获了好多表情包来源：东北新闻网-凤凰网 摘要：近日，吴镇宇工作室曝光一组吴镇宇与其子feynman在车内的自拍照，并发文表示：基因是强大滴，颜艺是遗传滴，不论是嘟嘴还是白眼或者奇奇怪怪，DD和BB都是同

关键字：吴镇宇、父子、再搞、文基因、基因、

摘要：近日，吴镇宇工作室曝光一组吴镇宇与其子feynman在车内的自拍照，并发文表示：“基因是强大滴，颜艺是遗传滴，不论是嘟嘴还是白眼或者奇奇怪怪，DD和BB都是同步的。主页菌表示心情so愉悦，在介个夏天。”引起大批粉丝的围观讨论。

在网页开发中，iframe 就像一个个嵌套的“小窗口”，为我们展示来自不同源的网页内容。但如何让这些“小窗口”与主页面进行沟通呢？今天，就来揭秘 iframe 父子页面通信的技巧，让你的网页交互更上一层楼！

跨越“次元壁垒”：iframe 通信挑战

由于浏览器的同源策略限制，来自不同源的 iframe 页面之间无法直接访问彼此的数据和方法。想要实现通信，我们需要借助一些技巧来跨越这道“次元壁垒”。

<Teleport> 是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。

1，使用场景：

一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在 DOM 中应该被渲染在整个 Vue 应用外部的其他地方；

也就是说我有一个全屏的弹出框（模态框）或 Toast 轻提示 组件，可能会在多个组件中使用到，但是由于节点嵌套的太深，我想把它的dom元素放在最外层的容器上面；通过组件传参控制它的显示于隐藏；