tekiZzzzzzzz

最近我也是经历过面试别人和去面试的人了，总结几个常被提及的面试问题，做一下解答和备忘。 call, apply, with指的This是谁就是谁。 上面的例子中，baz被bar调用所以指向的指bar. a 运行时所在的对象是 window,所以指向的是window。 函数调用都…

react+webpack对于react开发，相信已经是一个大众套餐了，至于其他的parcel或者rollup或者其他一些构建框架我也没仔细用过，也不太熟，听说parcel上github短时间内已经上万颗星了，很流弊的样纸，不过这都不是我们本文重点，呵呵。本文重点是模块的异步加…

每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到 DOM、在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，给予用户机会在一些特定的场景下添加他们自己的代码。

Loader 就像是一个翻译员，能把源文件经过转化后输出新的结果，并且一个文件还可以链式的经过多个翻译员翻译。 可以看出以上的处理过程需要有顺序的链式执行，先 sass-loader 再 css-loader 再 style-loader。 由上面的例子可以看出：一个 Load…

云栖社区通过为期两个月，对7032份有效调查问卷分析统计，2017年12月发布了首份《2017中国开发者调查报告》。报告显示，37.3%的开发者表示，协作工具主要来自企业内部自研的协作工具，有21%的调查者正在使用禅道项目管理软件作为项目开发协作工具，Jira以17%尾随其后。…

当想写if...else语句时，使用三元操作符来代替。 简写： const answer = x > 10 ? 'is greater' : 'is lesser'; 也可以嵌套if语句： const big = x > 10 ? " greater 10" : x 当给一个变…

一个可以自动生成react骨架屏的webpack loader. 菊花的loading图太low，骨架屏更美观。公司UI不愿意为设计骨架屏图片（在一个小公司，UI也比较少）！后来我想了一下能不能通过webpack自动生成骨架屏，有了这个想法之后我就开始动手设计了,发现是可行所以…

对于BFC的概念以及应用场景一直都不是很明白，今天着重去了解了一下，做了以下总结。 在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素…

持续集成（Continuous integration，简称CI)系统在软件自动化构建（包括编译、发布、自动化测试）方面有着重要的作用，在之前，前端项目简单，很多时候发布都只是一些简单的拷贝，而随着webpack web打包工具的诞生，前端项目越来越复杂，大多数项目都需要一个构…