田渣渣

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮...

MlCadViewer 是基于 Vue 3 的纯前端高性能 CAD 组件，可直接在浏览器查看与编辑 DWG/DXF 文件，无需后端支持，提供可定制 UI、高性能渲染、多语言...

$("#touchArea").e....

最近接了个需求，要求长按某个标签显示删除一个悬浮的删除按钮。这个需求其实在app上很常见，但是在移动端h5中，我们没有长按的事件，所以就需要自己模拟这个事件了。 ps: 为...

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不...

最近在帮团队招人，看了一圈市场上的招聘要求（JD），心里有点五味杂陈。 随便打开几个“前端工程师”的JD，上面写着：精通React/Vue，这很正常；熟悉Next.js或N...

vscode 卡到怀疑人生，ts瞎报错，代码提示出不来，主题颜色乱七八糟。 Vue - Official 卡顿问题...

写在前面： 什么是多端适配？ 前端的多端适配是指在开发前端网页或应用程序时，通过编写不同的布局和样式代码，使得同一个项目能够适应不同的终端设备，如PC端和移动端，以提供更好...

前言：你有没有经历过这样的“惊悚时刻” 一、什么是 CSS 模块化？ 一句话解释： 就像穿衣服： 你自己穿衬衫，隔壁穿风衣，咱们衣服各管各的，互不撞衫。 非模块化：大家都叫...

本文详解了在 Web Worker 中高效传输大于 10MB 的数据的最佳实践，重点介绍了 Transferable Objects（如 ArrayBuffer）的使用方式...

老板:咱们公司的设备开机，怎么显示Android。这怎么行，把Android替换掉，显示公司的logo，最好加点牛逼的动画.。...

本文深入解析 Source Map 的结构与原理，涵盖其用途、mappings 编码规则、实际 JS 示例、手动解码方法，并推荐相关工具，帮助开发者掌握调试压缩代码的核心技...

大家好呀，我是奈德丽。上周在做Code Review的时候，看到同事小李在Vue3项目中一行代码：@vue:mounted，是不是你也觉得有点似曾相识，一起来看看吧！...

关于 “中石化申请基于 vue 的文件上传组件二次封装方法和装置专利，解决了文件上传功能开发步骤繁琐和第三方组件无法满足业务需求的问题，实现了简化开发、提高效率和灵活性的效...

拍照，抠图，分享屏幕，录制屏幕，虚拟背景，实时音视频通话，新开了一个专栏《WebRTC 从实战到未来！》...

前端 er 如何玩转音视频流-WebRTC 技术介绍 最近做了一个 AI 问答的项目，需要获取用户的摄像头，录像录音，实时语音转文字等等功能，记录一下踩过的坑。以及目前的最...

这篇文章开始会实现一个一对一WebRTC和多对多的WebRTC，以及基于屏幕共享的录制。本篇会实现信令和前端部分，信令使用fastity来搭建，前端部分使用Vue3来实现。...

使用 `MediaRecorder` 我们可以方便地实现屏幕录制功能。这种功能在教学、演示等场景下非常有用，同时也为开发者提供了更多创造性的可能性。...

一、项目介绍 这是一个基于 Vue 3 + TypeScript + Vite 构建的智能问答助手项目。项目采用现代前端技术栈，具有流式对话、语音输入、富文本解析等特色功能...

使用 Recorder插件 可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2...