前端

前端常见的两种pc适配方案介绍-牛翰网

前端常见的两种pc适配方案介绍

目录 1、自适应介绍 1.1、场景 1.2、意义 2、方案一 适配宽高 2.1、介绍:适配小于比例的宽或高,进行缩放 并移动位置使其在页面中心点 2.2、缺点:两侧或上下可能会留白 字体变小 3、方案二 适...
52c1ed5a06b9eb7c的头像-牛翰网无恃而安8个月前
05212
前端必须掌握的五种常用排序算法总结大全-牛翰网

前端必须掌握的五种常用排序算法总结大全

目录 前言 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的实战指南-牛翰网

前端实现监控SDK的实战指南

目录 监控内容 功能拆分 初始化 错误监控 错误类型 用户埋点统计 手动埋点 自动埋点 PV统计   history路由 hash路由 UV统计 数据上报 总结  监控内容 错误监控如:浏览器兼容问...
前端通过表单将pdf等文件传入后端-牛翰网

前端通过表单将pdf等文件传入后端

目录 前端通过表单形式将其传入后端 文件上传的流程: 文件上传表单示例: 解释: 后端处理文件上传的例子: 用JS将文件传入后端 html JS绑定事件 axios传递 总结 我们知道在js中我们可以通过:...
前端实现文本对比并高亮显示差异的方法-牛翰网

前端实现文本对比并高亮显示差异的方法

目录 文本对比 高亮显示差异 总结 你有没有想过,常见的代码差异对比是如何都实现的呢?其实这里面涉及到非常复杂的文本对比算法,本文就来看看如何通过现有工具库 jsdiff + diff2html 实现文本...
5e7bb53ed6d4c563的头像-牛翰网李牌牌you8个月前
01048
前端文件上传实现代码示例(文件上传,分片上传,断点续传)-牛翰网

前端文件上传实现代码示例(文件上传,分片上传,断点续传)

目录 普通文件上传 分片上传 断点续传 秒传 其他问题 之 上传过程中刷新页面怎么办 其他问题 之 某个切片上传失败怎么办 总结 普通文件上传 思路: 首先获取用户选择的文件对象,并将其添加到一...
cae88fe11bae91f4的头像-牛翰网STATICHIT静砸8个月前
0515
前端常用6种数据加密方式的使用详细讲解-牛翰网

前端常用6种数据加密方式的使用详细讲解

目录 前言 1. Base64 编码 2. MD5 哈希 3. SHA-256 哈希 4. AES 对称加密 5. RSA 非对称加密 6. HMAC 消息认证码 总结 前言 在前端开发中,数据加密是一个重要的安全措施,可以保护用户数据不被...
e4965353ca1dadba的头像-牛翰网小码快撩8个月前
0428
前端使用domtoimage生成截图的详细步骤-牛翰网

前端使用domtoimage生成截图的详细步骤

目录 前端生成截图有多种方式: domtoimage方法 domtoimage属性 附:dom-to-image实现的网页截图 总结 前端生成截图有多种方式: 使用html2canvas,在之前文章中已有具体介绍(使用html2canvas...
e291ad491edc9a10的头像-牛翰网Lucky_Dog_c8个月前
04515
前端html2canvas生成截图实现步骤与踩坑记录-牛翰网

前端html2canvas生成截图实现步骤与踩坑记录

需求: 点击下载可以导出组件的截图及数据信息文件 分析: 前端生成组件截图,带着其他参数传给后端,拿到excel文件并下载。关键在于生成组件的截图,这里通过html2canvas插件来实现。 实现步骤...
e291ad491edc9a10的头像-牛翰网Lucky_Dog_c8个月前
0585