前端业务场景中每次功能发布都会面临着相应的ui功能测试，因为前端业务的功能迭代之间往往存在显性或者隐性的关联性，每次上线某个功能迭代后，严格意义上也需要对整体功能进行回归，因此单靠人力的手工测试需要花费较多的时间和精力在功能回归上，且容易漏掉一些细节问题。基于业务中的上述现状，我们尝试引入ui自动化...

不知不觉又马上过年了，突然意识到今年竟然没写一篇技术文章，整个上半年工作比较繁忙，下半年节奏缓下来之后也因为太久没动笔了就一直没动笔，可见懈怠是会习惯的。于是趁着年前，把今年工作中做的一些比较有意思的东西梳理一下做个总结吧。这篇文章就先讲讲今年着重做的页面性能优化上的一些经验。

开头先说说为什么会写这么一篇webgl入门的文章，因为最近的工作投入在三维互动相关的开发，基于webgl引擎库作一些业务层的封装和调用，再输出API给前端使用，算是开始接触webgl这个领域。一开始直接看shader的书和引擎库的代码有些不知所云，后来发现是对webgl缺乏一个整体的了解，对其中的一些概念半知不解。于是看了th...

前端埋点sdk的方案十分成熟，之前用的都是公司内部统一的埋点产品，从前端埋点和数据上报后的可视化查询全链路打通。但是在最近的一个私有化项目中就遇到了问题，因为服务都是在客户自己申请的服务器上的，需要将埋点数据存放到自己的数据库中，同时前端埋点的功能简洁，不需要太多花里胡哨的东西。公司内部的埋点产品不...

微前端，用一句话来解释就是：将多个独立的前端应用聚合在一起组成一个全新的应用，各个应用直接彼此独立，互不干扰。也就是说，一个微前端应用给用户的感观就是一个完整的应用，但是在技术角度上是由一个个独立的应用组合通过某种方式组合而成的。再举个大家都知道都例子，ifream就是微前端应用都一种，现在仍然活跃在...

koa作为广泛运用的node框架，其源代码非常精简，看完之后愈发佩服TJ大神，能够用这么少的代码实现了如此强大易用的框架。下面结合源码具体分析一下其中的核心原理。

vue中的组件通信是必不可少的使用场景，回顾了平时使用vue中碰到的一些业务场景和对应采用的组件通信方式，简单地做了一个归类总结，大致有以下一些通信方式：

vue 是如何将编译器中的代码转换为页面真实元素的？这个过程涉及到模板编译成 AST 语法树，AST 语法树构建渲染函数，渲染函数生成虚拟 dom，虚拟 dom 编译成真实 dom 这四个过程。前两个过程在我们 vue 源码解读系列文章的上一期已经介绍过了，所以本文会接着上一篇文章继续往下解读，着重分析后两个过程。

diff算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历，所以时间复杂度只有 O(n)。diff算法的在很多场景下都有应用，例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新时，就用到了该算法。diff算法有两个比较显著的特点：

Ajax在前端开发中有着举足轻重的地位，关于Ajax的使用和注意事项一直是一个重要的话题，借此机会，本文希望对Ajax做一个全面的总结，彻底揭开Ajax的神秘面纱。

一.js的控制台输入做各大公司的在线编程题，一般都有输入输出，传统的js不能完成读取输入的功能，这时候为了继续用js写编程题，只能借助node.js来进行在线笔试的输入输出，下面具体来说说这个问题。

关于this的指向问题算的上是js中的一个十分重要的问题了。今天把这个问题总结下，加深下自己对this的理解。首先，this的指向问题可以用一句话总结就是：this总是指向调用的对象，也就是说this指向谁与函数声明的位置没有关系，只与调用的位置有关。这是判断this的一个大体原则，而具体的小原则按照优先级的不同大致可以...

前几天在寻找压缩js文件的工具，开始接触到gulp这款出色的前端代码部署工具，看了官方文档和一些资料，学会了怎么使用gulp进行压缩，特地写个简单的入门操作指南，加深自己的印象。gulp能够实现很多功能，在这里我就以自己使用的压缩js文件为例子进行介绍

注意点： 1.<div class="middle"></div>一定要放在最后*，因为如果middle放在第一个，会占据文档流位置，left和right的浮动只能从第二行开始了。2.当浏览器窗口很小的时候，最右边元素会被压迫到下一行。

今天看到一道面试题，怎么样一个div水平垂直居中，当时想到的就是绝对定位+top和left，却忘了再通过margin进行修正，于是拿出css权威指南，重新复习了下定位的知识，写个总结：

js中的跨域请求应该也算是一个重点，具体什么叫跨域，在这里我就不展开了，可以查一下浏览器的同源策略和跨域的定义。原来只知道常用的jsonp和document.domain这两种方式，这几天学习了一下其他几种跨域请求的方式，正好一起做个总结。

从去年接触前端到现在，差不多有一年多时间，从原来导师项目的需求而被安排做网站，网上到处找例子开始接触前端这个领域，到慢慢喜欢上这个方向，再到现在用心去学习JS，CSS，PHP以及各个框架，能够清晰地感受到自己在前端这个领域一步步走下去的脚印。 在这一年学习的过程中，从博客中学到了很多自己查询的知识，收获很...