一统天下pageview flutter页面
一统天下 flutter - dart: dart 3 新特性（元组，解构，switch 的模式匹配）
> 源码 [https://github.com/webabcd/flutter_demo](https://github.com/webabcd/flutter_demo "flutter_demo") > 作者 [webabcd](http://webabcd.cnblogs.com/ "web ......
vue3 ts setup 监听 pinia 数据的变化，更新页面数据
简述 由于 pinia 导入到vue中的值没有响应性 import useUserStore from './stores/user'; const userStore = useUserStore(); userStore.isvaild;// 没有响应性 那么我们在vue中动态修改某值的想法则需 ......
【前端性能】高性能滚动 scroll 及页面渲染优化
【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none ......
uniapp 在app.vue中的异步请求完，页面中的onload或者onshow再请求（promise方法）
第一步： 在main.js里面注册onLaunched，onLaunched，onLaunched，isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
TienChin 渠道管理-渠道页面完善
最后附上渠道管理的数据 install SQL 语句： INSERT INTO TienChin.tienchin_channel (channel_id, channel_name, status, remark, type, create_by, update_by, create_time, ......
JAVA 实现登录页面生成验证码
1 import javax.swing.*; 2 import java.awt.Color; 3 import java.awt.Font; 4 import java.awt.Graphics; 5 import java.awt.event.ActionEvent; 6 import jav ......
Java swing 实现QQ登录注册页面
代码如下1 package com.lty; 2 import javax.swing.*; 3 import java.awt.*; 4 import java.awt.event.ActionEvent; 5 import java.awt.event.ActionListener; 6 imp ......
页面级布局
需求：左右两侧布局 <div class="container"> <!-- 左侧列yi --> <div class="left-column"> <div class="top-section"> <!-- 组件 A 上部分 --> <h2>组件 A 上部分</h2> <!-- 添加组件 A 上 ......
ant design pro改造表格页面
找到src/pages/TableList/index.tsx 先ctrl+shift+- 全局压缩 在TableList找到columns 换成我们自己的 ProColumns中放的是数据 下图为API.InterfaceInfo const columns: ProColumns<API.Int ......
跨页面通信方式
1. 父子页面通信 父子页面有两种，iframe嵌套的和window.open打开的。window.open打开的页面，在窗口模式时，被打开的页面就是当前页面的子页面，tab模式时，只是形式不一样，也是子页面，可以通过window.opener来访问父页面。 iframe的通信方式: window. ......
session存储数据-解决歌手页面刷新报错的问题
刷新报错的原因是，singer数据是需要在singer.vue页面去传到singerdetail.vue页面的，所以想要重新加载singerdetail页面就必须重新返回到singer页面，很麻烦，想要解决就只需要将数据存储到session中既可以，网站的数据存储一般有两种，一个是location一 ......
页面中点击按钮需要新建轮播（需要新建多个），出现顺序错乱的问题
当页面中通过点击按钮切换轮播，即点击按钮需要new swiper，新建后，页面中swiper内容没有问题 但是，点击上一个下一个按钮，顺序会发生错乱 在new 之前需要使用destroy销毁 ......
vue页面集成海康威视web视频播放插件
参考大神链接：https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程：ht ......
记录--H5页面对接微信支付踩坑杂记
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 应用背景：vite搭建的vue3项目 需求背景：功能都涉及了支付业务，故需要和外部支付系统对接 外部支付系统：聚合支付、微信小程序支付、微信H5支付 目录 读完本文，你将会对以下几个坑点有所了解： 对接第三方服务商过程踩坑 对接小程 ......
原生HTML单页面使用vue框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
每日一练：无感刷新页面（附可运行的前后端源码，前端vue,后端node）
1、前言 想象下，你正常在网页上浏览页面。突然弹出一个窗口，告诉你登录失效，跳回了登录页面，让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中，token一般都是在Redis服务器存着，设置过期时间。只要在有效时间内，重新发出 ......
HarmonyOS应用侧与前端页面数据通道建立
一、 应用侧调用前端页面函数 应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。 ● 前端页面代码。 <!-- index.html --> <!DO ......
解决uni-app 输入框，键盘弹起时页面整体上移问题
解决uni-app 输入框，键盘弹起时页面整体上移问题 我们每次在做UNIAPP小程序和H5遇到输入框时，总会在测试的时候点击输入框弹出软键盘把页面往上移动，仔细翻读uniapp文档的时候发现了一个属性adjust-position ：Boolean类型，作用是键盘弹起时，是否自动上推页面 1.发现 ......
django—实现前端页面批量删除功能
views.py 代码: from django.shortcuts import render, redirect from .models import YourModel # 使用你实际的模型名称替换 def batch_delete(request): if request.method = ......
表单提交页面刷新问题
背景 在template中使用了<form></form>，在form中使用了button button绑定了onClick事件，进行非提交表单的操作 当点击button时页面会自动刷新 原因 form标签在提交的时候会自带刷新页面的请求 button标签默认type="submit"，放在form ......
uniapp VUE-H5页面微信公众号内使用微信JSAPI支付
注意看 本文主要讲解uniapp打包成h5页面并部署在公众号时使用JSAPI的微信支付问题 前期准备工作 .首先要有一个开通商户注册的公众号，我们需要他的appid； .其次要开通商户公众号的公众号支付的功能并添加域名，开通完成后就可以基本开始我们的开发了 既然是jsapi开发 自然是要引入的 np ......
HTML5教程之移动端Web页面布局
一、什么是移动端项目 顾名思义，运行在移动端的项目就称为移动端项目。那什么是移动端呢，主要是指我们的一些手持设备，最具有代表性的就是我们日常使用的手机和平板，当然还包括一些其他便携设备，如智能手表，掌上游戏机，等流动装置。 二、为什么要学移动端布局 随着科技的进步，及人们日常生活节奏的加快，我们通常 ......
个性404页面HTML源码分享
分享的 HTML 与上图内容一样，需要修改的小伙伴可以自行修改内容。 <style><!-- @import url("https://fonts.googleapis.com/css?family=Share+Tech+Mono|Montserrat:700"); * { margin: 0; p ......
解决vue3中抽离出来的js如何调用页面的方法
有时我们会用render渲染表格的columns，里面的按钮如何去调用.vue文件的方法？ 思路； 在.vue文件中我们通过参数的方式传给.js文件，然后用变量接收，点击时执行 （注意：.vue文件中setup执行比较早，按钮是点击事件，不会主动执行函数。为防止函数未声名就当做参数传递，必须在最后执 ......
Flutter插件flutter_boost 在android模块中的报红问题解决.
1，在开发Flutter插件时，打开插件的android项目，准备编写native端的代码时，发现各种报红，代码无法跳转，体验十分不好。就像我下面的截图一样： 导入了FlutterBoost flutterBoost源码爆红。但是运行正常。。这说明本身是没有问题的。。 分明是没有错误的 类都存在。但 ......
vscode中同一页面使用批量替换
在vscode中像word中那样批量替换 首先搜索要替换的内容快捷键是ctrl+f 然后输入你要搜索的内容 第二个框中输入你要替换成的内容 点击全部替换，就可以了 ......
JSP页面实现上传下载
本文使用的是smartupload工具实现文件的上传下载： 工具： 1、Eclipse 2、jspsmart.jar（百度搜索jspsmartupload.jar下载） JSP页面： 1 <%--上传 --%> 2 <form action="upload" method="post" enctyp ......
Android Studio中无法显示main.dart(Flutter项目在Android Studio中显示不全）
问题描述 创建完项目后只出现android文件 选择Project Files就会显示整个目录内容 设置后 ......
vue-unsaved-changes-dialog 在桌面页面上，弹出窗会跟随鼠标显示
简介及使用教程 这是一个漂亮的未保存变更对话框，有以下特点： 有保存、丢弃和取消三个按钮 在桌面页面上，弹出窗会跟随鼠标显示 显示隐藏动画流畅 智能避免弹出在窗口边缘并且随窗口大小调整自动适应 完全自适应：在移动设备上全屏显示 键盘可导航可访问 所有的文案都可以替换 更多优点： 桌面和手机上都有非常 ......
Flutter example01
import 'package:flutter/material.dart'; import 'package:english_words/english_words.dart'; void main() => runApp(MyApp()); class MyApp extends Statele ......