前端开发
-
1 Web 相关 get 和 post 区别 get： 请求数据在 URL 末尾，URL 长度有限制 请求幂等，即无论请求多少次，服务器响应始终相同，这是因为 get 至少获取资源，而不修改资源 可以被浏览器缓存，以便以后的请求中更快地获取相同资源 可以在浏览器中输入或作为超链接点击 post 参数在请求体中，可以传递更多数据 不幂等，因为通常需要修改或创建资源 无法被浏览器缓存，因为可能会修改服务器资源 请求必须通过表单或 js 发送 cookies 和 session
2024-10-28 -
一、问题描述 element ui的table组件设置成懒加载时，遇到数据表格需要更新、删除等操作，子节点不会自动更新。 二、解决思路 刷新数据，就是重新调用load（），通过map记录已展开的节点，需要刷新数据时，取出对应treeNode，调用load（）进行数据刷新。 三、代码实现(VUE) export default { data() { return { map: new Map(), } }, methods: { load(tree, treeNode, r
2024-10-28 -
保持盒子在中间位置： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Com
2024-10-28 -
一，掌握请求转发 请求转发与重定向技术都是跳转页面的途径，但是这两个技术之间也有不同之处。 请求转发更倾向于servlet跳转jsp，而重定向更倾向于servlet跳转到servlet。 1. 常用页面跳转方法2:请求转发(重写URL) RequestDispatcher接口对象允许将请求转发到其他服务器资源 2. javax.servlet.RequestDispatcher接口的常用方法 void forward(HttpServletRequest,HttpServletRespons
2024-10-28 -
推荐使用：js-web-screen-shot - 强大的Web端自定义截屏插件 项目介绍 js-web-screen-shot 是一个功能强大的Web端自定义截屏插件，采用原生JavaScript编写，不依赖任何第三方库。它支持多种截屏模式，包括WebRTC和HTML2Canvas，适用于各种设备和环境。无论是PC端还是移动端，甚至是Electron环境，都能提供流畅的截屏体验。 项目技术分析 技术栈：原生JavaScript，不依赖任何第三方库。兼容性：支持WebRTC和HTML2Canv
2024-10-28 -
前言 相信大家都做过图片上传相关的功能，在图片上传的过程中，不知道大家有没有考虑过文件体积的问题，如果我们直接将原图片上传，可以图片体积比较大，一是上传速度较慢，二是前端进行渲染时速度也比较慢，比较影响客户的体验感。所以在不影响清晰度的情况下，前端可以在上传前对图片的大小体积进行压缩，压缩到一个比较合适的大小进行上传，本文就带大家一起来看看前端 JS 如何实现图片压缩，有需要的小伙伴抓紧收藏一下吧！ 原理（必看） 省流：主要使用 canvas的 drawImage 方法先绘制为 canvas 图
2024-10-28 -
Monorepo pnpm 模式管理多个 web 项目 项目地址 Vue: Monorepo pnpm 模式管理多个 web 项目（Vue3)Nuxt:Monorepo pnpm 模式管理多个 web 项目（Nuxt) git flow 工作流程 参考链接：[https://danielkummer.github.io/git-flow-cheatsheet/index.zh_CN.html] 新建功能 新建feature分支 git checkout -b feature/MYFEATUR
2024-10-28 -
⚠️⚠️文前推荐一下? 前端必备工具推荐网站(图床、API和ChatAI、智能AI简历、AI思维导图神器等实用工具): 站点入口：http://luckycola.com.cn/ 在Web开发中，前端页面往往需要处理各种类型的文件，特别是PDF和DOCX这类常见的文档格式。读取这些文件的内容对于文档预览、内容提取或在线编辑等功能尤为重要。本文将介绍几种在前端实现读取PDF和DOCX文件内容的技术方法。 1. 读取PDF文件内容 1.1 使用JavaScript库 对于PDF文件的读取，可以借助
2024-10-28 -
这个是使用metrtc的库为ffmpeg添加webrtc传输协议，目前国内还有一个这样的开源项目，是杨成立大佬，大师兄他们在做，不过wili页面维护的不好，新手不知道如何使用，我专门对它做过介绍，另一篇博文：ubuntu22.10 ffmpeg-webrtc推拉流srs环境搭建 后者目前还不支持whep(应该在开发中)，因此推荐使用metartc的库。 首选它有三个第三方库，先编译这三个库。 版本commit 681b58754e9dd4bcfe79388ea73782705124c65b ma
2024-10-28 -
前言 Vue 3 引入了一些变化，特别是针对生命周期钩子函数。Vue 3 支持两种API风格：传统的选项式API（Options API）和新的组合式API（Composition API）。我们都知道选项式 API 是 Vue 2 中熟悉的语法风格，它在 Vue 3 中仍然得到支持。下面分别概述一下这两种API下的生命周期钩子函数，简单记录一下 一. 组合式API (Vue3，Composition API) 在组合式API中，生命周期钩子采用了函数的形式，并且可以导入和使用： 更多生命
2024-10-28