event

13 Vue事件处理

為{幸葍}努か 提交于 2019-12-05 00:05:51
监听事件 可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。 可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。 示例: <div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p> </div> var example1 = new Vue({ el: '#example-1', data: { counter: 0 } }) own: <div id="app"> <!--v-show的用法 --> <img v-bind:[mysrc]='show' v-bind:alt='time'></img> <!-- isGreen 是用来判断,如果有值我就显示box2 --> <div class="box" v-bind:class='{box2:isGreen}'></div> <button @click="clickHandler">切换图片</button> <button @click="changeColor">切换颜色</button> <button @click="count+=1"

websock使用

瘦欲@ 提交于 2019-12-04 21:19:20
// 客户端 <script> let socket = new WebSocket('ws://localhost:8889') // 当连接建立成功之后 执行此回调函数 socket.onopen = function () { console.log('客户端连接成功------') socket.send('hello,这条数据是客户端发的') } // 当客户端接收到服务器的消息之后执行此回调函数 socket.onmessage = function (event) { // event.data才是消息的内容 console.log('event.data------', event.data) console.log('event------', event) } </script> // 服务器let WSServer = require('ws').Server; let wsServer = new WSServer({ port: 8889 }); //监听客户端的连接,当客户端连接上服务器之后执行对应的回调 //socket是插座的意思,每个客户连接上服务器之后,都会创建一个唯一的socket wsServer.on('connection', function (socket) { console.log('客户端已经连接'); /

jquery 点击tr选中checkbox,解决checkbox的默认点击事件被阻止的问题

て烟熏妆下的殇ゞ 提交于 2019-12-04 20:09:36
1.第一种,!$(event.target).is('input'),判断触发事件的元素是否为input。此时使用event.target,而不是this,获取事件本身,防止触发事件冒泡的问题。 $("#data_table tr").on("click",function (event) { if (!$(event.target).is('input')) { $('input:checkbox', this).prop('checked', function (i, value) { return !value; }); } }) 注释:event.target属性的作用是获取到出发事件的元素。网上说使用event.target,在ie下可能会出现版本不兼容问题,我在ie11下进行测试,发现是可以的。所以应该是, jQuery对其封装后,避免了W3C、IE和safari浏览器不同标准的差异。若出现不兼容问题,可尝试使用如下方式。 var thisEvent = window.event || event; var targetEvent = thisEvent.srcElement; if (!targetEvent) { targetEvent = thisEvent.target; } 2.第二种,跳过checkbox所在列。本次示例是位于第一列

Web接口开发与自动化测试 - 发布管理系统

大兔子大兔子 提交于 2019-12-04 19:56:57
1.配置urls.py from django.contrib import admin from django.urls import path,re_path from sign import views urlpatterns = [   path('admin/', admin.site.urls),   # re_path 等于url   re_path(r'index/', views.index),            # 登录页   re_path('^$', views.index),            #登录页   re_path(r'^accounts/login/$', views.index),      #登录页(强制登录跳转)   re_path(r'^login_action/$', views.login_action), #登录处理   re_path(r'^event_manage/$', views.event_manage) #首页 ] 2.配置视图 views.py from django.shortcuts import render from django.http import HttpResponse,HttpResponseRedirect from django.contrib import auth from

vue中Enter触发登录事件和javascript中Enter触发点击事件

为君一笑 提交于 2019-12-04 18:36:48
created(){ window.addEventListener('keydown', this.handleKeyDown, true)//开启监听键盘按下事件 } 在methods中当keyCode的值为13触发登录绑定的事件即可 // 登录登录登录 async changeUser () { // 消息提示只弹出一个框 this.$message.closeAll() let s = checkPhone(this.dlPhone, 1) // 手机号 if (s.code === 500) { this.$message(s.msg) return } let ss = checkPhone(this.dlPassword, 2) // 密码 if (ss.code === 500) { this.$message(ss.msg) return } // if (s.code == 200 && ss.code == 200) { let res = await this.$http.post('/api/login', { mobile: this.dlPhone, password: this.dlPassword }) if (res.data.code === 200) { this.show = 2 this.$store.commit('CHANGE

QT5 mouseMoveEvent事件

ぃ、小莉子 提交于 2019-12-04 18:16:33
QT5鼠标移动事件的使用 1.开启跟踪鼠标,在构造函数中使用如下函数 this->setMouseTracking(true); 2.复写“鼠标移动事件”函数 //mainwindow.h class MainWindow : public QMainWindow { Q_OBJECT public: explicit MainWindow(QWidget *parent = 0); ~MainWindow(); void mousePressEvent(QMouseEvent *event); void mouseReleaseEvent(QMouseEvent *event); //鼠标移动事件 void mouseMoveEvent(QMouseEvent *event); private: Ui::MainWindow *ui; QLabel *labelPos; }; //mainwindow.cpp void MainWindow::mouseMoveEvent(QMouseEvent *event) { labelPos->setText(QString("%1: (%2, %3)").arg("current pos").arg(event->pos().x()).arg(event->pos().y())); } 3.问题 这样设置后,在mainWindow窗口

[CF521D] Shop

瘦欲@ 提交于 2019-12-04 18:00:32
问题描述 Vasya plays one very well-known and extremely popular MMORPG game. His game character has k skill; currently the i -th of them equals to ai . Also this game has a common rating table in which the participants are ranked according to the product of all the skills of a hero in the descending order. Vasya decided to 'upgrade' his character via the game store. This store offers n possible ways to improve the hero's skills; Each of these ways belongs to one of three types: assign the i -th skill to b ; add b to the i -th skill; multiply the i -th skill by b . Unfortunately, a) every

ts发布订阅模式 | 实现

一笑奈何 提交于 2019-12-04 17:01:57
即所谓的事件派发(EventDispatch)。 事件派发者EventDispatcher的任务就是调度中心,类似电话交换机,接受信号,然后转发给目标。 事件派发者EventDispatcher通常提供三个方法 1. 保存收听者 addEventListener EventDispatcher.getInstance().addEventListener('event1', message => console.log('event1: ', message) ) 2. 移除收听者 removeEventListener EventDispatcher.getInstance().removeEventListener('event1') 3. 派发消息 dispatchEvent EventDispatcher.getInstance().dispatchEvent('event1', 'how is it going?') 除此之外,事件派发者EventDispatcher还需要一个保存收听者的容器 /** *EventList * * @private * @type {Event[]} * @memberof EventDispatcher */ private EventList: Event[] Event事件的数据结构 /** *Listener * *

LeetCode 731. My Calendar II

不打扰是莪最后的温柔 提交于 2019-12-04 16:57:18
原题链接在这里: https://leetcode.com/problems/my-calendar-ii/ 题目: Implement a MyCalendarTwo class to store your events. A new event can be added if adding the event will not cause a triple booking. Your class will have one method, book(int start, int end) . Formally, this represents a booking on the half open interval [start, end) , the range of real numbers x such that start <= x < end . A triple booking happens when three events have some non-empty intersection (ie., there is some time that is common to all 3 events.) For each call to the method MyCalendar.book , return true if the event can be

【前端新手也能做大项目】:跟我一起,从零打造一个属于自己的在线Visio项目实战【ReactJS + UmiJS + DvaJS】(二)

两盒软妹~` 提交于 2019-12-04 14:18:40
本系列教程是教大家如何根据 开源js绘图库 ,打造一个属于自己的在线绘图软件。当然,也可以看着是这个绘图库的开发教程。如果你觉得好,欢迎点个赞,让我们更有动力去做好! 本系列教程重点介绍如何开发自己的绘图软件,因此,react基础和框架不在此介绍。可以推荐react官网学习,或《 React全家桶免费视频 》。 本系列教程源码地址: Github 前面 教程一 ,搭建了一个基础框架,现在我们来实现 顶部导航菜单栏 功能。 一、react组件间通信 - 菜单事件 这里,我们通过redux方式来实现组件间消息通信。 UmiJS做了一点封装 ,使用更简单。 1. 新建store - model 我们在src/models文件夹下新建event.ts文件,专门用于消息事件的store处理。 主要包含: namespace - 命名空间 state - 数据 reducers - 数据搬运工 给没有接触过redux的同学简单介绍下,会的请自动跳过: models是数据存储的地方。用namespace来进行模块划分或避免命名冲突;state:类似于react的state,专门用于存放数据;reducers:接收更新命令,根据命令参数(state :原数据;action:新行为参数数据),然后加上自己的业务逻辑,去实现如何更新数据。比如下面,只是简单的赋值,没有额外的业务逻辑。 注意