2018年07月_Love_vermouth

原创 css布局之版权信息

要实现这样一个功能：版权信息永远位于main页面的底部，当main页面内容不满屏时，footer部分依旧处于视窗的下方。<div class="main"> <div class="inner"> <div class="main-content"> 主要内容 <

2018-07-27 19:30:30 3629

转载为什么要用promise

原文：为什么要使用promise 起因大家都知道做前端开发最让人头痛的就是处理异步请求的情况，在请求到的成功回调函数里继续写函数，长此以往形成了回调地狱。function load() { $.ajax({ url: 'xxx.com', data: 'jsonp', success: function(res) { ...

2018-07-25 14:11:49 1320

转载异步的发展过程

原文：异步的发展过程发展过程callback -> promise -> generator + co -> async + await(语法糖)异步是不支持try/catch的，try/catch只在同步中使用node支持异步// 1.txt -> 周杰伦// 2.txt -> 七里香// node里内置的fs方法const fs ...

2018-07-25 11:38:21 244

转载【你不知道的JavaScript上卷】——作用域与闭包

原文：【你不知道的JavaScript上卷】——作用域与闭包 JS语言万变不离其宗，其中最常用、最重要的也就是常用的几个大概念。数据类型、作用域、原型链、闭包、this指针、异步，不同的人理解不一样，不一样的书讲解的也不一样。但这本《你不知道的JavaScript》系列言简意赅，直指本质，值得反复阅读，每次阅读都感觉代码的设计实现精妙之处一、浏览器如何运行代码？我们每...

2018-07-24 19:50:18 210

转载 JavaScript异步编程

原文： JavaScript异步编程 #前言从我们一开始学习JavaScript的时候就听到过一段话：JS是单线程的，天生异步，适合IO密集型，不适合CPU密集型。但是，多数JavaScript开发者从来没有认真思考过自己程序中的异步到底是怎么出现的，以及为什么会出现，也没有探索过处理异步的其他方法。到目前为止，还有很多人坚持认为回调函数就完全够用了。但是，随着JavaScri...

2018-07-24 10:31:56 554

原创逗号运算符

首先看个例子 var i,j,k; for( i = 0 , j = 0; i < 10 , j < 6; i++ , j++ ) { k = i+j; console.log('i='+i+'，j='+j+'，k的结果是：'+k); }控制台结果是：对上面的例子做一下修改 var i,j,k; for( i = 0 ...

2018-07-23 17:57:43 1756

转载 JavaScript 内存泄漏教程

原文： JavaScript 内存泄漏教程一、什么是内存泄漏？程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。有些语言（比如 ...

2018-07-23 16:44:48 160

转载聊聊V8引擎的垃圾回收

原文：聊聊V8引擎的垃圾回收前言我们知道，JavaScript之所以能在浏览器环境和NodeJS环境运行，都是因为有V8引擎在幕后保驾护航。从编译、内存分配、运行以及垃圾回收等整个过程，都离不开它。为什么要有垃圾回收在C语言和C++语言中，我们如果想要开辟一块堆内存的话，需要先计算需要内存的大小，然后自己通过malloc函数去手动分配，在用完之后，还要时刻记...

2018-07-23 16:24:00 474

转载 JS学习系列 03 - 函数作用域和块作用域

原文：JS学习系列 03 - 函数作用域和块作用域在 ES5 及之前版本，JavaScript 只拥有函数作用域，没有块作用域（with 和 try...catch 除外）。在 ES6 中，JS 引入了块作用域，{ } 内是单独的一个作用域。采用 let 或者 const 声明的变量会挟持所在块的作用域，也就是说，这声明关键字会将变量绑定到所在的任意作用域中（通常是 {...} 内部）。...

2018-07-23 15:13:38 210

转载 JS学习系列 02 - 词法作用域

原文： JS学习系列 02 - 词法作用域 1. 两种作用域“作用域”我们知道是一套规则，用来管理引擎如何在当前作用域以及嵌套的子作用域中根据标识符名称进行变量查找。作用域有两种主要工作模型：词法作用域和动态作用域。大多数语言采用的都是词法作用域，少数语言采用动态作用域（例如 Bash 脚本），这里我们主要讨论词法作用域。2. 词法大部分标准语言编译器的第一个工作阶段叫...

2018-07-23 14:14:50 151

转载 JS学习系列 01 - 编译原理和作用域

原文： JS学习系列 01 - 编译原理和作用域在学习 javascript 的过程中，我们第一步最应该了解和掌握的就是作用域，与之相关还有程序是怎么编译的，变量是怎么查找的，js 引擎是什么，引擎和作用域的关系又是什么，这些是 javascript 这门语言最基础的地基，至于对象、函数、闭包、原型链、作用域链以及设计模式等等都是地基以上的建筑，只有地基打牢了，建筑才会稳。同样只有先把最...

2018-07-23 11:16:40 366

转载 JS学习系列 07 – 标签声明（Label Statement）

原文： JS学习系列 07 – 标签声明（Label Statement） 1. 引言假设有这么一道题：for (var i = 0; i < 10; i++) { console.log(i); for (var j = 0; j < 5; j++) { console.log(j); }}console.log('do...

2018-07-23 10:38:30 1063

转载 JS学习系列 06 – 变量对象

原文： JS学习系列 06 – 变量对象变量对象就是执行上下文和作用域链中间的桥梁。剧透一下，神秘的 this 就存在于执行上下文环境之中！当然，之后我会单独用几节来彻底讲明白 this 到底是什么（其实 this 很简单）。接下来，我们进入正文。1. 执行上下文包含什么一个执行上下文我们可以抽象的理解为对象（object）。每一个执行上下文都有一些属性（又称为上下文...

2018-07-21 15:59:36 211

转载 JS学习系列 05 – 执行上下文

原文： JS学习系列 05 – 执行上下文在我们前面理解了作用域之后，“作用域链”这个概念就产生了。那么作用域链是什么意思，它又是怎么形成的，跟哪些概念有关系，这就是我接下来几章想和大家探讨的内容：执行上下文、变量对象和作用域链。根据顺序我们也可以看出来，想要理解作用域链，执行上下文是我们碰到的第一个坎。这一章我们就来讨论一下到底什么是执行上下文。1. 定义当 JS 引擎开...

2018-07-21 15:14:18 165

转载 JS学习系列 04 – 提升

原文： JS学习系列 04 – 提升到目前为止，大家应该很熟悉作用域的概念了，以及根据声明的位置和方式将变量分配给作用域的相关原理了。函数作用域和块作用域的行为是一样的，可以总结为：任何声明在某个作用域内的变量，都将属于这个作用域。但是作用域同其中的变量声明出现的位置有某种微妙的关系，而这个细节就是我们这节要探讨的内容。1. 声明提升先看代码：a = 2;var ...

2018-07-21 14:54:20 189

原创 JavaScript 那些容易误解的代码

1、function test(m) { // 函数的参数按值传递 // m -> {k: 30} m = {v: 5}; // m 重写了，不再跟外层的var m指向同一个地址 // m -> {v: 5}}var m = {k:30};test(m);alert(m.v); // undefined m -> {k:30...

2018-07-19 23:58:01 343

原创 JavaScript 的 this 大作战

1、this随运行时变化，谁调用this，this指向谁this.a = 80;var test = { a: 40, init: function(){ alert(this.a); // 40 }}test.init();// test调用， this指向test 2、this.a = 80;var test = {...

2018-07-19 22:50:36 234

转载 CSS选择器笔记

原文： http://www.ruanyifeng.com/blog/2009/03/css_selectors.html笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。=====================CSS选择器笔记阮一峰整理参考网址：456 Berea Stree...

2018-07-19 15:48:23 137

原创模拟点击，完善菜单栏功能

vue2.x + iview2.x使用导航菜单menu，开启手风琴模式。点击菜单栏没有问题，操作url标签（如下图）时，手风琴模式会出现bug。比如点击“设备清单”，左侧栏菜单并没有相应展开。因此采用模拟点击，完善菜单栏功能。setTimeout(() => { let ele1 = $('.ivu-menu-submenu.ivu-menu-item-active.i...

2018-07-19 15:16:57 899

原创 resize事件与响应式布局

我们常常遇到这样的需求，菜单栏可以收缩或者展开，main部分的图表要随着响应式变化。你应该会想到监听window的resize事件，但这可能仍然无法使一些图表做响应式改变。因为只是收缩/展开菜单栏，窗口的大小并没有发生变化，即并没有触发window的resize事件。下面讲述一下我自己的处理方式，如果你们有更好的方式，欢迎留言讨论。vue + echarts vue 使用 e...

2018-07-18 16:47:23 994

原创 vue 使用 eventBus

文件 vue-bus.jsconst install = function (Vue) { const Bus = new Vue({ methods: { emit (event, ...args) { this.$emit(event, ...args); }, ...

2018-07-18 16:35:07 432

转载 localStorage的使用

localStorage常用API名称作用 clear 清空localStorage上存储的数据 getItem 读取数据 hasOwnProperty 检查localStorage上是否保存了变量x，需要传入x key 读取第i个数据的名字或称为键值(从0开始计数) length localStorage存储变量的个数 prope...

2018-07-17 18:02:44 225

A secret makes a woman woman.