2017年09月_jingtian678

转载媒体查询@media

Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。 @media 媒体类型and （媒体特性）{你的样式} 注意：使用Media Queries必须要使用“@media”开头，然后

2017-09-25 20:34:54 958

转载 Javascript之BOM对象

一、BOM 什么是BOM？答：BOM是browser object model的缩写，简称浏览器对象模型。还是不懂？答：BOM提供了独立于浏览器显示内容而与浏览器窗口进行交互的对象。个人理解是，我们知道浏览器显示的Document,javascrip 要想操作网页，需要DOM来进行访问，

2017-09-23 19:26:58 244

转载 ES6之块级作用域分析

一、前言在ECMAScript6（以下简称ES6）之前，ECMAScript的作用域只有两种：　　1、全局作用域；　　2、函数作用域。正是因为有这两种作用域，所以在JavaScript中出现一术语--“变量提升（hoisting）”。如下： function func(){ console.log(test); va

2017-09-20 14:08:13 278

转载深入理解js的变量提升和函数提升

一、变量提升　　在ES6之前，JavaScript没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。上个简历的例子如： console.log(global); // undefined varglobal = 'global'; console.log(glo

2017-09-20 14:04:54 315

转载怎样利用window.name跨域

1. window.name的性质 window.name有一个奇妙的性质，页面如果设置了window.name，那么在不关闭页面的情况下，即使进行了页面跳转location.href=...，这个window.name还是会保留。我们可以在控制台做一下实验： // 打开必应 https://www.bing.com/ // 保留控制台log（勾上Preserve log > w

2017-09-18 19:14:47 1616

转载 js中几种实用的跨域方法原理详解

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法：一

2017-09-17 19:50:22 230

转载数组去重简单方法

var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d']; //定义一个新的数组 var s = []; //遍历数组 for(var i = 0;i if(s.indexOf(arr[i]) == -1){ //判断在s数组中是否存在，不存在则push到s数组中 s.push(arr[i

2017-09-17 17:24:32 275

转载什么是BFC

1.什么是BFC？ W3C的链接：https://www.w3.org/TR/CSS2/visuren.html#block-formatting 9.4.1 Block formatting contexts Floats, absolutely positioned elements, block containers (such as inline-blocks, table

2017-09-16 16:21:33 397

转载 React简介

why React？ React是Facebook开发的一款JS库，那么Facebook为什么要建造React呢，主要为了解决什么问题，通过这个又是如何解决的？从这几个问题出发我就在网上搜查了一下，有这样的解释。 Facebook认为MVC无法满足他们的扩展需求，由于他们非常巨大的代码库和庞大的组织，使得MVC很快变得非常复复杂，每当需要添加一项新的功能或特性时，系统的复杂度就成级数增长，

2017-09-13 19:35:36 234

转载 FLEX布局

网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这

2017-09-13 19:30:03 189

转载初步探究ES6之箭头函数

今天要介绍的是ES6中的箭头函数。语法我们先来看看箭头函数的语法： ([param] [, param]) => { statements } param => expression 123456 param 是参数，根据参数个数不同，分这几种情况： () => { … } // 零个参数用 () 表示； x => { … } // 一个参数可以省略 (

2017-09-13 19:23:26 175

转载浅谈ES6 块级作用域

1、为什么需要块级作用域 ES5只有全局作用域和函数作用域，没有块级作用域，会带来以下问题： 1) 变量提升导致内层变量可能会覆盖外层变量 [javascript] view plain copy var i = 5; function func() { console.log(i); if (true) {

2017-09-13 19:20:53 233

转载 box-sizing属性

box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。 content-box，border和padding不计算入width之内 padding-box，padding计算入width内 border-box，border和padding计算入width之内，其实就是怪异模式了~ ie8

2017-09-13 17:28:00 130

jingtian678的博客