YouGuess

title: js中的页面间通信date: 2016-8-10tag: javascript js中的页面间通信本来准备找实习了，由于暑假回家学车，学完后回不去学校，(⊙﹏⊙)。一些找前端实习的小伙伴都被问到了页面间通讯的问题，所以做了一点了解。页面间通信涉及到跨域与不跨域，不跨域的通信比较简单,而跨域通信的方法也有,不过每一种也都有限制。 不跨域的通信1.1 iframe嵌套有些页面会通... 阅读全文…

Vue组件的data的函数在使用vue开发时，data通常都是一个Object。而在创建Vue组件时，官文文档要求data必须是一个函数，并推荐以下形式： data(){ return {} } 开始不是很明白，官方给了例子。说实话因为自己反应比较慢，开始没怎么理解意思。后面看了别人的分析才明白。 其实官方例子的意思是：Vue组件中，如果data是一个... 阅读全文…

转盘的简单实现通过代码实现抽奖的转盘，使用html、css、js实现(并未使用canvas)。参考例子：JS写的一个抽奖小Demo从普通写法到设计模式再向ES6的进阶路程。 实现样式实现ul是转盘部分，将转盘划分成12份。pointer则是点击转动部分。主要的html结构如下： <ul class="turntable"> <li><... 阅读全文…

在阮一峰的《es6入门》中，关于函数参数存在默认值时，有如下的代码 // 代码1 var x = 1; function foo(x, y = function() { x = 2; }) { var x = 3; y(); console.log(x); } foo() // 3 x // 1 这里按理说开始以为y内部的x指向的是外部环境下的x,即x=1。然而实际却不是。... 阅读全文…

Viewport学习记录在开发移动端项目时，以前都只知道在head中添加以下代码就可以使得在web的页面在移动端也显示的相对好看点，但具体不是很清楚原理。<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale... 阅读全文…

###获取网页中元素所有的宽、高获取方式 网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.s... 阅读全文…

#初识块级格式化上下文(Block Formatting Contexts) ##前言html文档中元素的定位有3种方式(普通流、绝对定位、浮动)，除普通流以外，浮动与绝对定位都会导致元素脱离普通流，按照各自的方式进行定位。带有BFC属性的容器属于普通流的一种。 ##块级格式化上下文 (BFC)块格式化上下文是页面 CSS 视觉渲染的一部分。它是用于决定块盒子的布局及浮动相互影响范围的一个区... 阅读全文…

#Call Apply 和 Bind小结 ###1.Call()call()方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法. fun.call(thisArg[, arg1[, arg2[, ...]]]) 该方法接受的第一个参数为指定的替换对象，在非严格模式下若值为null或undefined,则会默认指向全局对象window.后面接受一连串的值作为参... 阅读全文…

前几天被要求在页面中调用地图并显示指定地点位置。虽然之前没弄过，但觉的应该很简单，毕竟按着别人的API调用就好。在国内google地图是用不了了，只能选了百度地图。 首先需要引用百度地图的API1<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3">... 阅读全文…