草庐IT

前端库

全部标签

Web前端动态交互(某校实验作业)

1.创建typer.html,使用window对象间隔调用函数实现如图1所示的文字打印效果,主要要求:浏览器打开页面后,一个字一个字地动态输出文本“西华大学计算机与软件工程学院坚持全面育人的原则,以培养具有良好文化素养、扎实专业基础和具有实践能力的复合型应用人才为目标,重视学生实践和创新能力的培养。”;设计如图1所示边框圆角、文本阴影和文本溢出效果。友情提示:先在HTML上设置一个接收文本的块级元素,JS中使用一个变量保存文本字符串,使用定时器每次读取字符串中的一个字符,追加到HTML元素的文本内容末尾直至读取结束。2.为register.html编写外部CSS样式和JavaScript脚本文

前端登录界面网站设计模板--HTML+CSS

🎀登录表单💖效果展示💖HTML代码展示DOCTYPEhtml>htmllang="en">head>

vue 前端实现login页登陆 验证码

实现效果//template用户登陆{{viewCode}}记住密码登录//js//---------分割线data(){return{viewCode:'',loginForm:{account:'',password:'',src:'',code:''},fieldRules:{account:[{required:true,message:'请输入账号',trigger:'blur'}],password:[{required:true,message:'请输入密码',trigger:'blur'}]},checked:false,//加载中的标志loading:false}},//--

前端新玩具来了,速度快的惊人

概念Oxlint是OXC工具集的其中一个工具,用于捕获错误或无用的代码,作用和ESLint类似。OXC是字节跳动出品的一个用Rust编写的JavaScript高性能工具集合,该项目的重点在于构建JavaScript的基本编译器工具:解析器、linter、格式化程序、转译器、压缩器和解析器。此外,OXC还为Rspack、Rolldown和Ezno等新兴JavaScript工具提供支持。现阶段,oxlint 无意完全取代ESLint;当ESLint的缓慢成为工作流程中的瓶颈时,它可以作为增强功能。系统要求:oxlint专为darwin-arm64、darwin-x64、linux-arm64、li

安装Windows版nginx以及部署前端代码并就解决刷新出现404

文章目录1.安装Nginx2.启动Nginx以及常用命令2.1常用命令3.部署前端打好的dist包4.前端部署nginx刷新后404,解决Nginx刷新页面后404的问题1.安装Nginx(1)下载地址:https://nginx.org/en/download.html(2)建议选稳定版下载(3)下载好后,直接解压即可2.启动Nginx以及常用命令(1)启动nginx时,使用命令进行操作;不要直接双击nginx.exe,在nginx根目录下直接输:cmd。启动时会一闪而过是正常的2.1常用命令(1)启动nginx:startnginx①启动后查看任务进程是否存在,dos或打开任务管理器都行d

webSocket推送太快导致前端渲染卡顿问题优化

优化思路:把webSocket接收到的数据用一个数组存起来,达到一定长度再统一渲染,可根据推送数据的速度适当调解数组长度限制,如果一段时间内改数组长度打不要渲染条件,就用定时器之间渲染data(){return{tempDataWsList:[],//存放临时ws数据数组list:[],//页面上的列表listCopy:[],//深拷贝的初始化列表数据,用于统一渲染}}methods:{...//websocket接收数据的方法onMessage(data){if(data.data){//将Json字符串转译constdataWs=JSON.parse(data.data);//将转译后的数

【区块链-前端交互】第六篇:以太测试网转账和Gas计算

文章目录Gas费用部分变量说明转账Gas计算公式以太测试网Goerli测试网Sepolia测试网测试网单笔转账(弄清Gas费用)不设置Gas进行转账设置Gas进行转账:web3-eth报错Error:eip-1559transactiondonotsupportgasPriceGas费用参考文章:以太坊转账手续费与到账速度如何巧妙设置Gas能省钱?以太坊ETH中的gas、gasprice和gaslimit(核心理解,终于知道怎么计算了)官方Gas解释部分变量说明根据测试网-不设置Gas进行转账的交易数据,来分析一下交易Gas。在交易数据中,Gas相关的变量主要有如下四个:变量名变量含义一般设置

HTML前端代码分析(查看网站黑链的几种方法)暗链是什么意思

暗链是什么意思呢?“暗链”就是看不见的网站​​链接,“暗链”在网站中的链接做得非常隐蔽,短时间内不易被搜索引擎察觉。它和友情链接有相似之处,可以有效地提高PR值。但要注意一点PR值是对单独页面,而不是整个网站。​​​HTML前端代码分析(暗链) 的题,解题思路如下:1.开启靶场环境,看起来是一个静态页面2.按照往常的套路,查看源代码3.发现链接 http://192.168.1.1/19281028102.php192.168.1.1貌似是是一个内网地址,无法访问  PS:也有人说是本地地址(可是本地地址不是127.1.1.0吗)我们把192.168.1.1改成靶场的地址,访问后拿到KEY4.

前端必知:30.引入外部字体以及文字阴影

目录一,引入外部字体1.字体格式2.使用步骤A.将字体文件添加到项目中: B.声明引入的字体族(FontFamily):C.在设置css字体的时候,使用声明的字体族相关代码 二,文字阴影设置文字阴影设置多个阴影   相关代码   总结    一,引入外部字体1.字体格式 字体格式    1.ttf:专门用于标准浏览器和android等(最常用)    2.svg:支持ios    3.eot: 仅支持IE浏览器    4.woff:支持火狐或谷歌2.使用步骤A.将字体文件添加到项目中:将你想要使用的字体文件(通常是带有字体文件扩展名的文件,如.ttf、.otf、.woff、.woff2)添加到

前端ffmpeg压缩视频

下载ffmpegnpminstall@ffmpeg/core@ffmpeg/ffmpeg这里需要注意两个插件的版本 "@ffmpeg/core":"^0.10.0", "@ffmpeg/ffmpeg":"^0.10.1"配置ffmpeg安装好插件以后,需要配置一下代码,否则会报错:1、以VUE为例在vue.config.js文件中配置请求头devServer:{ headers:{ 'Cross-Origin-Opener-Policy':'same-origin', 'Cross-Origin-Embedder-Policy':'require-corp' }}2、在页面中实例化ffmp