前言

这个是我之前看前端跳槽面试必备技巧这个系列视频整理的一个笔记，其中还有一些内容没有细化，会持续更新细化内容。比较短的就会直接写在下面，长一点的就单独写篇文章。

前言

说到import和require，大家平时开发中一定不少见，尤其是需要前端工程化的项目现在都已经离不开node了，在node环境下这两者都是大量存在的，大体上来说他们都是为了实现JS代码的模块化，那为什么会出现两种方案呢，又有什么不同呢？

灵魂三问

• JS为什么是单线程的
  • 我们都知道，JS是单线程的语言，那为什么呢？我的理解是JS设计之初就是为了在浏览器端完成DOM操作和一些简单交互的，既然涉及到DOM操作如果是多线程就会带来复杂的同步问题，比较极端的例子就是两个线程可能一个在删除某个DOM节点一个却在修改这个DOM节点，这是浏览器以哪个线程为准呢？
• 为什么需要异步
  • 如果没有异步，单线程的JS从上到下执行遇到一段代码需要执行比较久时就会阻塞页面的渲染，造成页面假死，这显然是一种很差的用户体验
• 单线程又是如何实现异步的呢
  • 单线程之所以能实现异步是因为在处理异步任务时并不是马上运行的，而是通过一个事件循环(event loop)机制来管理任务的执行。貌似是浏览器提供了这么一个管理任务的event loop线程，它来管理和负责向我们的主线程上输送需要执行的任务。所以理解了event loop的机制才能更好地理解JS的运行机制，理解JS的运行机制才能更准确地把握我们代码的运行规律。

准备工作

首先，要在https://www.npmjs.com网站注册一个账号，具体过程就不说了，很简单。然后最重要的就是要准备好自己要发布的项目包。

前言

微信小程序凡是需要记录用户信息都需要登录，但是也有几种不同的登录方式，但是在小程序部分的登录流程是一样的。之前就朦朦胧胧地用之前项目的逻辑改改直接用了，这个新项目要用就又结合官方文档重新梳理了下，并记录一下，好记性不如烂笔头嘛，哈哈。

前言

之前有被问到一个问题，css3动画和js动画性能谁更好，为什么。据我的经验，当然觉得css3动画性能更好，至于为什么一时还真答不上来，所以特意查了一下资料总结一波。

前言

我们平时工作中传文件时为了提高传输速度一般都会把文件压缩一下再传，那样速度回快一些，尤其是那些文件很多的文件夹，比较常用的压缩格式就是zip,rar了。那我们日常网页中利用http协议请求的那些资源可不可以压缩呢，当然是可以了，这就要说到我们今天的主角gzip了。

gzip之前我并没有在项目中用过，就每每查阅文档时听说某一个框架文件经gzip压缩之后就变得多小多小了，甚是好奇，所以今天特意查了一下。

前言

说起小程序，其实在去年我都还只试着照着官方文档写过demo的，不过现在这家公司小程序做得比较多，我来之后也参与了几个小程序的开发了，最开始那几个是用的wepy，最近一个开始转用mpvue开发，最近这个项目终于上线了，我也来试着总结回顾一波吧。

前言

随着前端工程化的快速推进，在项目中使用ES6甚至更高的ES7等最近特性早已不是什么新鲜事。之前还觉得既然浏览器支持有限，那了解一下能看懂就好，然而仅仅了解还是不够的，现在放眼望去，那些成熟框架的代码示例都已经开始使用ES6编写了，昨天瞥了一眼vue的源码，已经全部使用ES6编写了。随着开发的进行，发现仅仅了解一下已经不能应付一些日常开发了，因为一些新的特性看起来有点吃力了，所以决定重新学习一下日常开发中见得比较多的ES6特性，争取与实际用例相结合，不仅要认识还要会用，以后多多用起来！当然本文中的ES6就是泛指哈，借用阮一峰老师的定义:

ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准。本书中提到 ES6 的地方，一般是指 ES2015 标准，但有时也是泛指“下一代 JavaScript 语言”。

神秘的设计模式

一直以来，我都感觉设计模式这个东西比较虚，总不知道是用来干嘛的。随着学习的深入，总听到别人说某某地方运用了什么设计模式，于是乎出于好奇就查资料加深了一下理解。目前也还只对发布订阅模式有些简单的理解。说起发布订阅模式，确实在很多地方都能看到它的影子，像JQ时代的trigger和on方法，还有现在的vue中的emit和on方法，之所以想先总结一些我目前所理解的发布订阅模式，是因为目前就这个设计模式了解的多一点，而且前段时间在学习vue双向绑定原理时发现也用到了发布订阅模式，但是不太理解那个里面的用法，所以，一步一步来吧。