页面driver js
js学习
变量 使用var 定义的变量，在最外层定义时，可以是使用window获取 使用 let 和 const 时，就不行，let 和cont是从当前作用域中获取 实现一个const 数据类型 null、undefined 、NaN、0、空字符串 会在转换成布尔值的时候转化为false for循环 可以使用 ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
【前端性能】高性能滚动 scroll 及页面渲染优化
【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none ......
highlight_highlight.js在vue项目中的基本用法
目录简介安装使用在vue项目中的使用附录获取可选的样式文件快速获取可选样式 简介 highlight.js是一个将代码html, 即通过<pre>标签包裹的<code>标签内的代码字符串文本赋予样式的插件; 安装 npm i highlight.js -S 使用 在vue项目中的使用 在main.j ......
uniapp 在app.vue中的异步请求完，页面中的onload或者onshow再请求（promise方法）
第一步： 在main.js里面注册onLaunched，onLaunched，onLaunched，isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
TienChin 渠道管理-渠道页面完善
最后附上渠道管理的数据 install SQL 语句： INSERT INTO TienChin.tienchin_channel (channel_id, channel_name, status, remark, type, create_by, update_by, create_time, ......
JAVA 实现登录页面生成验证码
1 import javax.swing.*; 2 import java.awt.Color; 3 import java.awt.Font; 4 import java.awt.Graphics; 5 import java.awt.event.ActionEvent; 6 import jav ......
Java swing 实现QQ登录注册页面
代码如下1 package com.lty; 2 import javax.swing.*; 3 import java.awt.*; 4 import java.awt.event.ActionEvent; 5 import java.awt.event.ActionListener; 6 imp ......
页面级布局
需求：左右两侧布局 <div class="container"> <!-- 左侧列yi --> <div class="left-column"> <div class="top-section"> <!-- 组件 A 上部分 --> <h2>组件 A 上部分</h2> <!-- 添加组件 A 上 ......
JS防抖和节流
引言： 在前端开发中，性能优化是至关重要的。在处理用户输入、滚动事件、表单提交以及其他频繁触发的操作时，防抖和节流是两个常用的技术，用来减少不必要的资源消耗和提高用户体验。 什么是防抖和节流？ 防抖：它限制了一个函数在连续触发事件后的执行次数。如果在一段时间内多次触发同一事件，只有最后一次触发后，函 ......
JS计算数组层级（深度）
如果有一个多层嵌套的数组，想要计算其层级（深度），可以使用递归或迭代方法来实现。以下是两种常用的方法示例： 递归方法： function calculateDepth(arr) { if (!Array.isArray(arr)) { return 0; // 如果不是数组，返回0表示不是层级结构 ......
ant design pro改造表格页面
找到src/pages/TableList/index.tsx 先ctrl+shift+- 全局压缩 在TableList找到columns 换成我们自己的 ProColumns中放的是数据 下图为API.InterfaceInfo const columns: ProColumns<API.Int ......
跨页面通信方式
1. 父子页面通信 父子页面有两种，iframe嵌套的和window.open打开的。window.open打开的页面，在窗口模式时，被打开的页面就是当前页面的子页面，tab模式时，只是形式不一样，也是子页面，可以通过window.opener来访问父页面。 iframe的通信方式: window. ......
session存储数据-解决歌手页面刷新报错的问题
刷新报错的原因是，singer数据是需要在singer.vue页面去传到singerdetail.vue页面的，所以想要重新加载singerdetail页面就必须重新返回到singer页面，很麻烦，想要解决就只需要将数据存储到session中既可以，网站的数据存储一般有两种，一个是location一 ......
记录--用js如何实现将手机号中间的几位数字变成****
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 今天，我们要实现一个很常见并且简单的功能：将手机号中间的几位数变成**** 这个功能其实很常见，比如我们微信的账号安全里面显示的手机号、掘金的账号设置里面显示的手机号、支付宝里面的证件号码、各大银行的App卡号.....还有很多有关系到我 ......
页面中点击按钮需要新建轮播（需要新建多个），出现顺序错乱的问题
当页面中通过点击按钮切换轮播，即点击按钮需要new swiper，新建后，页面中swiper内容没有问题 但是，点击上一个下一个按钮，顺序会发生错乱 在new 之前需要使用destroy销毁 ......
js call
js 中 function 其实就是 class，function name 就是 class name； 在方法体中，想要实现继承的效果，可以通过 call 来实现： call 方法更改对象内部 this 的指向； function Animal(name){ this.name = name; ......
el-upload file转blob 用于预览pdf.js和下载文件
// file转blob fileToBlob(file, callback) { const type = file.type; const reader = new FileReader(); reader.onload = (evt) => { const blob = new Blob([e ......
vue通过js代码实例化组件
最近在写项目的一些公共组件（一些选择器），很多个地方都需要用，所以在main.js全局声明了，但发现子页面调用还是有挺多的地方需写。 例如，要在template实例化组件，并用ref绑定，然后在js里的methods里写方法。 main.js 声明全局组件 第一种方案 一开始想到的是用ref绑定组件 ......
使用原生的js实现分享功能，代码非常精简
分享一个原生的js实现移动端分享功能，希望大家喜欢。 兼容性： 实现代码： function share(){ if (!navigator.share) { alert("您当前浏览器不支持分享！"); } else { navigator.share({ title: '{$title}', t ......
vue页面集成海康威视web视频播放插件
参考大神链接：https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程：ht ......
记录--H5页面对接微信支付踩坑杂记
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 应用背景：vite搭建的vue3项目 需求背景：功能都涉及了支付业务，故需要和外部支付系统对接 外部支付系统：聚合支付、微信小程序支付、微信H5支付 目录 读完本文，你将会对以下几个坑点有所了解： 对接第三方服务商过程踩坑 对接小程 ......
js 事件循环
JavaScript 是一门单线程语言，单线程意味同一时间只能做一件事，这样没有造成堵塞就是因为事件循环。 在javascript中所有任务可以分为同步任务，异步任务。 同步任务:立即执行的任务，一般按照执行顺序直接进入主线程执行 异步任务: 异步执行的任务，比如setTimeout,ajax请求等 ......
原生HTML单页面使用vue框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Dynamics CRM - 使用 JS 对字段取值、赋值、实体属性设置等
整理下平时CRM开发中用到的一些基本的js操作 取值： var oResult = Xrm.Page.getAttribute(sFieldName).getValue(); var oResult = Xrm.Page.getControl(sFieldName).getAttribute().g ......
每日一练：无感刷新页面（附可运行的前后端源码，前端vue,后端node）
1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......
HarmonyOS应用侧与前端页面数据通道建立
一、 应用侧调用前端页面函数 应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。 ● 前端页面代码。 <!-- index.html --> <!DO ......
解决uni-app 输入框，键盘弹起时页面整体上移问题
解决uni-app 输入框，键盘弹起时页面整体上移问题 我们每次在做UNIAPP小程序和H5遇到输入框时，总会在测试的时候点击输入框弹出软键盘把页面往上移动，仔细翻读uniapp文档的时候发现了一个属性adjust-position ：Boolean类型，作用是键盘弹起时，是否自动上推页面 1.发现 ......
django—实现前端页面批量删除功能
views.py 代码: from django.shortcuts import render, redirect from .models import YourModel # 使用你实际的模型名称替换 def batch_delete(request): if request.method = ......
表单提交页面刷新问题
背景 在template中使用了<form></form>，在form中使用了button button绑定了onClick事件，进行非提交表单的操作 当点击button时页面会自动刷新 原因 form标签在提交的时候会自带刷新页面的请求 button标签默认type="submit"，放在form ......