随笔分类 - JavaScript
摘要：第一步 下载dicom-parser.js库 npm安装： npm install dicom-parser 第二步 封装dcm转换base64图像数据的方法 /** * dicomToBase64.js文件 */ import * as dicomParser from 'dicom-parser
阅读全文
摘要：在微信小程序中使用supabase在线数据库可以无需后端和服务器完成个人小项目的开发。本文记录我的使用过程，在阅读本文前，建议您先满足以下条件： 持有可用于开发的微信小程序 了解kexue上网 第一步 注册与简单使用 首先，我们到https://supabase.com/注册一个账户，并创建一个您的
阅读全文
摘要：在前端使用JSEncrypt进行加密是一种常见的做法，它可以帮助保护数据在客户端到服务器的传输过程中的安全性。以下是使用 JSEncrypt 进行前端加密的基本步骤： 一、安装 npm install jsencrypt 二、封装加密和解密方法 新建jsencrypt.js文件，在文件内封装加密和解
阅读全文
摘要：
JSX 先介绍 React 唯一的一个语法糖：JSX。 理解 JSX 语法并不困难，简单记住一句话，遇到 {} 符号内部解析为 JS 代码，遇到成对的 <> 符号内部解析为 HTML 代码。 当你写下这个 React 组件时： import React from 'react'; function
阅读全文
JSX 先介绍 React 唯一的一个语法糖：JSX。 理解 JSX 语法并不困难，简单记住一句话，遇到 {} 符号内部解析为 JS 代码，遇到成对的 <> 符号内部解析为 HTML 代码。 当你写下这个 React 组件时： import React from 'react'; function
阅读全文
摘要：一、代码封装 这是一个使用node.js实现的对本地文件进行增删改查的工具代码封装，其中代码结尾包含了使用方法示例，具体封装代码如下： // jsonTool.js const fs = require('fs'); const path = require('path'); // 定义 JSON
阅读全文
摘要：一、封装方法 在项目根目录src下的utils中新增webSocketManager.js封装文件，代码内容如下： // webSocketManager.js /** WebSocketMessenger封装类 */ class WebSocketManager { constructor(url
阅读全文
摘要：一、问题 在项目开发过程中，发现有很多时候进行localStorage.setItem()操作设置本地存储后，页面必须刷新才能够获取到存储数据，而有些时候本地缓存更新后，页面无法通过再次刷新以获取本地缓存，这就导致依赖本地缓存的数据无法进行更新。为了解决这个问题，就必须要用到自定义localStor
阅读全文
摘要：一、问题 最近在使用getDisplayMedia方法录制屏幕时遇到问题，总是在录制结束后才能得到全部的视频，最后通过查找资料发现有一个视频分片的配置参数，就是MediaRecorder： start（） 方法中的timeslice参数。 timeslice 可选参数 要记录到每个 Blob 中的毫
阅读全文
摘要：一、生成条形码 下载JsBarcode.js库 在对应项目的终端中，输入如下代码，安装： npm install jsbarcode --save 在二维码生成的页面中引入： import JsBarcode from "jsbarcode"; 使用示例： <!-- 条形码生成的页面--> <tem
阅读全文
摘要：vis.js是一个动态的、基于浏览器的可视化库。该库被设计为易于使用，可以处理大量动态数据，并支持对数据的操作和与数据的交互。该库由组件DataSet, Timeline, Network, Graph2d和Graph3d组成。 现在使用vis.js实现一个简单的网络类似网络拓扑的关系图谱，效果如下
阅读全文
摘要：
因为Vue3项目开发中需要用到Mock数据，所以这里记录一种快速Mock数据的方法。 一、安装 首先，你需要安装 axios 和 axios-mock-adapter。 npm install axios axios-mock-adapter --save 二、编写mock数据 为了保证项目的整洁，
阅读全文
因为Vue3项目开发中需要用到Mock数据，所以这里记录一种快速Mock数据的方法。 一、安装 首先，你需要安装 axios 和 axios-mock-adapter。 npm install axios axios-mock-adapter --save 二、编写mock数据 为了保证项目的整洁，
阅读全文
摘要：一、实现效果： 二、方法代码封装： 方法一： //encryptPhoneNumber.ts /** * 加密手机号码中间四位 * @param phone 手机号 * @returns { string } 加密后的手机号 */ export function encryptPhoneNumber
阅读全文
摘要：💡闲来无事自己基于原生js方法封装了一个可用于常见货币格式化的方法，具体方法封装如下： /** * 格式化人民币金额 * @param number num 数字金额 * @param string symbol 金额符号，默认值为人民币："CNY" * @example symbol符号参数如下
阅读全文
摘要：防抖函数和节流函数都是为了解决JavaScript中频繁触发事件而导致的性能问题，但它们的实现方式和使用场景有所不同。 一、防抖函数 防抖函数的作用是在事件触发后一定时间内没有再次触发该事件时，才执行处理方法。简单来说，就是在最后一个事件被触发后，还要等待一段时间，如果这段时间内没有再次触发事件，才
阅读全文
摘要：1、使用场景： 例如：搜索框搜索输入。只需用户最后一次输入完，再发送请求 2、函数防抖的要点： 需要一个 setTimeout 来辅助实现，延迟运行需要执行的代码。如果该方法多次触发，则把上次记录的延迟执行代码用 clearTimeout 清掉，重新开始计时。若计时期间事件没有被重新触发，等延迟时间
阅读全文
摘要：使用uniCloud云函数结合nodemailer发送邮件的时候，在本地调试可以发送成功，但是当我把云函数上传后，就不能发送到邮件了，但是云函数依旧执行了。开始我以为是node.js版本的原因，但是经过排查，我发现不是版本原因，而是线程原因，于是，我前往社区查看，最终找到了一篇很有用的文章。如下：
阅读全文
摘要：在编码过程中，有时候我们需要对一个变量判断其是否有值，这里有一种比较不错的方法判断： !!variable //返回True为存在值，返回False为不存在值 注意是双感叹号“!!” 示例如下： var obj={ name:'张三', phone:'', //注意区分此处''中间是没有空格的，空格
阅读全文
浙公网安备 33010602011771号