js
关注
分享
扫一扫
anne都
相遇即是上上签
展开
-
js判断十六进制颜色属于深色还是浅色
js判断十六进制颜色属于深色还是浅色原创 2022-11-04 10:04:53 · 1434 阅读 · 0 评论 -
elementUi中的el-upload结合el-image预览图片
elementUi中的el-upload结合el-image预览图片原创 2022-11-03 18:55:24 · 1325 阅读 · 0 评论 -
vue3 分模块打包 可单个模块打包，或者所有资源一起打包部署
vue3 分模块打包 可单个模块打包，或者所有资源一起打包部署原创 2022-11-01 17:18:30 · 5501 阅读 · 4 评论 -
antv x6 工艺路径 流程图 前端工厂工艺路径流程图绘制
antv x6 工艺路径 流程图 前端工厂工艺路径流程图绘制 源码原创 2022-10-11 15:49:33 · 734 阅读 · 0 评论 -
div contenteditable disabled 失效问题
div contenteditable disabled 失效问题原创 2022-10-09 11:03:34 · 826 阅读 · 0 评论 -
map 重构数组获取数组对象中某一字段组成新数组或者更改属性名字段返回新数组
一，取数组对象的某一字段属性组成新数组 二：取数组对象的某些字段属性重命名并组成新数组原创 2022-07-06 13:24:58 · 4547 阅读 · 0 评论 -
el-table动态添加行,列。自定义输入表头，input hover 显示文字
1，动态添加行 2，动态添加列 3，右键表头删除列 4，右键表体删除行 5，表格hover提示当前单元格文字，自动换行 6，表头文字自定义 7，表头，添加按钮固定，表体自适应滚动效果图：原创 2022-06-21 10:44:08 · 4665 阅读 · 7 评论 -
uniapp api请求接口 封装
1，写一个公共的api.js let baseURL = 'http://443548ef.cpolar.cn/';//公共api地址。示范 export const myRequest = (options) => { return new Promise((resolve, reject) => { uni.request({ url: baseURL + options.url, //接口地址：前缀+方法中传入的地址 method: options.method || '原创 2022-05-27 16:41:00 · 3793 阅读 · 5 评论 -
vue结合elementui导出单个sheet的xlsx 或多个sheet的xlsx
1.先安装依赖xlsx和 file-saver npm install --save xlsx file-saver 2.在需要的组件内引入 import FileSaver from "file-saver"; import XLSX from "xlsx" 如果提示xlsx 引入不到， "export ‘default’ (imported as ‘XLSX’) was not found in ‘xlsx’ 请使用 import * as XLSX from 'xlsx' 3，导出单个s原创 2022-03-11 10:56:56 · 1912 阅读 · 0 评论 -
jquery 拖拽复制
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jqeruy UI 拖拽练习</title> <style> table { border-collapse: collapse; } table td { .原创 2021-03-18 16:03:20 · 434 阅读 · 0 评论 -
JavaScript ES12新特性
特性抢先知： String.prototype.replaceAll 新增replaceAll Promise.any WeakRefs 逻辑运算符和赋值表达式 数字分隔符号 replaceAll 看到replaceAll这个词，相比很容易联想到replace。在JavaScript中，replace方法只能是替换字符串中匹配到的第一个实例字符，而不能进行全局多项匹配替换，唯一的办法是通过正则表达式进行相关规则匹配替换 而replaceAll则是返回一个全新的字符串，所有符合匹配规则的字符都将被替换掉，替换转载 2020-11-04 15:22:10 · 1393 阅读 · 0 评论 -
手写导航栏切换页面
<style> .container { width: 100%; letter-spacing: 1px; } .navBox{ width: 1200px; margin: 0 auto; padding: 70px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); border: 1px solid #ddd;.原创 2020-10-10 10:19:12 · 467 阅读 · 0 评论 -
前端 mediaRecorder 录制视频源代码实例，和本地播放器无法定位进度条问题分析和解决
问题 mediaRecorder 本质上录制的是webm 当我们使用getUserMedia、MediaRecorder等API生成的webm视频时，会发现最终的webm是无法拖动进度条的 解决方案 一、计算视频长度，分配给blob 这种方法的核心就是，在start开始录制时，记录一个开始时间，然后在stop停止录制后，把当前时间与记录的开始时间相减，在把时间赋值给blob来解决这个问题。源代码 主要代码 MediaUtils.getUserMedia(true, true, function (err原创 2020-09-11 14:24:38 · 6504 阅读 · 5 评论 -
多个数组合并
1、concat js的Array对象提供了一个叫concat()方法，连接两个或更多的数组，并返回结果。 var arr1=[‘a’,‘b’,‘c’,‘d’]; var arr2=[‘d’]; var arr3=[‘e’,‘f’]; var cc=arr1.concat(arr2,arr3); console.log(cc);//[“a”, “b”, “c”, “d”, “d”, “e”, “f”] 这里有一个问题，concat方法连接a、b两个数组后，a、b两个数组的数据不变，同时会返回一个新的数组。这转载 2020-09-11 10:37:40 · 3050 阅读 · 4 评论