表头 前端 页面table

js执行的比dom渲染快很多,执行完一定的js才在页面渲染一次dom,UI渲染是宏任务

假设HTML有一个按钮id为btn,经过以下操作最终会变成什么颜色? document.getElementById('btn').style = 'background: blue'; document.getElementById('btn').style = 'background: red' ......
dom 任务 页面

playwright页面元素操作

一、fill()输入 page.locator('#username').fill('输入内容') #先定位在输入 page.get_by_label("用 户 名").fill('输入内容') #先定位在输入 page.fill('#username', 'test') #直接调用fill 这里需 ......
playwright 元素 页面

Lodash-前端 js工具库

官网:Lodash 简介 | Lodash中文文档 | Lodash中文网 (lodashjs.com) import _ from 'lodash' const dialogHandler = (val) => { if (val) { listCompanyByCurrentUserIdFn() ......
前端 工具 Lodash

C++ insert into tables of pgsql via libpq-fe.h and compile by g++-13

1.Install libpq-dev sudo apt install libpq-dev locate libpq-fe.h /usr/include/postgresql/libpq-fe.h 2.create table t1 create table t1(id bigserial not ......
libpq-fe compile insert tables libpq

文件阅读器的使用——利用文件阅读器将选中的文件图片展示到前端页面

代码示例: # HTML部分 <form action=""> <div class="form-group"> <label for="id_file"> 用户头像 {% load static %} <img src="{% static 'img/default.png' %}" alt="" ......
文件 阅读器 图片展示 前端 页面

vue2页面Uncaught runtime errors

当vue2请求错误,或者出现其它错误时,界面会出现一个遮罩层提示Uncaught runtime errors 解决方法: 1.打开vue.config.js或者vue.config.ts文件 2.配置devServer devServer: { // 解决页面弹出红色报错遮罩层 client: { ......
Uncaught runtime 页面 errors vue2

当用户打开一个网页时,想一直停留在当前打开的页面,禁止页面前进和后退,以下正确的是

A window.history.forward(1); B window.history.back(1); C window.history.go(-1); D window.history.forward(-1); 正确答案:AD 现在已经打开了一个新的网站,这个网站可以后退,不可以前进(因为不 ......
页面 网页 用户

el-table 多表格弹窗嵌套数据显示异常错乱问题

1、业务背景 使用vue+element开发报表功能时,需要列表上某列的超链接按钮弹窗展示,在弹窗的el-table列表某列中再次使用超链接按钮点开弹窗,以此类推多表格弹窗嵌套,本文以弹窗两次为例 最终效果如下示例页面 2、具体实现和问题抛出 <template> <div class="el_ma ......
表格 el-table 数据 问题 table

前端存储:localStorage、sessionStorage

IDE:HBuilder X 3.8.12 -- 序章 前端存储数据的方式 有以下几种: JavaScript Cookie Web存储 localStorage sessionStorage HTML5 Web SQL 数据库 IndexedDB 本文测试其中的 Web存储:localStorag ......
前端 sessionStorage localStorage

el-table fixed 之后 遮挡滚动条 或者 左浮动之后 遮挡合计列 滚动条不能拖动

1. 第一步 讲 浮动的table 事件 穿透 .el-table__fixed, .el-table__fixed-right { pointer-events: none; }/* 表格固定列-鼠标事件穿透 */ 2. 第二步 操作列 浮动后 按钮可点击 .el-table__fixed td, ......
el-table table fixed el

获取当前页面URL信息

1,设置或获取对象指定的文件名或路径。 window.location.pathname 结果:/admin/index/index.html 2,设置或获取整个 URL 为字符串。 window.location.href 结果:http://192.168.1.11/admin/index/ne ......
页面 信息 URL

js帮我实现单页面跳转到指定页面的技术!

网站的根目录下的HTML文件中(通常是 index.html 或 index.php)使用 window.location 对象。 以下是一个简单的HTML页面示例,它包含了JavaScript代码,用于执行这样的重定向: <!DOCTYPE html> <html lang="en"> <head ......
页面 技术

支付宝 返回的form如何在前端打开

支付宝支付时返回了一段标签标签大概是 <form></form><script></script> 试了innerHtml怎么试都不能用,是那种直接把字符串输出到div里面去的而不是转为标签 那么应该怎么处理呢? document.write(this.payData.config) 一句搞定。。。 ......
前端 form

前端学习-JavaScrip学习-js基础03

学习教程:黑马程序员视频链接 循环 案例-九九乘法表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s ......
前端 JavaScrip 基础 js

前端学习-JavaScrip学习-sort()函数

sort()函数默认按照字符串Unicode码排序 如果希望按照数字大小排序,需要传参 let arr = [2,4,5,6,22,9,10,111,2,1,32]; console.log(arr.sort(function(a,b) { return a - b; //升序 // return ......
前端 函数 JavaScrip sort

前端学习之html和css

前端 快速入门篇:首先给个title,就是页面标题,比如说这页的 博客后台 - 博客园 这种,第二就是我在它的页面身体里面的标题有h1——h6六种大小的标题,可以按需选择,这个是文字类,然后为了美观一点,可以放图片上去,然后图片也得有它的大小尺寸,包括文字标题也是对吧,所以就引入了css,,css就 ......
前端 html css

设置Thymeleaf页面复选框显示勾选效果

Springboot版本 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.7.14</version> <relat ......
Thymeleaf 效果 页面

升级页面的动画制作

图片准备 图片需要BMP格式,这种格式的显示效果好 使用Image2Lcd将图片转换成bin文件: 只需2步就可得到bin文件 合并bin文件 打开合成Bin文件包,将新增的Bin按顺序序号放到文件夹里 修改marge.bat,修改文件最大值 双击bat即可 将dat文件烧进SPI FLASH里 修 ......
动画制作 页面 动画

selenium定位元素被页面遮挡问题

问题:在定位页面列表某个元素时,因数据较多必须滑动滚动条才能看到下面数据,如下图所示: 使用一般的定位方法找不到元素:driver.find_element_by_xpath('//div[@class,"a"]').click() 报错信息:is not clickable at point (8 ......
selenium 元素 页面 问题

jQuery.js - 前端必备的Javascript库

作者:WangMin 格言:努力做好自己喜欢的每一件事 jQuery.js 是什么? jQuery是一个快速简洁、免费开源易用的JavaScript框架,倡导写更少的代码,做更多的事情 。它封装JavaScript常用的功能代码,提供了一种简便的JavaScript设计模式,以及我们开发中常用到的操 ......
前端 Javascript jQuery js

vue将前端的json文件上传到后台对应目录

前端方法代码: /** * * @param {*} fileName 文件名 * @param {*} data 要保存的json对象 * @returns */ saveJsonFileToLocal(fileName, data) { let file = new File([JSON.str ......
前端 后台 文件 目录 json

vue路由跳转后页面样式错乱,刷新一下又好了的问题

跳转页面 后输入框过大 解决 <style scoped > 加上scoped 分析 大概率是因为 vue加载组件的时候,会把所有组件的css全部加载到一起,而这个时候 样式是全局的, vue会偷懒不再渲染当前页面的样式 首先想到的是利用 scoped来解决,在 vue中引入了 scoped这个概念 ......
路由 样式 页面 问题 vue

前端基础之HTML

前端基础之HTML 目录前端基础之HTML一 前端结构1.1 前端结构概述1.2 浏览器访问网址事1.3 HTTP 协议1.4 添加HTTP协议二. HTML系列2.1 HTML前奏2.2 HTML 文档结构三 标签管理3.1 标签的分类3.2 head内常用标签3.3 body常用标签1)基本文本 ......
前端 基础 HTML

前端基础之CSS

前端基础之CSS 目录前端基础之CSS一. CSS语法格式二. CSS 选择器2.1 基本选择器2.2 组合选择器2.3 属性选择器2.4 分组于嵌套2.5 伪类选择器 hover 点击选中2.6 伪元素选择器2.7 选择器优先级三. CSS属性系列3.1 设置长宽3.2 字体属性3.3 文字属性3 ......
前端 基础 CSS

ts + axios token无感刷新,及重新请求后页面不刷新问题

最近上班遇到的新需求,token无感刷新,参考了很多博客,也看了渡一老师的视频,功能是实现了,但是发现重新请求后页面数据没有更新遇到相同问题的先理清代码执行顺序和Promise,看看执行结果有没有resolve()出去。话不多说,直接上代码,因为自己封装的请求和大家的不一样,仅供参考无感刷新toke ......
页面 问题 axios token ts

前端计算数字精度丢失问题解决方法记录

在日常一些需求中,总会遇到一些需要前端进行手动计算的场景,那么这里需要优先考虑的则是数字精度问题!具体请看下面截图 如图所示,在JavaScript进行浮点型数据计算当中,会出现计算结果“不正确”的现象。 我们知道浮点型数据类型主要有:单精度float、双精度double。 浮点型简单来说就是表示带 ......
前端 精度 数字 方法 问题

websocket的消息丢失处理,以及前端监听心跳处理方案

消息丢失处理方案: 1、后台通过websocket传输给前端消息,并且后台生成校验此消息的定时任务,设置每5秒重发 2、前端接收到消息后将消息通过websocket传输给后台 3、后台如接收到前端的消息则删除对应的发送消息定时任务,如未收到消息则继续发送,设置最多发送5次(超过5次默认认为此条消息记 ......
前端 websocket 消息 方案

课程详情接口、所有章节接口、课程列表前端、课程详情前端、视频托管、Header.vue搜索form、搜索后端接口、搜索功能前端、支付宝支付介绍

课程详情接口 # 思路一: 直接在之前写好的查询所有课程的视图类上,配置一个类即可 class CourseView(GenericViewSet, CommonListModelMixin,CommonRetrieveModelMixin) 返回的字段,跟详情,不太对应(详情中要求拿出所有章节和课 ......
前端 课程 接口 详情 功能

android短视频开发,uniapp页面滚动条到指定位置

android短视频开发,uniapp页面滚动条到指定位置 # html 指定位置<view class="gap_body_position"></view> # js执行this.$nextTick(() => { // 一定要用nextTickuni.pageScrollTo({duratio ......
位置 android 页面 uniapp 视频

elementui 工具使用el-form嵌入el-input组件添加@change事件,点击回车键(enter)时整个页面会刷新,以下是阻止页面刷新的方式

解决页面刷新问题就是阻止el-form上默认的提交事件@submit.native.prevent <el-form ref="formRef" :model="getFormData" size="small" label-width="auto" @submit.native.prevent> ......
页面 回车键 组件 elementui el-input