组件 两个 事件 页面
uni-app 滚动通知组件的实现
uni-app 滚动通知组件的实现 一、实现思路 二、使用scroll-view 组件实现 <template> <view class="notice"> <scroll-view class="notice-scroll" :scroll-y="true" :scroll-with-animat ......
js全局监听a标签跳转前拦截统一跳转到指定页面进行数据处理
在现有大多数阅读性文章、博客等内容，不单有图文结合的形式让内容更加饱满更有关联链接来充实文章的真实、准确性。那么当这些连接进行跳转离开网站时，我们要如何确认即将前往网站的安全性呢？ 跳转效果演示——点击进入码云官网 本文就该问题，使用js代码全局监听a标签跳转前进行跳转拦截。提取跳转连接，统一跳转到 ......
Android页面跳转
Android页面跳转大概有三种情形： 1.从A跳转到B，不带数据。 2.从A跳转到B，带数据。 3.从A跳转到B，A接受B返回的数据且做相应处理。 第一种和第二种情形非常简单，下面主要介绍第三种情形： 在介绍之前先将第三种情形的大致流程说一下， 使用startActivityForResult(I ......
2023.04.06 - vue组件中动态指定监听的值
业务场景：高拍仪给出的视频信息API回调里会不断返回图像数据。因为有主副摄像图像信息，并且两个图像信息会二选一展示在DOM容器里。所以就是二对一的关系。 // 主摄像数据 let priPic:string = ''; // 副摄像数据 let subPic:string = ''; // 展示在容 ......
Angular 复习与进阶系列 – Component 组件 の Pipe
介绍 Pipe 类似于 Template Syntax, 它的用途是 transform value for display. 参考: Docs – Understanding Pipes DatePipe 一个简单的例子, 我有一个 JavaScript 的 Date value, 我要 disp ......
vue之input输入框的几个事件
事件简介 click 点击事件，一般不会用于input输入框，会用于按钮，用于输入框就有点像focus了，当点击输入框时会触发 blur 失去焦点事件，当失去焦点时会触发。 focus 获取焦点事件，当获得焦点时会触发。 input 在输入框中每输入一个字符都会触发一次 change 当输入框内容改 ......
Angular 复习与进阶系列 – Component 组件 の Template Binding Syntax
前言 这篇介绍一些基本的 Angular 模板语法. 参考 Docs – Understanding binding Render, Event Listening and DOM Manipulation Angular 作为一个 MVVM 框架, 有两个任务是一定要处理好的 1. First R ......
vue3中路由错误自动跳转404页面 路由表写法
定义路由表 import { createRouter, createWebHashHistory } from "vue-router"; const routes = [ { path: "/", name: "home", component: Home, }, // ... { path: ......
封装表单组件，如果通过计算属性来解决打破单项数据流问题
平常当我们封装表单组件时候，子组件修改了内容，会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ，从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v ......
可视化组件g2之分组箱型图、柱形图、散点图简单使用
<!-- 引入 G2 文件 --> <script src="./plugins/g2.v5.min.js"></script> <style> .container { display: flex; } .div { height: 500px; } </style> <!-- 创建图表容器 -- ......
二次封装ui组件，如何做到属性，作用域插槽以及 实例方法的穿透使用
A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template ......
2023.04.06 - 使用mixin动态混入，对vue组件中的数据做兼容经验总结(xp)
业务场景：在一个高拍仪的硬件设备中，厂家给了两套不同的API，分别支持win XP 和 winXP以上版本的系统，而这两套API的实现方式截然不同，一套使用的是http通信，一套是使用scoket通信，方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显，我除了修改组件里的函数 ......
HTML+CSS仿写的登录页面
仿写的登录页面 使用HTML+CSS，感觉很简单，记录下 话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE= ......
直播平台软件开发，简单易修改的弹框组件
直播平台软件开发，简单易修改的弹框组件 弹窗组件 适用框架 vue, uniapp 使用再uniapp 框架中可简单修改标签与尺寸单位后使用 px与rpx <!-- vue --><template><div v-show="ishide" @touchmove.stop.prevent><!-- ......
SpringBoot中如何编写一个优雅的限流组件？
很早以前，我曾写过两篇介绍如何在SpringBoot中使用Guava和Redis实现接口限流的文章。具体包括： 使用Guava实现单机令牌桶限流 使用Redis实现分布式限流 现在，一个问题摆在我们面前：如何将这两种限流机制整合到同一个组件中，以便用户随时切换呢？ 显然，我们需要定义一个通用的限流组 ......
vue el-upload自定义文件列表以及自定义上传事件，导致触发自定义上传时无法上传的问题
1.自定义列表：:file-list="my_fileList" 2.自定义上传方法 3.发现当触发confirm_upload 无法执行上传 4.查看uploadFiles的列表时，status为success（猜想：实际的上传文件列表为uploadFIles ，uploadFIles=my_fi ......
添加按钮点击 或列表点击事件
var i; var getTarget; for(i=0;i<this.quanqiaTotal_num;i++){ getTarget=this.drag_btn_arr[i]; if(_isAdd){ getTarget.on(Laya.Event.CLICK,this,this.onChoo ......
8.1 js addEventListener js给div添加事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test addEventListener</title> </head> <body> <button id="myBtn">click me</button> <p id="d ......
jquery触发/失去焦点事件
触发焦点： $("Element").focus() 触发每一个匹配元素获得焦点事件。 $("Element").focus(function) 事件会在获得焦点的时候触发，既可以是鼠标行为，也可以是按tab键导航触发的行为，并且绑定一个处理方法。 失去焦点： $("Element").blur() ......
Selenium-处理弹窗弹出新页面的切换问题
WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(60)); wait.Until(driver => { return driver.WindowHandles.Count== waitforHandlesCou ......
C#复习笔记-事件
使用委托时，一般会出现两种角色，广播者和订阅者。广播者是包含委托字段的类型，它通过委托决定何时进行广播。订阅者是发发的接收者。它通过广播者的委托上调用+=或者-=来决定何时开始监听何时结束监听。事件是一种使用委托的功能实现广播者或订阅者模型的结构。使用委托的主要目的是保证订阅者之间互不影响。声明时间 ......
【LeetCode剑指offer 01】数组中重复的数字、两个栈实现队列
数组中重复的数字 数组中重复的数字 找出数组中重复的数字。 在一个长度为 n 的数组 nums 里的所有数字都在 0～n-1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次。请找出数组中任意一个重复的数字。 示例 1： 输入： [2, 3, 1, 0, 2, ......
第十五篇、事件 - 事件对象、事件类型、事件循环
by caix in 深圳 事件对象 DOM 中发生事件时，所有的相关信息都会被收集并存储在一个名为event的对象中 这个对象包含了一些基本的信息，比如导致事件的元素，发生的事件类型，以及可能与特定事件相关的任何其他数据，所有的浏览器都支持这个对象，尽管支持的方式不同 DOM 在触发某个事件的时候 ......
第十四篇 事件 - 事件流、事件处理程序、事件委托（代理）
by caix in 深圳 事件 JavaScript 与 HTML 之间的交互通过事件实现 事件 就是用户或浏览器自身执行的某种动作，比如点击、加载，鼠标移入移出等等 可以使用侦听器来预订事件 事件流 DOM (文档对象模型) 结构 是一个树形结构，当一个 HTML元素 产生一个事件时，该事件会在 ......
用python的pywinauto组件控制微信Windows版
使用pywinauto组件可以比较容易的操纵微信Windows版进行信息发送和接受 前提如下 1、已经安装有关python组件。 2、微信已经打开和登录，下面的代码不负责登录操作。 3、微信版本3.9.2.23 具体实现有两个类 1、帮助类Helper import datetime class H ......
uni-app:ios/android中的nvue和vue页面加载自定义字体(hbuilderx 3.7.3)
一，官方文档地址: https://uniapp.dcloud.net.cn/tutorial/nvue-api.html#addrule 二，代码 1,nvue页面: 模板 <view class="listTitle"> {{item.title}} </view> <view style="w ......
Springboot 系列 (29) - Springboot+HBase 大数据存储（七）| Springboot 项目通过 Phoenix 组件使用 JDBC 访问 HBase
Phoenix 是 HBase 的开源 SQL 皮肤，通过 Phoenix 可以使用标准 JDBC API 代替 HBase 客户端 API 来创建表，插入数据和查询 HBase 数据。Phoenix 会把 SQL 编译成一系列的 Hbase 的 scan 操作，然后把 scan 结果生成标准的 J ......
js 鼠标事件的位置x，y
clientX和clientY与x，y clientX和clientY与x，y一样的，都是客户区域坐标，指鼠标的坐标，以浏览器显示区域的左上角开始，x,y是新浏览器支持 offsetX，offsetY offsetX，offsetY 针对目标元素（就是被点击的元素） layerX,layerY la ......
事件监听
JavaScript HTML DOM 事件监听程序 (w3school.com.cn) 事件监听 事件: HTML事件是发生在HTML元素上的“事情”。比如: 按钮被点击 鼠标移动到元素之上 按下键盘按键 事件监听: JavaScript 可以在事件被侦测到时执行代码 事件绑定 方法一&方法二： ......