文中观点仅代表个人学习与观点沉淀，用于学习交流。文中涉及到任何内容，与本人呆过的所有公司无关，思路仅供参考。

感谢您花时间阅读本篇文章，本篇文章主要介绍编译原理思想在前端的应用，通过阅读本篇文章您能了解到：编译原理概述， 编译思想在前端工程中应用，编译思想在低代码平台的应用，通过本篇文章阅读希望可以给您在后续的工作中提供一些思路。对于编译原理涉及到技术细节和算法，本篇文章中不再讲述，感兴趣的话可查阅相关资料。

在16年年底的时候，同事聊起脚手架。由于公司业务的多样性,前端的灵活性,让我们不得不思考更通用的脚手架。而不是伴随着前端技术的发展，不断的把时间花在配置上。于是chef-cli诞生了。 18年年初，把过往一年的东西整理和总结下，重新增强了原有的脚手架project-next-cli, 不单单满足我们团队的需求，也可以满足其他人的需求。

前几天测试的时候遇到个问题，测试的时候出现依赖升级问题，由于测试同学是重新换了个机子，重装了环境，导致下载过程中依赖升级。npm带来便利的时候也带一些问题。如果您觉得比较啰嗦，直接看结果。

我们的vue项目最早依赖2.1.8版本做了组件和项目，为了保证产品的稳定性，决定锁死版本。可以参考这篇文章，介绍了框架升级分析的方法。

前段时间破事群讨论问题，突然提到一个新名词 puppeteer，于是好奇查了下干什么的。于是一发不可收拾。

奇舞周刊推荐了一篇文章Vue.js 中使用Mixin， 用了vue大半年时间，mixin不知道挺惭愧。

奇舞周刊文章中已经介绍了 vue mixin。

• 官方提示谨慎使用 global mixin
• 合理的场景下使用 mixin

这里再补充一个 通用业务（埋点） 来描述 mixin的优缺点。

朋友组织了一场xss live，安全一直是开发中不可忽视的一部分。而xss作为web开发中最常见的攻击手段，防范是必然的。基于web浏览器tricks，JavaScript的发展，npm等开源项目漏洞，web注入等会让开发者越来越防不胜防。

本次总结基于耗子的xss-demo，以及自己对xss的理解和知识的吸收。感兴趣的同学可以先去试试，这里就不在累赘提供答案了。 欢迎探讨更多Web安全相关话题。

前段时间和朋友聊天，无意间问了一个vue移动端项目优化。针对老的项目怎么提升更好的性能。本人这方面经验不足，忙里偷闲研究了下淘宝，聚划算等网站。

通过network抓包，对比分析得出几个显著的区别