庚辰腊七木头鱼

我们在使用脚手架 Vue cli 或者 Vite 创建 Vue 项目的时候，会发现在 css 样式标签那里有一个 lang="scss" 的属性，那 scss 是什么玩意?...

最近在react项目中遇到一个问题，在使用antd， upload组件时遇到上传pdf文件， 预览按钮置灰无法预览的问题 ，网上搜索一番后没有找到答案，故此记录一下 如图所...

众所周知，原本不支持 tree-shaking 的 Webpack 在它的 2.x 版本也实现了 tree-shaking，好奇心又来了，rollup 从一开始就自实现了 ...

react实现pdf文档可翻页查看，可放大缩小及全屏等功能，选的是react-pdf插件，react-file-viewer插件也试了下，可以查看pdf，不过是一次性加载全...

大家好，我是前端西瓜哥。 今天我们来学习用 devtool 的 Performance 和 Memory 工具来找出网页哪里发生了内存泄漏。 Performace 面板 首...

最终效果 核心代码 获取图片的像素信息 我们创建一个canvas，渲染图片，然后通过 getImageData 方法拿到图片信息。 打印出来的图片信息为： width: 图...

本文从三个方面，全方位讲解了seo十余种解决方案。对于前端知识广度有很大帮助（不少前端对于seo只知道tdk优化和标签语义化）...

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你...

Translated by FrankZhang. 在以前的一篇文章中，我仔细分析了Medium.com用来展示图片的技术，这种技术可以在展示图片的时候让图片从一张模糊的图...

1. 图片的懒加载 1.1 原生的图片的懒加载方案 1.2 第三方图片的懒加载方案 1. verlok/lazyload 2. yall.js 一个快速、灵活、小巧的 SE...

webpack5推出一个新功能叫module federation,意为模块联邦，它提供了一套在不同项目构建之间模块的调度、运行机制。很像微前端，但又不限于此。本文结合案例...

在webpack打包结束并生成文件后（after-emit hook），会启动一个server模拟网站的运行，用puppeteer（google官方的headless 无头...

这里的hash是指尾巴后的 # 号以及后面的字符。这里的 # 和 css 里的 # 是一个意思。hash也称作锚点，本身是用来做页面定位的，她可以使对应 id 的元素显示在...

Ajax 技术的出现，让我们的 Web 应用能够在不刷新的状态下显示不同页面的内容，这就是单页应用。在一个单页应用中，往往只有一个 html 文件，然后根据访问的 url ...