前端 效果 动画css
第三阶段前端随手笔记
1.let细节 注意 直接输出x,会报错！ 在输出语句后面使用var定义变量x，会变量提升，输出undefined 2 Vue 笔记 1 控制台直接使用vm对象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v ......
el-table去掉鼠标悬停的效果，隐藏表头
1、去掉悬停效果 添加样式 /* 去掉鼠标悬浮效果 */ .el-table tbody tr:hover > td { background-color: transparent !important } 2、隐藏表头 el-table 添加属性 :show-header :show-header ......
el-table实现滚动效果
实现步骤： 1、方法 methods: { scroll(){ let el = document.querySelector('.el-table__body-wrapper') el.addClassName = 'anim' setTimeout(()=>{ // console.log(th ......
CSS结构伪类选择器之否定伪类:not
结构伪类选择器是针对 HTML 层级结构的伪类选择器。 常用的结构化伪类选择器有： :root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、 :nth-child选择器、:nth-child(n)选择器、:nth-last-chi ......
前端优化之路：打包文件拆包、增加哈希值
【前言】 前面对项目打包做了优化处理，但是还不够完美，有两点可继续优化 生成的chunk-vendors文件过大，压缩后仍然超过1M 开发、测试环境生成的js文件，未带哈希值 问题1：如果在弱网环境下，会造成首次白屏时间过长 问题2：容易产生同名文件，造成浏览器缓存 出于以上两点考虑，故而需继续对项 ......
CSS按钮样式之button标签与input type=button的区别
原文链接：1、https://www.cnblogs.com/weihanli/p/5162828.html 2、https://www.cnblogs.com/smile6542/p/11968175.html 如果想要在页面上表示一个显示文本的按钮推荐input[type=”button”]方式 ......
前端加密破解
前端加密破解 https://blog.csdn.net/qq_44159028/article/details/121780172 破解思路 先在F12中找到源文件，全局搜索(ctrl+shitf+f)查找aesKey，分析存在的文件，找到加密的思路。然后将加密部分放到下面工具中即可。 工具 js ......
CSS简介及常用样式
一、CSS简介 CSS：层叠样式表(英文全称：Cascading Style Sheets)：是一种用来表现HTML样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 二、CSS选择器 2.1基本选择器（三种） 1.标签选择器 <style> p { ......
springboot~构建webjars类型的前端jar包
webjars类型的前端jar包 我们可以将公用的js,css,html,vue,shtml打包成一个jar，然后在其他项目中引用，这样就不用每个项目都去引用一遍了，这样就可以实现前端的公用了。 1.创建一个maven项目，添加依赖和插件 <dependencies> <!-- 依赖webjars- ......
基础lucksheet实现前端导出excel文件
文章参考：https://blog.csdn.net/csdn_lsy/article/details/107179708 1.引入两个插件，其中exceljs负责将lucksheet的数据格式转化成excel的buffer流，file-saver负责将buffer转成blob文件流导出。 npm ......
记录--前端实习生的这个 bug 被用做了一道基础面试题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 测试发现了一个问题，简单描述问题就是通过函数删除一个数组中多个元素，传入的参数是一个数组索引。 然后发现实际效果有时删除的不是想要的内容。 具体 Bug 代码实现: const arr = [1,2,3,4,5,6,7]; cons ......
给 Web 前端工程师看的用 Rust 开发 wasm 组件实战
本文先介绍了 wasm-pack 官方的教程，还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。 ......
nginx 前端页面 403 解决
前段页面显示这样 解决方法 关闭安全策略 sudo setenforce 0，进行尝试，看是否是这个影响 如果生效了，能正常访问了，需要进行sudo setenforce 1,打开安全策略，如果关闭会导致系统不安全. 然后运行 sudo semanage fcontext -a -t httpd_s ......
Unity DOTS《群体战斗弹幕游戏》核心技术分析之3D角色动画
最近DOTS发布了正式的版本, 我们来分享现在流行基于群体战斗的弹幕类游戏，实现的核心原理。今天给大家介绍大规模战斗群体3D角色的动画如何来实现。 DOTS 对角色动画支持的局限性 截止到Unity DOTS发布的版本1.0.16,目前还是无法很好的支持3D角色动画。在DOTS 的baker过程种， ......
前端导出后端返回的数据流为xlsx文件
后端返回格式为PK开头 exportMonitor({ids:idsList}).then((res:any)=>{ const link = document.createElement('a') let blob = new Blob([res], { type: 'application/vn ......
02.css
1.标准的CSS盒子模型及其和低版本的IE盒子模型的区别？ 标准（W3C）盒子模型：width = 内容宽度（content） + border + padding + margin 低版本IE盒子模型： width = 内容宽度（content + border + padding）+ margi ......
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序 - 微构网络 (csweigou.com) 前端排序 table.render({ elem: '#table' /*其他参数......*/ ,autoSort: true ,initSort: { field:'id' ......
HarmonyOS振动效果开发指导
Vibrator开发概述 振动器模块服务最大化开放硬工最新马达器件能力，通过拓展原生马达服务实现振动与交互融合设计，打造细腻精致的一体化振动体验和差异化体验，提升用户交互效率和易用性、提升用户体验、增强品牌竞争力。 运作机制 Vibrator属于控制类小器件，主要包含以下四个模块：Vibrator ......
JavaWeb - Day01 - HTML、CSS
课程特色 传统路线 全新路线 目录 HTML快速入门 VS Code开发工具 基础标签&样式 表格、表单标签 01.web开发介绍 什么是web? web：全球广域网，也称万维网（www World Wide Wed）,能够通过浏览器访问的网站。 web网站的开发模式 02.web开发课程安排 初始 ......
CSS中层次选择器有哪些？
层次选择器是CSS中用来选择文档中特定元素的一种方法。它通过使用不同元素之间的层次关系来选择目标元素。常见的层次选择器包括后代选择器（descendant selector）、子元素选择器（child selector）、相邻兄弟选择器（adjacent sibling selector）和通用兄弟 ......
c语言实现this指针效果
概要 由于目前在做一个比较复杂的嵌入式项目，想要借此提升一下代码的结构设计能力，所以想要以面向对象的思想来完成这个项目，即把每个板载外设资源视为一个对象，采用msp+bsp的模式，对每个bsp外设实现对象化处理，现有方案需要手动传入对象引用，调用方法时比较麻烦，所以考虑简化调用方式。 面向对象实现思 ......
前端组件wolfTable的style格式文档
此文档记录的是wolf-table的style格式文档, 如果你找的是x-data-spreadsheet, 那么请查阅这个文档https://www.cnblogs.com/WilsonZhu/p/17858411.html wolf-table 的格式输入只有一个方式, 通过调用addStyle ......
前端后端传来的信息为 Object
在前端打印出后端传来的详细信息 直接打印 res 可能就只是显示：Object 可以使用 JSON.stringify(res, null, 2) 将 res 对象转换为 JSON 字符串，并以缩进的格式打印出来，以便更清楚地查看对象的内容 可以不用 console.log 里的字符串拼接，直接逗号 ......
前端可滚动分类商品List列表 可用于电商分类列表
前端可滚动分类商品List列表 可用于电商分类列表 引言 在电商应用中，一个高效、用户友好的分类列表是提高用户体验和转化率的关键。本文将探讨如何使用xg-list-item、uni-grid和xg-tab等组件创建一个可滚动的分类商品列表，并处理相关的用户交互事件，如分类标题点击和分类条目点击。 组 ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
streamlit 展示自定义 html 以及 css
目前探索出来的有效方法： style = """ <style> .memo-box { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } .tag { font-size: 12px; color: #888; } </st ......
防御式CSS—设置背景图片
通常情况下，当使用大图像作为背景时，我们往往会忘记考虑在大屏幕上查看设计时的情况。默认情况下，该背景将重复。 这在笔记本电脑屏幕上基本上看不到，但在更大的屏幕上可以清楚地看到。 要提前避免这种行为，请确保重置 background-repeat .hero { background-image: u ......
防御式CSS—设置组件间距
我们开发人员需要考虑不同的内容长度。这意味着，应该向组件添加间距，即使它看起来不需要。 在这个例子中，我们在右侧有一个章节标题和一个操作按钮。目前，它看起来不错。但是让我们看看当标题更长时会发生什么。 注意到文本离操作按钮太近了吗？你可能会想到多行包装，但我会在另一节谈到这一点。现在，让我们把注意力 ......