2019年3月13日
Flex 布局教程：语法篇
摘要： 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 阅读全文
posted @ 2019-03-13 15:39 橱窗外的小孩 阅读(221) 评论(0) 推荐(0) 编辑
引人瞩目的 CSS 变量（CSS Variable）
摘要： 这是一个令人激动的革新。 CSS 变量，顾名思义，也就是由网页的作者或用户定义的实体，用来指定文档中的特定变量。 更准确的说法，应该称之为 CSS 自定义属性 ，不过下文为了好理解都称之为 CSS 变量。 一直以来我们都知道，CSS 中是没有变量而言的，要使用 CSS 变量，只能借助 SASS 或者 阅读全文
posted @ 2019-03-13 15:33 橱窗外的小孩 阅读(357) 评论(0) 推荐(0) 编辑
css设置全局变量和局部变量
摘要： 在我们使用less或者sass时常常会使用到局部变量和全局变量，其实在我们使用css做开发时也可以定义全局变量和局部 变量来简化我们的开发效率，很简单也很实用；1.设置全局变量只需要在我们的根引用的css文件中声明就行，具体代码如下：：rout{--cssname : value}这样就声明了一个变 阅读全文
posted @ 2019-03-13 15:31 橱窗外的小孩 阅读(3267) 评论(0) 推荐(2) 编辑
2019年3月9日
JavaScript获取浏览器高度和宽度值
摘要： IE中： document.body.clientWidth ==> *DY对象宽度 document.body.clientHeight ==> *DY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentEle 阅读全文
posted @ 2019-03-09 13:48 橱窗外的小孩 阅读(555) 评论(0) 推荐(0) 编辑
拓展知识
摘要： 1.逗号运算符 var num = (1,2);　//num = 2,括号必须存在 var f = (function a() {}, function b() {});　//选取的是逗号运算符后面的值 2. function test() { }(1,2,3,4) //此函数这里不会报错，会认为( 阅读全文
posted @ 2019-03-09 10:55 橱窗外的小孩 阅读(229) 评论(0) 推荐(0) 编辑
2019年3月8日
JavaScript中匿名函数this指向问题
摘要： this对象是在运行时基于函数执行环境绑定的，在全局函数中，this=window，在函数被作为某个对象的方法调用时，this等于这个对象。 但是匿名函数的执行环境是全局性的，所以匿名函数的this指向是window 这里sayName方法return了一个匿名函数，这个匿名函数中this指向win 阅读全文
posted @ 2019-03-08 23:14 橱窗外的小孩 阅读(2200) 评论(0) 推荐(0) 编辑
js中this指向的三种情况
摘要： js中this指向的几种情况一、全局作用域或者普通函数自执行中this指向全局对象window，普通函数的自执行会进行预编译，然后预编译this的指向是window //全局作用域 console.log(this);//Window //普通函数 function fn(){ console.lo 阅读全文
posted @ 2019-03-08 22:53 橱窗外的小孩 阅读(2251) 评论(0) 推荐(0) 编辑
2019年3月7日
js 对象克隆方法总结(不改变原对象)
摘要： 1.通用对象克隆： 整个clone函数的思路可能有点乱，但是可以这样理顺： 把obj的value当做只有普通值、数组和函数，先按部就班地处理，然后再考虑之前的“普通值”有可能是object，所以这里做个判断，在递归一下clone函数就可以了 //1.遍历对象 for(var prop in obj) 阅读全文
posted @ 2019-03-07 14:53 橱窗外的小孩 阅读(7096) 评论(0) 推荐(0) 编辑
JS 数组克隆方法总结(不可更改原数组)
摘要： ES5 方法总结 1.slice 2. 遍历数组 3. concat() ES6 方法总结 1. Object.assign() 浅复制，也可以实现数组的克隆 2. 扩展运算符 阅读全文
posted @ 2019-03-07 14:30 橱窗外的小孩 阅读(5520) 评论(0) 推荐(0) 编辑
this(this的4种指向和改变this指向的方式)
摘要： this是Javascript语言的一个关键字。 随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。 1.this指向的形式4种 a.如果是一般函数,this指向全局对象window; b.在严格模式下"use strict",为undef 阅读全文
posted @ 2019-03-07 10:36 橱窗外的小孩 阅读(16048) 评论(7) 推荐(2) 编辑