公司站点做前端架构改造，需要把历史代码中，所有用到的色值替换成变量，便于做主题化和样式迭代。 项目一期通过 nodejs 脚本，扫代码并人工做替换。 考虑到新代码的后期保障和后续其他改造工作，决定编写 Lint 并整合到项目的 CI 脚本中。 因为采用的是 react，涉及到的…

很多项目历史悠久，其中很多文件或是 export 出去的变量已经不再使用，非常影响维护迭代。 举个例子来说，后端问你：“某某接口统计一下某接口是否还有使用？”你在项目里一搜，好家伙，还有好

在package.json处声明全局变量GENERATE_SOURCEMAP=false，而不是在config-overrides.js添加devtool配置（devtool的配置仅对webpack有效，但对postcss-loader无效，eject后webpack的post…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]你能手写一个 Promise 吗？Yes I promise。 有兴趣的同学可以关注 [实践系列] 。 求 star 求 follow~ 入口起点(entry point)指示 webpack 应该使用哪个…

其他的非公共代码。 all: 不管文件是动态还是非动态载入，统一将文件分离。当页面首次载入会引入所有的包 async： 将异步加载的文件分离，首次一般不引入，到需要异步引入的组件才会引入。 initial：将异步和非异步的文件分离，如果一个文件被异步引入也被非异步引入，那它会被…

主要通过利用系统反馈行为漏洞，并欺骗用户主动触发，从而发起Web攻击。 假设，在严选网站搜索商品，当搜索不到时站点会做“xxx未上架提示”。如下图。 在搜索框搜索内容，填入“”, 点击搜索。 当前端页面没有对填入的数据进行过滤，直接显示在页面上， 这时就会alert那个字符串出…

总结一下Web相关的安全攻防知识，让自己对这个知识点多一点了解，下面来聊聊Web中最常见的几种安全问题，包括攻击类型、原理以及怎样防御等。 原因：过于信任客户端提交的数据。 XSS攻击也可以简单分为两种，一种是利用url引诱客户点击来实现；另一种是通过存储到数据库，在其它用户获…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…