分类：前端技术

webpack(vue/react)打包过滤删除注释，禁止控制台consoles输出

对于vue或者react项目，生成环境中有时候会有过滤删除注释以及禁止控制台consoles输出的需求，一方面，这样处理可以减小打包后的包文件大小，另一方面，可以加大其他人员对包的分析难度。场景那么如何实现这样的配置呢？我这里分两种场景…

一：环境说明：1、create-react-app创建的项目二：场景说明：1、我的项目是一个有着几十个页面的落地页，模板有十几个2、如果不使用react路由组件按需加载，main.js主程序文件会比较大，导致首页加载时间略长三：打包效…

最近使用create-react-app+antd搭建项目，不过antd使用到的组件很少，所以样式需要用到按需加载，但是呢，网上找了很多的教程，要么有些是没有用的，要么有些就是不完整的。大环境说明：我不想暴露webpack的配置项，所以没…

大前提：1、我使用的是create-react-app创建的应用2、我不想使用npm run enject暴露配置项3、我想使用flexible+postcss-px2rem实现移动端的高清适配实现：1、解决配置文件的问题：参考https…

上个案例转盘中的文字，绘制点是通过三角函数精确计算后绘制的，本方案中的文字，没有使用三角函数，而是将文字在（0,0）点旋转后，再进行偏移实现，本案例逻辑上比较简洁。 <!DOCTYPE html><html&nb…

先上源码： <!DOCTYPE html><html lang=”en”><head> <meta …

function getQueryString(name) {var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”…

今天来说一下js阻止事件冒泡(stopPropagation)与阻止元素或方法的默认行为(preventDefault)的区别 dom事件流说到阻止事件冒泡，那么就要先说一下dom事件流，因为事件冒泡属于事件流概念的一部分。 dom事件流…

观察者模式（Observer Pattern）观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，并自动更新。观察者模式属于行为型模式，行为型模式关注的是对象之间的通讯，观察者模式就是…

对于前端开发人员来说，缺少了浏览器，前端也就没有存在的意义。尽管我们每天都在用浏览器，但是浏览器从url键入到页面渲染结束，这个过程发生了什么呢？接下来我们就来了解一下。我们可以分三步去拆解这个过程，每步其实还能继续拆解： 1、DNS解析…