hfzvictory

git hooks [[toc]] 在团队项目开发过程中和代码交接时，因个人编码习惯的不同往往出现代码风格不一致的情况或者使用 IDE 代码格式化不一致，造成不必要的代码维护成本，有时甚至大于新功能的开发成本。对于代码的版本管理（svn、git或者其他），代码格式不一致带来的问题是严重的，在代码一致 ...

gulp [[toc]] github 32k 5种方法就可以支持几乎所有构建场景： 通过gulp.task注册一个任务； 通过gulp.run执行任务； 通过gulp.watch监听文件的变化； 通过gulp.src读取文件； 通过gulp.dest写文件。 Gulp的最大特点是引入了流的概念，同 ...

rollup github 20k 文档 与webpack 偏向于应用打包的定位不同， rollup.js 更专注于 Javascript 类库打包 。 the-answer 与 webpack 和 browserify 这样的其他捆绑包不同， rollup 不知道如何打破常规去处理这些依赖。因 ...

snowpack [[toc]] github 18k 放弃 webpack 使用 snowpack 构建 vue2vue不建议使用snowpack ，直接使用vite const CompressionWebpackPlugin = require("compression-webpack-plu ...

vite [[toc]] github 24k Bundleless, 本质上是将原先 Webpack 中模块依赖解析的工作交给浏览器去执行，使得在开发过程中代码的转换变少，极大地提升了开发过程中的构建速度，同时也可以更好地利用浏览器的相关开发工具。 为什么会出现 Vite？在过去的 Webpac ...

JS添加水印功能 [[toc]] 不使用canvas// watermark.jslet waterMarkDOM;let clearWaterMark = () => { if (waterMarkDOM) waterMarkDOM.remove();};export ...

聊一聊前端换肤 [[toc]] 前言最近在写公司的组件库，遇到的动态更换主题的需求，顺带研究一波。 一般来说换肤的需求分为两种： 一种是几种可供选择的颜色/主题样式，进行选择切换，这种可供选择的主题切换不会很多 另一种是需要自定义色值（动态更换），或者通过取色板取色，可供选择的范围就很大了 如何 ...

Axios 获取文件流导出 excel 表格 [[toc]] 一、导出excel表格实现的具体思路：1.创建一个a标签；2.获取响应头content-disposition作为文件名；(需要服务端放开content-disposition所以尽量自己命名)3.利用a标签的download属性进行下载 ...

irdd 组件库 [[toc]] 开发组件库，遇到的问题 使用插件 popper.js Popper.js是一款功能强大的JS定位引擎。 https://blog.csdn.net/jhzhahuaiyu/article/details/90213582 deepmerge/object-assi ...

原型与原型链 [[toc]] 原型与原型链首先，JS是真正的“面向对象”的语言，而其他我们所熟知的例如C++、Java等，严格意义上说，是“面向类”的语言，仔细想想，还真是那么回事儿。其次，JS中，调用构造器之后，对象并不是它原型的一份拷贝，而是被链接到原型上。 Object我们先看一段代码: fu ...