前端常见的两种pc适配方案介绍
目录 1、自适应介绍 1.1、场景 1.2、意义 2、方案一 适配宽高 2.1、介绍:适配小于比例的宽或高,进行缩放 并移动位置使其在页面中心点 2.2、缺点:两侧或上下可能会留白 字体变小 3、方案二 适...
前端必须掌握的五种常用排序算法总结大全
目录 前言 1. 冒泡排序(Bubble Sort) 2. 选择排序(Selection Sort) 3. 插入排序(Insertion Sort) 4. 快速排序(Quick Sort) 5. 归并排序(Merge Sort) 总结 前言 在前端开发中,...
前端异步同步处理应用场景及优化详细讲解和举例
目录 前言 一、同步处理应用场景及举例 二、异步处理应用场景及举例 三、异步处理的优化方式 1. 回调函数 1.1、简单的回调例子: 1.2、简单的回调地狱例子及解决: 2. Promise 3. async/await ...
前端实现监控SDK的实战指南
目录 监控内容 功能拆分 初始化 错误监控 错误类型 用户埋点统计 手动埋点 自动埋点 PV统计 history路由 hash路由 UV统计 数据上报 总结 监控内容 错误监控如:浏览器兼容问...
前端通过表单将pdf等文件传入后端
目录 前端通过表单形式将其传入后端 文件上传的流程: 文件上传表单示例: 解释: 后端处理文件上传的例子: 用JS将文件传入后端 html JS绑定事件 axios传递 总结 我们知道在js中我们可以通过:...
前端实现文本对比并高亮显示差异的方法
目录 文本对比 高亮显示差异 总结 你有没有想过,常见的代码差异对比是如何都实现的呢?其实这里面涉及到非常复杂的文本对比算法,本文就来看看如何通过现有工具库 jsdiff + diff2html 实现文本...
前端文件上传实现代码示例(文件上传,分片上传,断点续传)
目录 普通文件上传 分片上传 断点续传 秒传 其他问题 之 上传过程中刷新页面怎么办 其他问题 之 某个切片上传失败怎么办 总结 普通文件上传 思路: 首先获取用户选择的文件对象,并将其添加到一...
前端常用6种数据加密方式的使用详细讲解
目录 前言 1. Base64 编码 2. MD5 哈希 3. SHA-256 哈希 4. AES 对称加密 5. RSA 非对称加密 6. HMAC 消息认证码 总结 前言 在前端开发中,数据加密是一个重要的安全措施,可以保护用户数据不被...
前端使用domtoimage生成截图的详细步骤
目录 前端生成截图有多种方式: domtoimage方法 domtoimage属性 附:dom-to-image实现的网页截图 总结 前端生成截图有多种方式: 使用html2canvas,在之前文章中已有具体介绍(使用html2canvas...
前端html2canvas生成截图实现步骤与踩坑记录
需求: 点击下载可以导出组件的截图及数据信息文件 分析: 前端生成组件截图,带着其他参数传给后端,拿到excel文件并下载。关键在于生成组件的截图,这里通过html2canvas插件来实现。 实现步骤...