Pengian

Open Graph（OG）是 Facebook 提供的一组协议，它定义了 Web 页面上的元数据（metadata）格式，用于在社交媒体上分享时展示页面的相关信息，例如页...

前言 最近单位要为了seo改造 ssr，需要前期做个调研，作为股肱之臣的我（也可能是头号混子）身先士卒接受了这个任务， 毕竟，临近年终，所谓天下熙熙皆为利来，天天嚷嚷皆为利...

SVG是一种矢量图格式，是 Scalable Vector Graphics 三个单词的首字母缩写。当你需要开发web动画时，这里可以给你提供一个清晰的思路。...

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 JS实时麦克风录音并通过WebSocket将pcm传到后台并处理 @[toc] 前端 后端websoket接收 主要思...

作为前端开发者，写烦了页面布局，给自己找点乐子，开发一个自己的谷歌浏览器插件。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发。插件，可以为...

1. 背景 随着部门业务不断迭代，沉淀了大量的业务组件库。初期业务系统不复杂时，组件库通常都是 Multirepo 方式组织（即一个组件库一个仓库），随着业务复杂度不断提升...

由于最近面试经常被问到这个问题（简历上写了），感觉答的时候不是很系统清晰，于是便有了这篇文章。 为啥对这个问题这么上心？ 在上家公司最后一段时间是做前端工程基建相关的，不说...

前言 可乐是一名前端切图仔，最近他们团队需要做一个文章社区平台。由于人手不够，前后端部分都是由前端同学来实现，后端部分用的技术栈是 nest.js 。 某一个周一，领导希望...

🔥🔥🔥给文本域添加行号显示需要考虑哪些事情？文本域增加或删除内容？文本域内容滚动？文本域尺寸变化？...

在开发 Vue 项目中我们一般使用第三方 UI 组件库进行开发，但是这些组件库提供的组件并不一定满足我们的需求，这时我们可以通过对组件库的组件进行二次封装。...

自从 React 推出 hooks 的 API 后，相信大家对新 API 都很喜欢，但是它对你如何使用它会有一些奇怪的限制。...

前言 最近接到一个需求，需要在一些敏感操作进行前要求输入账号和密码，然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件，在点击按钮后弹出...

梯形圆角tab/ 梯形tab/ chrome tab 的实现；要了老命了！！！！！！！！！！！！！！！！！...

css实现tabs圆角切换效果，使用伪元素、border-radius、box-shadow叠加处理。...

项目环境 Vue3.x + Ant Design Vue3.x + Vite4.x 业务场景分析 在以上图片中，是管理后台系统中常见的表格内容，因使用的是 Ant Desi...

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度...

最近我在做 H5、小程序的性能优化，其中一项优化，是把 H5、小程序的 jpg、png 图片转换为 webp 格式的图片。我需要判断 H5、小程序的环境是否支持 webp ...

主要环境下唤起APP的方法详解（微信、QQ、默认浏览器），对应的实现原理和常见问题的总结，如何确认方案选型...