摘要: 如何实现图片预加载和加载进度条 在现代的Web开发中,优化用户体验至关重要。一种常见的方法是在页面加载时预加载图片,并展示一个加载进度条,让用户了解加载进度。在本文中,我们将深入探讨如何实现这两个关键功能,以提高网站性能和用户满意度 阅读全文
posted @ 2023-09-24 12:49 艾码的日常生活 阅读(804) 评论(0) 推荐(1) 编辑
摘要: Ant Design Vue 走马灯实现单页多张图片轮播 最近的项目有个需求是,这种单页多图一次滚动一张图片的轮播效果,项目组件库是antd 然而用了antd的走马灯是这样子的 我们可以看到官网给的api是没有这种功能,百度上也多是在css上动刀,那样也就毕竟繁琐了,我们是什么?我们是程序猿啊,程序猿就该有程序猿的样子,怎么能写繁琐的东西呢,那还怎么为公司 阅读全文
posted @ 2022-07-11 13:02 艾码的日常生活 阅读(3979) 评论(1) 推荐(0) 编辑
摘要: 不使用第三方插件自己写一个数字递增滚动组件 一个开箱即用数字递增滚动组件 阅读全文
posted @ 2023-12-25 17:50 艾码的日常生活 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 在移动端开发项目中,发现页面在使用 iPhone 访问的时候,点击 input 和 textarea 等文本输入框聚焦 focus() 时,页面会整体放大,而且失去焦点之后页面不能返回原来的样子。检查了下功能上没有什么大问题,但是页面会整体放大,而且失去焦点之后页面不能返回原来的样子。对于用户体验不 阅读全文
posted @ 2023-07-06 14:16 艾码的日常生活 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 前端必须知道的手机调试工具vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 阅读全文
posted @ 2023-07-06 11:22 艾码的日常生活 阅读(1285) 评论(0) 推荐(1) 编辑
摘要: [天坑]之qrcode二维码在app内置浏览器中无法显示问题 记录一下最近的工作难点,之一... 首先本项目使用的是qrcode-generator,市面上生成二维码的第三方库有很多qrcode.vue、qrcode、QRious等等 <div id="qrcode"></div> import QRCode from "qrcode-generator"; 阅读全文
posted @ 2023-06-11 02:20 艾码的日常生活 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 不一样的纯H5C3动画爱心 最近抖音很火的让你会计算机的朋友给你做个爱心突然火了,我也不出意外的收到了朋友的邀请,自己做肯定太麻烦了于是乎百度第一步,惊呆了!网上全都是一个爱心,变着法的火焰爱心,换汤不换药,那我们肯定是要整点不一样的咯 首先要表达出我们的中心,是个爱心,其次是简单,再加点动画过渡大功告成!朋友后面跟我得瑟说别 阅读全文
posted @ 2022-11-13 17:12 艾码的日常生活 阅读(140) 评论(0) 推荐(0) 编辑
摘要: web性能是什么呢? 简单来说就是咱们的项目打开的快不快,举以下几个例子 表单提交 列表切换 动画的流程性 打开速度 MDN上对web性能的定义则是Web性能是网站或应用程序的客观度量和可感知的用户体验。所以咱们可以从以下几个方面出发 加载速度 交互和平滑性 感知表现 性能优化流程 确定优化指标:做 阅读全文
posted @ 2022-08-01 18:39 艾码的日常生活 阅读(99) 评论(0) 推荐(0) 编辑
摘要: qrcode根据本地数据生成二维码第一次显示跨页面后显示异常 最近写二维码的时候,突然想起之前项目遇到过的一个问题,网上也没有这方面解答,想到大家今后可能也会遇到这类问题,在此记录下来,希望对你们有所帮助,大佬们不喜勿喷,qrcode配合画布canvas本地生成二维码的时候第一次能够正常显示,最下方会贴出代码 跨页面后显示异常 刚开始是有些头疼的,因为控制台一 阅读全文
posted @ 2022-07-29 11:52 艾码的日常生活 阅读(731) 评论(0) 推荐(0) 编辑
摘要: 一个 tomcat 下部署多个项目(超细另类版) 网上大佬们tomcat本地部署都是一个webapps下面部署多个项目,咱们今天来点不一样的 阅读全文
posted @ 2022-07-20 10:51 艾码的日常生活 阅读(2103) 评论(0) 推荐(0) 编辑
摘要: 准备工作:相关软件及插件IDEA(2021.1.3)、tomcat(8.5.50)且在IDEA中调用tomcat运行时没有任何错误的,如何下载安装百度都有详细的介绍,这里就不过多的介绍了,版本不同操作可能会有些许不一样,不过大致都是一样的,下面直接步入正题 第一步:将整个工程进行打包 1、点击Fil 阅读全文
posted @ 2022-07-20 10:09 艾码的日常生活 阅读(5990) 评论(0) 推荐(0) 编辑