hfzvictory

PWA 落地实践 [[toc]] 谷歌发的协议，苹果目前不支持，但是可以根据 manifest.json 文件能读出来部分配置 项目需求，需要在html5页面中实现，添加PC端桌面或者移动端桌面按钮的功能。经过调研，通过渐进式web应用pwa(Progressive Web Apps)实现添加到主 ...

如何解决eslint 和 prettier 格式化代码冲突 当 ESLint 和 Prettier 在格式化代码上出现冲突时，通常是因为它们对代码风格的某些规则有不同的要求，导致代码格式化的结果不一致。解决这类冲突可以通过以下几种方法： 配置 ESLint 和 Prettier 共存使用 eslin ...

什么是cookie,token和session?它们之间有什么关系？ [[toc]] 由Session到Token的身份验证演变过程理解Session、Cookie、Token 很久以前，Web 应用基本用作文档的浏览，如网络黄页。既然仅仅是浏览，因此服务器不需要记录具体用户在某一段时间里都浏览了哪 ...

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