Qianliwind的博客

通过后台接口可以获取小程序任意页面的二维码，扫描该二维码可以直接进入小程序对应的页面。目前微信支持调用微信接口生成两种二维码，小程序码（1），小程序二维码（2），和用二维码生成器生成的普通链接二维码。

plugin(插件)是webpack的支柱功能,webpack整体的程序架构也是基于插件系统之上搭建的,plugin的目的在于解决loader无法实现的其他功能.

nodejs有eventEmitter 类，想到backbone 有个event模块 可以对对象做事件绑定和触发，是backbone的核心模块。backbone event模块on 添加自定义事件 off 删除自定义事件 trigger 派发自定义事件 once 添加只执行一次的自定义事件 （内部依赖于_.once） listenTo 添加一个观察对象 listenToOnce 添加一个仅执行一次的观察对象 stopListening 删除添加的观察对象---------------.

不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。恰好，这位leader有代码洁癖，面对3~5年经验的成员，还写这种水平的代码，极为不满，不断对代码进行吐槽。不过对于他的吐槽，我感觉还是有很大收获的，故就把leader的吐槽记录下来，分享给掘友们，觉得有收获点个赞，有错误的或者更好的写法，非常欢迎在评论中留言。ps：ES5之后的JS语法统称ES6！！！

多重嵌套 for 循环太丑，运行效率又低，有没有什么办法可以降低它的嵌套层数？怎么简洁优雅的获取我想要的数据，又有良好的智能提示效果？有没有通用的提高运行效率的方案？没错，ES6 的 Map 就是为你定制的。先看一个简单的例子，数组去重：let myArray = [1, 2, 3, 4, 5, 2, 1];function getArray(array) {let newArray = []; for (let i = 0, l = array.length; i < l;

状态模式的使用场景：一个由一个或多个动态变化的属性导致发生不同行为的对象，在与外部事件产生互动时，其内部状态就会改变，从而使得系统的行为也随之发生变化，那么这个对象，就是有状态的对象代码中包含大量与对象状态有关的条件语句，像是if else或switch case语句，且这些条件执行与否依赖于该对象的状态。如果场景符合上面两个条件，那我们就可以想象状态模式是不是可以帮忙了状态模式的优缺点：优点:一个状态状态对应行为，封装在一个类里，更直观清晰，增改方便状态与状态间，行为与行为间彼此独立互不

开发过程中有什么痛点 ，因为变化、升级和维护等原因需要对原有逻辑进行修改时，很有可能会给旧代码中引入错误，也可能会使我们不得不对整个功能进行重构，并且需要原有功能新测试。怎么解决 —— 我们应该尽量通过扩展实体的行为来实现变化，而不是通过修改已有的代码来实现变化具体一点呢 —— 类、模块和函数应该对扩展开放，对修改关闭。模块应该尽量在不修改原代码的情况下进行扩展。核心 —— 用抽象构建框架，用实现扩展细节。总结一下 —— 开发人员应该对程序中呈现的频繁变化的那些部分作...

前言很多小伙伴学Node的时候，都没有好好认识她就开始疯狂追求，想一举拿下，直接在网上搜索Node实战，想知道她活好不好，想先用她建个简单博客练练手。JavaScript和Nodejs我相信很多入坑Nodejs的人都是前端转过来的，但是局限于公司项目用不到Nodejs，只能自学，有些重要且基础的东西就忽略了。下面我们说一下前端的Javascript和Nodejs。每个前端大虾都很了解JavaScript，我们用它操作dom，用它写数据交互和页面效果，but....请问你真的知道Jav.

在近年来的前端项目工程化开发的时候，对应产生的工具解决方案，运用最广泛的构建工具就是Webpack了，这篇文章就来分析一下webPack的效率优化问题。要想全面的分析WebPack构建工具的优化方案，首先要对它的工作流程有一定了解，这样才能针对项目中可能存在的构建问题，进行有目标的分析优化。WebPack的基本工作流程我们从两方面来了解webPack的基本工作流程1.通过webpack的源码来了解具体函数的执行逻辑。2.通过webpack对外暴露的声明周期Hooks，理解整体流程的阶段划

JavaScript复杂判断的更优雅写法摘要： 写代码是一门艺术。原文：JavaScript 复杂判断的更优雅写法 作者：Think.Fundebug经授权转载，版权归原作者所有。前提我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得...

前言我们在学习JavaScript，或其他任何编码技能的时候，往往是因为这些拦路虎而裹足不前： 有些概念可能会造成混淆，尤其当你是从其他语言转过来的时候。 找不到时间（有时是动力）学习。 很容易忘记已经理解了的东西。 工具多又在不断变化，所以不知道从哪里开始。 幸运的是，这些拦路虎是可以被识别，并消灭的。在这篇文章中，我将介绍六个思维技巧来帮助你更快地学习JavaScript，并成为一个更快乐、更富有成效的程序员。1.不要让未来的决策阻止你现在前进的方向很

1.生成指定范围的数字let start = 1900, end = 2000;[...new Array(end + 1).keys()].slice(start);// [ 1900, 1901, ..., 2000]// 还有这种方式，但对于很的范围就不太稳定Array.from({ length: end - start + 1 }, (_, i) => start + i);2.使用值数组作为函数的参数在某些情况下，我们需要将值收集到数组中，然后将其作为函数的参数传

1.冒泡排序var bubbleSort = function (arr) { var flag = true; var len = arr.length; for (var i = 0; i 1; i++) { flag = true; for (var j = 0; j 1 - i; j++) { if (arr[j] > arr[j + 1

JavaScript的作用域一直以来是前端开发中比较难以理解的知识点，对于JavaScript的作用域主要记住几句话，走遍天下都不怕...一、“JavaScript中无块级作用域”在Java或C#中存在块级作用域，即：大括号也是一个作用域。 Java C#在JavaScript语言中无块级作用域1234

取余运算符 (%)一个表达式的值除以另一个表达式的值，返回余数。result=number1%number2参数result任何变量。number1任何数值表达式。number2任何数值表达式。说明取余（或余数）运算符用number1除以number2（把浮点数四舍五入为整数），然后只返回余数作为result。例如，在下面的表达