小票 前端 网页
如何优雅的控制网页请求的优先级
如何优雅的控制网页请求的优先级？ https://mp.weixin.qq.com/s/RH65MKqho4h-WdOlXafWBg 如何优雅的控制网页请求的优先级？ 搜狐技术产品 2023-11-09 07:30 发表于北京 对于一个网页的性能和体验来讲，控制好请求发起的优先级是非常重要的，网络带 ......
快速下载网页中的SVG矢量图标文件
浏览器打开后按下F12，右侧调出开发者工具，点击如下图所示三个点，再选择copy - copy element，也就是把整个标签中的代码复制。 ......
纯前端实现录屏并保存视频到本地【转载】
转载地址：https://mp.weixin.qq.com/s/ryAF9IXRsaPs01xSHG-AiA <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content= ......
运行Springboot测试类查询数据库数据显示白网页
问题 运行Springboot测试类时，查询数据库里面数据显示如下白网页 程序报如下错误 解决方案 Spring Boot应用未能启动的原因是它没有找到合适的数据库配置具体来说，它需要一个数据源（DataSource），但未能在你的配置中找出，也没有找到任何嵌入式数据库（H2, HSQL 或 Der ......
微前端
1、什么是微前端 微前端是微服务在前端领域的架构实践，他通过将一个单体应用拆分成多个小型应用的方式，从而实现整个系统的解耦和渐进式升级 2、微前端的技术要素： *技术栈无关 主框架不限制接入应用的技术栈，自应用具备完全自主权 *独立开发、独立部署 子应用仓库独立，前后端可独立开发，部署完成后主框架自 ......
js前端编码规范
1、编码风格 1.1 强制两行缩紧 1.2 强制统一以分号结束语句 1.3 强制逗号分隔多行结构，始终加上最后一个逗号 1.4 推荐使用大括号包裹代码块 1.4.3 强制不适用空代码块 1.5 强制空格风格 1.6 推荐文件末保留一行空行；在块末和新语句间插入一行空行 1.7 推荐单行最大字符数10 ......
使用 C++ 构建 WebAssembly：提升前端开发的性能和功能
最近项目中遇到一个文档解析的场景，目标是在浏览器端能预览markdown文件。 拿到这个需求，相信很多前端同学会想到使用开源的库，比如github上很受欢迎的marked，当然，是一个简单而有效的方案。 但是如果你了解webassembly一点点的话，相信你也会觉得，像这种数据处理的活交给C++来干 ......
前端工程狮
现在移动互联网发展的这么快，前端开发领域也越来越广，前端早已经告别了切图崽的时代，在web端、移动端(安卓、IOS)、Watch、小程序、公众号开发、混合app开发都能看到前端开发工程师的影子。 从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现 ......
基础课-前端JS
JAVA Script基础语法 意义：让前端界面动起来；它是负责前端界面与用户之间的交互 前端界面变化的思维导图： 触发 调用 运行 用户进行操作 >前端事件 >JS函数 >界面产生变化 JS代码的编写方式 1.嵌入编写 嵌入在HTML中的script（脚本）标记中，它可以出现在任意位置，建议放在b ......
el-pagination在表格中用法（纯前端分页）
1、el-table <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" > ... </el-table> 2、el-pagination <div> <el-paginat ......
前端如何防止数据被异常篡改并且复原数据
每天，我们都在和各种文档打交道，PRD、技术方案、个人笔记等等等。 其实文档排版有很多学问，就像我，对排版有强迫症，见不得英文与中文之间不加空格。 所以，最近在做这么一个谷歌扩展插件 chrome-extension-text-formatting，通过谷歌扩展，快速将选中文本，格式化为符合 中文文 ......
微前端实战
微前端实战 什么是微前端 微前端是指存在于浏览器中的微服务，其借鉴了微服务的架构理念，将微服务的概念扩展到了前端。 如果对微服务的概念比较陌生的话，可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块，每个微前端模块可以由不同的团队进行管理，并可以自主选择框架，并且有自己的仓库，可以独立部署 ......
一键生成前端UI，公司90%项目UI都靠它搞定
今天看公众号，有大神分析了这样的一篇文章：一键生成前端UI，公司90%项目UI都靠它搞定 地址：https://mp.weixin.qq.com/s/UhmLwVeZ0jwZORur8XD2MQ ......
前端实现Excel导出【xlsx】【xlsx-js-style】
最终效果 场景 有的时候我们需要根据服务端返回的数据来导出excel表格 优化一：设置单元格样式 比如：可以调节背景色、字体样式、border xlsx基础库不提供样式设置，可以使用xlsx-js-style库，这个库是xlsx库的fork版本，并添加了样式定义 详细样式可以查看https://gi ......
07前端开发jQuery
作业讲解 """ 一定要明确手上的标签是什么对象 如果原生的js代码查找出来的对象 那么只能调用原生的js方法 如果原生的jQuery代码查找出来的对象 那么只能调用原生的jQuery方法 原生js与jQuery对象的关系 可以将jQuery对象看成是数组包了标签对象 原生js就是标签对象 eg：[ ......
前端常用设计模式
什么是设计模式？ 设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，设计模式并不是一种固定的公式，而是一种思想，是一种解决问题的思路；使用设计模式是为了可重用代码，让代码更容易被他人理解，保证代码可维护性。 设计模式不区分编程语言，设计模 ......
前端性能优化有哪些？
前端有哪些性能优化？前端性能优化分两部分1、加载性能优化2、渲染性能优化一、加载性能优化 本质： • 1、减少请求次数； • 2、减少请求资源的大小； • 3、网络优化； 1、 减少请求次数方式 1）图片资源 ○ CSS雪碧图：把一些常用、重复使用的小图合并成一张大图 ○ 图片懒加载： 利用css的 ......
前端实现文件的断点续传
早就听说过断点续传这种东西，前端也可以实现一下不过本文所说的断点续传并不一定是真的断点续传，只是一种实现方式，等到有业务需求再去验证能不能用这里的断点续传在前端的实现主要依赖着HTML5的新特性，所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收）， ......
后端返回pdf文件流，前端请求返回乱码文件流下载之后pdf文件空白
vue项目中遇到个问题：后端返回pdf文件流，前端请求返回乱码文件流下载之后pdf文件空白 解决办法： 在请求接口的时候设置responseType: "blob"。 axios.get(url,{ responseType: "blob",//这里一定要设置，否则返回的流是乱码，下载之后文件是空白 ......
VUE监听网页关闭和隐藏显示（页签关闭调用某一个接口）
mounted() { this.id = this.$route.query.id; window.addEventListener( "beforeunload", async (e) => await this.beforeunloadHandler(e) ); window.addEvent ......
前端开发解决方案
Arco Design - 企业级产品的完整设计和开发解决方案 ArcoDesign 是一套设计系统的简称。 ArcoDesign 的目标, 即通过通用的设计系统去解决产品中的体验问题, 并为产品设计提供指导原则解决业务问题，同时它能够促进设计部门和研发部门之间协作, 成为开发者之间沟通的语言。 A ......
旅游管理与推荐系统Python+Django网页平台+协同过滤推荐算法
一、介绍 旅游管理与推荐系统。本系统使用Python作为主要编程语言，前端采用HTML、CSS、BootStrap等技术实现界面展示平台的开发，后端使用Django框架处理用户响应请求，并使用Ajax等技术实现前后端的数据通信。本系统主要功能有： 系统分为两个角色：用户和管理员 对于用户角色可以进行 ......
基础课-前端CSS
CSS基础语法 CSS的作用：让前端界面美化 CSS代码的编写位置：1.嵌入编写：CSS代码可以嵌入中HTML一个特殊标记style里，style标记必须是head的子标记 2.外部编写：CSS代码单独编写在后缀是.css文件中，如果某个HTML需要使用CSS代码文件中的样式，就需要使用link标记 ......
前端处理大文件/视频分片上传，断点续传
1、html部分，项目使用的是ant-design-vue组件库；spark-md5进行加密上传 2、使用变量：（通过上传成功的分片数与总分片数对比判断上传是否完成） 3、主要方法： 1、 查询当前文件是否上传 2、获取文件的MD5编码 // 获取文件的MD5编码 computedSliceMd5 ......
助教工作10月总结（前端开发技术）
一、助教工作的具体职责和任务作为前端这门课程的助教主要的职责是辅助老师完成在课外的一些教学任务例如 1、课下的疑难解答 ：课下辅导中，我通过QQ私聊等方式与学生进行沟通，并帮助他们解决在学习过程中遇到的困惑和问题。我会提供适当的指导和建议，引导学生找到解决问题的方法和思路。 2、课外资源的推荐 ：由 ......
vue 2 升级vue3 前端老白
vue 2 升级vue3 前端老白 原文链接：Vue 3已经发布，而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤，让您在升级中无后顾之忧。首先，我们需要升级Vue CLI到4.x。在升级前，我们需要备份项目代码，以防出现意外情况。接着，我们需要在命令行中 ......
浏览器的网页格式出现问题，并且在别人的电脑上没问题，代码也没问题的解决办法
https://baijiahao.baidu.com/s?id=1777341926071232063&wfr=spider&for=pc 看起来像是浏览器设置的问题，可是浏览器设置为了100%，还是原来的情况。 缓存清除了也没有用，最后问了同事才发现是电脑的显示设置原因。 直接按鼠标缩放没有用。 ......
若依前端项目理解&官方文档学习
若依前端项目理解&官方文档学习：https://blog.csdn.net/u010657801/article/details/129441209?ops_request_misc=&request_id=&biz_id=102&utm_term=%E8%AF%BA%E4%BE%9D%20%20f ......
微前端无界机制浅析
随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。为了能够将前端模块解耦，通过相关技术调研，最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架，我们对其运行机制进... ......