前端

你不知道的前端console用法分享-牛翰网

你不知道的前端console用法分享

目录 最常见的控制台方法 打印时间 性能分析 打印计次 堆栈跟踪 打印表格 分组打印 console.log() 进阶 总结  console对于前端人员来讲肯定都不陌生,相信大部分开发者都会使用console来进...
6d8384bb93d72d51的头像-牛翰网诸葛亮的芭蕉扇11个月前
04810
前端实现读取word文件并将其原样式展示的几种方案-牛翰网

前端实现读取word文件并将其原样式展示的几种方案

目录 前言 1. 使用第三方库 2. 使用Office 365 API 3. 转换为PDF 总结 前言 在前端直接读取并原样展示Word文档是一个相对复杂的任务,因为Word文档的格式(如.doc或.docx)与Web技术栈使用的格...
20ab64dba603ca53的头像-牛翰网WEB_CMC11个月前
0346
使用Nginx部署前端项目的详细步骤记录-牛翰网

使用Nginx部署前端项目的详细步骤记录

目录 使用Nginx部署前端项目 1. 使用npm打包前端项目 2. Nginx的目录结构 3. 将dist文件拷贝到Nginx的html目录下 4. 启动Nginx并访问你的网页 5. 处理端口占用问题 总结 使用Nginx部署前端项目 ...
777df6418ab2c33e的头像-牛翰网终末圆11个月前
03413
JS前端文件读取FileReader操作方法总结-牛翰网

JS前端文件读取FileReader操作方法总结

目录 FileReader 主要方法 readAsArrayBuffer(blob) readAsText(blob, [encoding]) readAsDataURL(blob) 主要事件 React + antd Upload 组件示例 总结  FileReader FileReader 是一个对象...
55325e3763c2aecf的头像-牛翰网yqdidy11个月前
03213
前端传参的三种方式实战案例-牛翰网

前端传参的三种方式实战案例

目录 1、params 传参 2、data 传参 3、headers 传参 附:前端传参后端没接到什么原因 总结  1、params 传参 参数拼接在地址 url 的后面给后台;地址栏中可见 案例1 地址栏:https://xxxxxx...
b3bb71b1bf3b4122的头像-牛翰网发渐稀11个月前
03412
前端判断节假日的详细代码举例-牛翰网

前端判断节假日的详细代码举例

目录 安装并引入  直接调用 获取指定日期范围内的所有节假日 取指定日期范围内的工作日列表 查找工作日 获取 24 节气的日期 阳历转换农历 根据阳历日期区间,批量获取农历日期 农历转换阳...
前端实现水印效果的5种方案举例-牛翰网

前端实现水印效果的5种方案举例

目录 1. 使用CSS伪元素添加水印 2. 使用Canvas绘制水印 3. 使用CSS重复背景图片 4. 使用SVG图像 5. 使用第三方库 6. 总结 前端开发不断创新,其中之一是实现水印效果。水印可以用于保护内容的版...
b17ad803014da264的头像-牛翰网前端大师兄11个月前
0517
前端在浏览器端播放直播流协议的2种方式讲解-牛翰网

前端在浏览器端播放直播流协议的2种方式讲解

目录 一、播放.m3u8 1、hls.js 特征 2、使用hls.js 1. 安装hls.js 2. 使用hls.js实现播放m3u8格式流,获取video节点 3. 销毁 4. 致命错误恢复 5. 切换播放源 二、播放.flv 1、安装flv.js 2...
dc264349a77f78d5的头像-牛翰网不怕麻烦的鹿丸11个月前
04110
前端JavaScript经典操作之数组常用方法总结-牛翰网

前端JavaScript经典操作之数组常用方法总结

目录 一:不改变原数组的方法 1. join 数组拼接 2. concat 尾部插入 3. slice 裁切 4. indexOf 查找 5. lastIndexOf 查找 6. reduce 高阶函数 6.1 数组求和 6.2 初始值 10,数组求和 6.3 ...
0b2e445e17428c78的头像-牛翰网yqcoder11个月前
0798
前端使用正则表达式进行校验的方法总结大全-牛翰网

前端使用正则表达式进行校验的方法总结大全

目录 一、定义 二、匹配规则 三、匹配方法 str.match(regexp) str.matchAll(regexp) str.search(regexp) str.replace(regexp) str.split(regexp) regexp.exec(str) regexp.test(str) 附:断言例...
afe9805b7b1a16c0的头像-牛翰网weixin_4396202011个月前
0296