iOS Xib弹框展示多行文字父视图根据子视图高度自适应 项目开发中经常会遇到弹框的需求,如果弹框中文字内容是固定的那么弹框高度也是固定的很好写。如果文字从接口获取,并且要求弹框高度随文字高度变化就要考虑多种情况了。 至少要考虑三种情况,分别给弹框设置一个最小高度和最大高度。 1.如果当前文字内容高度<规定的文字内容最小高度 ,那么当前弹框高度=规定的弹框最小高度 2.如果规定的文字内容最小高度<当前文字内容高度<规定的文字内容最大高度 前端 2025年07月07日 121 点赞 0 评论 16129 浏览
Vue2 中使用Swiper构建中间大两边小轮播效果 Swiper是一个功能丰富的“滑动特效”插件: 常用的tab切换,banner切换等等,包含各种切换特效,看Demo就非常炫酷。同时,也提供了主流的框架组件版本。然而,最新版的Vue组件只支持在Vue3中使用。查找资料后实践,记录一个Vue2中的使用方式。 Swiper的官网介绍也比较清楚,英文官网中是最新的版本的内容,没有找到旧版的文档内容,中文官网可以看到旧版的文档。 一、Swiper 在Vu 前端 2025年07月04日 93 点赞 0 评论 15854 浏览
前端界面生成PDF并导出下载 最近,公司后台管理系统有个项目需求,将前端定义好的界面导出PDF文档。我查阅很多文档,发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档 思路: 通过 html2canvas 将 HTML 页面转换成图片,然后再通过 jspdf 将图片的 base64 生成为 pdf 文件 1、安装 npm install html2canvas --save np 前端 2025年07月04日 143 点赞 0 评论 13415 浏览
基于vue2.x实现的即时通讯程序仿微信聊天4开发聊天详情静态页面 image.png 点击v-for出来的元素,跳转页面 给元素定义一个click点击事件,跳转页面用到动态路由 tamplate @click="toDetailPage(item)" methods toDetailPage(item) { this.$router.push("/chatDetail/1") } 新建页面 在src/views新 前端 2025年07月04日 176 点赞 0 评论 16095 浏览
582. 【前端】React 组件调试小技巧 一般我们在调试单个React组件时,借助于热更新,我们改改代码可以在浏览器实时看到更新,但当项目比较大的时候,我们调试的页面在整个应用中的路由层级比较深,就会导致:每一次咱们修改完一个地方的代码,浏览器自动刷新到了首页,并进入修改的页面,才能看到更新之后的变化。 介于此,这篇分享一个前端调试React组件的方法。 一、使用 createPortal 构建测试组件 scss代码: .test-con 前端 2025年07月04日 34 点赞 0 评论 14273 浏览
vite vue3 config配置篇 关于vite初始化项目参考自 配置基于自生产上线项目所使用配置 vite.config.js 导入模块内容 import { defineConfig } from 'vite' #vite配置 import vue from '@vitejs/plugin-vue' #vue import vueJsx from '@vitejs/plugin-vue-js 前端 2025年07月04日 184 点赞 0 评论 7020 浏览
JavaScript 中的自定义事件 在 JavaScript 中,可以通过两种方式创建自定义事件: 使用 Event 构造函数 使用 CustomEvent 构造函数 也可以使用 document.createEvent 来创建自定义事件,但从函数返回的对象所公开的大多数方法已被弃用,这里就不进行介绍,如需了解请查阅 MDN。 使用 Event 构造函数 可以使用 Event 构造函数创建自定义事件,如下所示: const m 前端 2025年07月04日 102 点赞 0 评论 5203 浏览
uniapp路由—— uni-simple-router 要在uniapp中使用路由守卫,uniapp原生的api是比较欠缺的,所以要用‘uni-simple-router’插件包 安装 // 项目根目录执行命令行 下载稳定版本 npm install uni-simple-router@2.0.7 // 根据pages.json总的页面,自动构建路由表 npm install uni-read-pages 配置vue.config.js 前端 2025年07月04日 162 点赞 0 评论 16249 浏览
Pygame Zero库教程-鼠标点击事件 Actor的位置: image Actor重要属性和方法: 其他属性同pygame.Rect 外观:image, 如alien.image = 'alien_hurt' 位置: piex坐标值:x,y, 设置位置:pos,left/right/top/bottom 角度:angle 绘制f方法:draw() 距离方法: Actor.distance_to(target) 角度方法 前端 2025年07月04日 82 点赞 0 评论 3399 浏览
uniapp中使用videojs构建H5直播播放器 这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式。 效果 一、使用npm安装videojs npm i video.js --save npm i videojs-flash --save 前端 2025年07月03日 120 点赞 0 评论 5458 浏览