前端

1. 首页
2. IT互联网
3. 前端

基于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 评论 16673 浏览

582. 【前端】React 组件调试小技巧

一般我们在调试单个React组件时，借助于热更新，我们改改代码可以在浏览器实时看到更新，但当项目比较大的时候，我们调试的页面在整个应用中的路由层级比较深，就会导致：每一次咱们修改完一个地方的代码，浏览器自动刷新到了首页，并进入修改的页面，才能看到更新之后的变化。 介于此，这篇分享一个前端调试React组件的方法。 一、使用 createPortal 构建测试组件 scss代码： .test-con

前端 2025年07月04日 34 点赞 0 评论 14758 浏览

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 评论 7449 浏览

JavaScript 中的自定义事件

在 JavaScript 中，可以通过两种方式创建自定义事件： 使用 Event 构造函数 使用 CustomEvent 构造函数 也可以使用 document.createEvent 来创建自定义事件，但从函数返回的对象所公开的大多数方法已被弃用，这里就不进行介绍，如需了解请查阅 MDN。 使用 Event 构造函数 可以使用 Event 构造函数创建自定义事件，如下所示： const m

前端 2025年07月04日 102 点赞 0 评论 5653 浏览

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 评论 16842 浏览

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 评论 4132 浏览

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 评论 5948 浏览

浅谈提高微信小程序的应用速度

1、提高页面的加载速度： 从页面响应用户点击行为，开始跳转，到新页面onload事件触发，延迟大概在100-300ms之间。我们可以利用这段时间，预先发起新页面所需要的网络请求 2、用户行为预测： 在某些场景下，用户的行为可以预测，我们可以在用户还没点击的时候就预加载下个页面的数据。让下个页面秒开，进一步提升体验的流畅性。 3、减少默认的data的大小 4、组件化方案： 基类做的事情，就是把组件对

前端 2025年07月03日 122 点赞 0 评论 7509 浏览

微信小程序组件: tab标签页

需求: 插槽为动态, 可以在使用页面自行设置 可以自定义设置每个tab的样式, 也可以设置容器的样式 如果tab太多, 容器可以横向滚动 设置当前tab值可以自动定位到当前tab位置 思路: slot属性name动态设置 设置默认样式, 写好公共的方法, 将对象转换成style可以用的字符串 scroll-x scroll-into-view 效果图: 组件代码 ⬇️ w

前端 2025年07月01日 171 点赞 0 评论 8459 浏览

Vue3.0 ｜ vue3的新特性

Vue3的变化 官网地址： 一、对比vue2的变化 1.优点 vue3支持vue2的大多数特性，实现对vue2的兼容 vue3对比vue2具有明显的性能提升 打包大小减少41% 初次渲染快55%，更新快133% 内存使用减少54% 更好的支持TypeScript 使用Prox

前端 2025年06月28日 76 点赞 0 评论 11078 浏览