前端页面在移动设备上显示不正常的原因及解决方案
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 122
页面在移动设备上显示不正常的原因及解决方案当页面在移动设备上显示不正常时,通常是由于布局、样式或响应式设计设置不当所引起的。移动设备的屏幕尺...
前端精度丢失问题解决之后端Long类型到前端的处理策略
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 131
前言在web开发中,我们经常遇到前后端数据类型不匹配的问题,特别是当后端使用大数据类型如long时,前端由于javascript的数字精度限...
JavaScript中变量提升导致未定义(undefined)的问题及解决方法
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 127
javascript 中的变量提升导致未定义的问题在 javascript 中,变量提升(hoisting)是一个相对常见的行为,尤其是当你...
eCharts图表实现扇形和折线图代码示例
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 119
前端步骤:1.引入需要的文件2.设置一个有大小的盒子3.设置数据,创建一个方法,发送请求(分析需要的数据,统计店铺和用户的总数占比)4.接收...
uni-app中如何使用uni.showModal添加输入框
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 133
在 uni-app 中,可以使用uni.showmodal方法展示一个模态弹窗,并在其中添加输入框。以下是一个示例代码:uni.showmo...
前端js sm2实现加密简单代码举例
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 117
vue31. 安装 sm2 加密库首先,你需要安装适合的 sm2 加密库。在前面的讨论中提到了js-sm2这个 javascript 实现的...
小程序与内嵌webview的数据交互方案详解
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 136
一、目的我们要就将h5切换到小程序,由于时间问题,一些页面不得不通过webvie承接,所以这就涉及到h5和webview交互的问题。(后期把...
前端实现时钟网页的详细代码示例
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 119
项目介绍时钟显示在网页中央,并且使网页能够切换白天和夜晚两种模式。搭建基本的html结构,动态得到实时的时,分,秒通过date()函数获得。...
Echarts柱状图修改柱子颜色渐变及柱子圆角效果实例
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 137
前言修改柱状图柱子背景色渐变和圆角,可通过修改series.itemstyle.normal.barborderradius属性实现圆角设置...
uni-file-picker文件选择上传功能实现代码
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 121
一、 基础用法uni-file-picker文档说明mode="grid" ,可以使用九宫格样式选择图片limit=&q...
js window.addEventListener 简介
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 133
window.addeventlistener 是 javascript 中的一个方法,用于向指定对象(在这个情况下是 window 对象,...
前端如何利用JS实现自定义表格滚动效果实例
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 140
在数据可视化大屏中会有滚动表格的需求,不使用插件自己封装重复使用!!!!好久不见!话不多说,直接上代码!!!!!!!!!!一、利用scrol...
前端html2canvas生成截图实现步骤与踩坑记录
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 118
需求:点击下载可以导出组件的截图及数据信息文件分析:前端生成组件截图,带着其他参数传给后端,拿到excel文件并下载。关键在于生成组件的截图...
前端使用domtoimage生成截图的详细步骤
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 131
前端生成截图有多种方式:使用html2canvas,在之前文章中已有具体介绍()这个插件在生成截图的时候有一些弊端,在canvas绘制时耗时...
解决iframe嵌套第三方网址不能访问的各种报错
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 132
第一种报错描述:refused to display '嵌套的网址' in a frame because it set &...
前端常用6种数据加密方式的使用详细讲解
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 164
前言在前端开发中,数据加密是一个重要的安全措施,可以保护用户数据不被轻易窃取或篡改。以下是六种常用的前端数据加密方式及其示例代码和详细讲解:...
前端文件上传实现代码示例(文件上传,分片上传,断点续传)
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 130
普通文件上传思路:首先获取用户选择的文件对象,并将其添加到一个formdata对象中。然后,使用 axios 的post方法将formdat...
微信小程序调用腾讯地图API文档JavaScript SDK和WebService API详细解读
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 137
搜索:腾讯位置服务找到api文档:入门中第一步:申请开发者密钥key前往控制台:创建应用并获取key:设置key的时候,还需要小程序的app...
echarts加载区域地图并标注点的简单步骤
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 140
效果如下,加载了南海区域的地图,并标注几个气象站点;1、下载区域地图的json:datav.geoatlas地理小工具系列新建nanhai....
前端实现文本对比并高亮显示差异的方法
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 162
你有没有想过,常见的代码差异对比是如何都实现的呢?其实这里面涉及到非常复杂的文本对比算法,本文就来看看如何通过现有工具库 jsdiff + ...
前端通过表单将pdf等文件传入后端
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 142
我们知道在js中我们可以通过:<input type="file" name="file" id="fileinput" accept...
Element-plus安装及基础组件使用详解
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 169
简而言之,在main.js中导出以下库,仅此,搞多了出错难排查import elementplus from 'element-pl...
ESLint详解及在WebStorm中的应用步骤
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 135
前言eslint是一个开源的javascript代码检查工具,用于识别和报告javascript代码中的模式问题。它可以帮助开发者遵循一定的...
抓取JavaScript动态加载的内容的方法总结
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 126
引言javascript动态加载的内容常见于现代web应用中,用于增强用户体验和减少初始页面加载时间。然而,这些动态加载的内容对于传统的网页...
JavaScript展开运算符用法及实际应用详解
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 126
前言在现代javascript编程中,展开运算符(spread operator)是一种非常强大且灵活的语法糖。它使用三个连续的点(...)...
uniapp与webview直接进行传值的代码示例
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 133
uniapp与webview直接进行传值<template> <view class="advertisement" s...
Electron 使用 Nodemon 配置自动重启的方法
2024-10-28 13:39 | 分类:编程语言 | 评论:0 次 | 浏览: 132
在electron项目中,每次修改了代码都需要手动关闭应用,再执行npm start重启应用。nodemon 是一个非常实用的工具,主要用于...
React避免不必要的重新渲染的方法示例
2024-10-28 13:37 | 分类:编程语言 | 评论:0 次 | 浏览: 127
1. 使用react.memo缓存组件react.memo帮助你在组件的 props 没有改变时跳过重新渲染。但是,如果不实现自定义比较函数...
React hooks如何清除定时器并验证效果
2024-10-28 13:37 | 分类:编程语言 | 评论:0 次 | 浏览: 118
react hooks清除定时器并验证效果目录结构如下所示:usetime hook// src/hooks/common.tsimport...
react组件中debounce防抖功能失效问题解决办法
2024-10-28 13:37 | 分类:编程语言 | 评论:0 次 | 浏览: 125
一、问题背景import { debounce } from 'lodash'; const [searchkey, setsearchk...