事件记录

vue案例 - 使用vue实现自定义多选与单选的答题功能

*爱你&永不变心* 提交于 2019-12-30 04:40:35
4月底立得flag,五月底插上小旗,结果拖到六月底七月初才来执行。说什么工作忙都是借口,就是睡的比猪早,起的比猪晚。 本来实现多选单选这个功能,vue组件中在表单方面提供了一个v-model指令,非常的善解“猿”意, 能把我们的多选单选功能很完美且很强大得双向绑定起来,实现多选、单选、任意选...根本不在话下。 但是,凡事都有一个但是! 但是奈何这个项目设计稿的缘故,使用原生的表单组件是不可能使用了,请看ui图: 可悲的是,这个项目两个月后,我才来做项目复盘, 话说也就在此时,我才发现有一种更简单的方式来实现并且应用上v-model, 为什么要为了样式放弃功能然后自己吭哧吭哧傻滴呼呼的用js来实现了类似双向绑定的感觉!!! flag:今天先专注把我费劲巴拉手动搬得砖总结一下,明天(07-05)我再把所谓的最简单的方法做出来贴这里~ 2018-07-05 16:04:43 flag处理完毕!地址: https://www.cnblogs.com/padding1015/p/9268863.html 这个需求的难点在于以下几点: 1.单选点击后选中状态,需满足如下:   a) 每次点击只能选中其中一个   b) 当选中时再次点击其他选项需要切换选择对应点击项   c) 选中时点击自身无显示上的反应(同样的逻辑再做一遍也无妨,即再加一遍类名也看不出来) 2.多选样式展示,需满足如下:  

踩坑记录之vue点击事件

半城伤御伤魂 提交于 2019-12-26 19:44:47
这周遇到了一个小问题,这里简单的总结一下。避免遇到同样的问题。 问题 :简单来说就是,点击(父元素)的时候触发事件,而点击(子元素)的时候会触发(父元素)的事件。 itemClick方法 1 itemClick(e) { 2 let $form = e.currentTarget.querySelector("form"); 3 let formStyle = $form.style.display; 4 $form.style.display = formStyle == "none" ? "block" : "none"; 5 } 渲染出来的效果: 当我点击上图标记的范围时,下方的 form表单 将会隐藏。如下图: 但当我更改form表单时触发点击事件时,同样也会 触发itemClick方法 ,所以下方的form表单将会隐藏掉(并不是我想要的)。 解决方法 : 获取事件触发的实际目标 获取到了 e.target ,然后对e.target的特征 (class) 进行了判断,判断如果不是我需要触发事件就不进行事件触发。代码如下: 1 itemClick(e) { 2 //如果点击的dom不是“anima-title“ 3 if (e.target.classList[0] !== "anima-title") { 4 return; 5 } 6 let $form = e

EasyUI_Datagrid学习总结

最后都变了- 提交于 2019-12-23 17:45:17
EasyUI_Datagrid 学习总结 2016 年7月25日星期一 一、简介 Easyui中的datagrid从总的作用上讲,就是在列表上显示数据,类似于table,但是在table的基础上,此控件更加方便、快捷的实现想要的功能,且能在此控件属性中有分页等控件,也就更好的对数据进行处理等。 二.基本的属性介绍 1.Columns : 列的配置对象。 基本的用法是: [[{field:'productid',title:’id’,width:100,align:'center',halign:'center',sortable:true}]] 上面的一行代码表示的是一列field表示这一列的数据显示的名称,也就是后台传回来数据的某一项属性:如id、name等等属性。title则表示这列的标题,相当于table中的<th>标签。在datagrid中列类似的属性有很多;下面说一些,我认为常用的属性:(更多的查看api) title:(String)表示标题文本 field:(String)列字段名称 width:(number)宽度,不写将自动扩充以便适应内容 rowspan:(number)(合并行)。 colspan:(number)(合并列)。 align:(‘left’|’right’|’ center’)如何对其数据 halign: (‘left’|’right’|’

Yii框架tips

為{幸葍}努か 提交于 2019-12-22 00:59:40
db组件 'schemaCachingDuration'=>3600, 为什么不起做用? 需要开缓存 如何在页面下边显示sql的查询时间 在log组件的routes中加入 array( 'class'=>'CProfileLogRoute', 'levels'=>'error, warning', ) 同时在db组件中加入 'enableProfiling'=>true, 同时在这种情况下,可以用CDbConnection::getStats() 查看执行了多少个语句,用了多少时间 如何知道某一个程序段运行需要的时间 配置好CProfileLogRoute后,在需要测试的地方加上 Yii::beginProfile('blockID'); //程序段 Yii::endProfile('blockID'); 'enableParamLogging'=>true,的作用是? 在日志的bind的参数后边跟数的值 如何在页面底部显示所有的db相关的日志 同上,配置log组件的routes中加入 array( 'class'=>'CWebLogRoute', 'levels'=>'trace, info, error, warning', 'categories' => 'system.db.*', //'showInFireBug' => true, 将在firebug中显示日志 ),

WPF的DataGrid用法-小白向

谁说胖子不能爱 提交于 2019-12-21 11:42:07
前几天打算尝试下DataGrid的用法,起初以为应该很简单,可后来被各种使用方法和功能实现所折磨。网络上的解决方法太多,但也太杂。没法子,我只好硬着头皮阅览各种文献资料,然后不断的去尝试,总算小有成果。因此,把我学到的和大家分享一下,相信这篇文章会让你再很短的时间内学会DataGrid的大部分主要功能,而且很多难点都可以在里面找到解决方案。 由于涉及的应用比较多,所以篇幅会很长。 但可以确保各个版块相互独立 ,总共4个部分 1.数据绑定 2.DataGrid的增改删功能 3.DataGrid的分页实现 4.DataGrid的样式设计 先上一张截图,让你大概知道自己需要的功能是否在这张图里有所实现。 PS:使用技术:WPF + ADO.NET Entity Framework 1.数据绑定(涉及DataGrid绑定和Combox绑定) 在DataGrid 中同时包含“自动生成列”与“用户自定义列” 由属性AutoGenerateColumns控制。 默认情况下, DataGrid 将根据数据源自动生成列。 下图列出了生成的列类型。 如果AutoGenerateColumns="True" ,我们只需要如下几行代码 <DataGrid Name="dataGrid1" AutoGenerateColumns="True" /> 后台 dataGrid1.ItemsSource =

Python logging

左心房为你撑大大i 提交于 2019-12-21 08:02:20
Python logging 模块定义了为应用程序和库实现灵活的事件日志记录的函数和类。 使用 Python Logging 模块的主要好处是所有 Python 模块都可以参与日志记录 Logging 模块提供了大量具有灵活性的功能 日志记录函数以它们用来跟踪的事件的级别或严重性命名。下面描述了标准级别及其适用性(从高到低的顺序): 日志等级(level) 描述 DEBUG 最详细的日志信息,典型应用场景是 问题诊断 INFO 信息详细程度仅次于DEBUG,通常只记录关键节点信息,用于确认一切都是按照我们预期的那样进行工作 WARNING 当某些不期望的事情发生时记录的信息(如,磁盘可用空间较低),但是此时应用程序还是正常运行的 ERROR 由于一个更严重的问题导致某些功能不能正常运行时记录的信息 CRITICAL 当发生严重错误,导致应用程序不能继续运行时记录的信息 日志级别等级排序:critical > error > warning > info > debug 级别越高打印的日志越少,反之亦然,即 debug 打印全部的日志( notset 等同于 debug ) info 打印 info, warning, error, critical 级别的日志 warning 打印 warning, error, critical 级别的日志 error 打印 error,

浏览器数据库 IndexedDB 教程

为君一笑 提交于 2019-12-21 05:00:29
浏览器数据库 IndexedDB 教程 阅读 171 收藏 23 2018-08-12 原文链接: mp.weixin.qq.com 腾讯云优惠套餐免费赠送50GB对象存储空间,加8元可选1年域名服务,助力学生党秒变云计算达人。 cloud.tencent.com 概述 随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。 现有的浏览器数据储存方案,都不适合储存大量数据:Cookie 的大小不超过4KB,且每次请求都会发送回服务器;LocalStorage 在 2.5MB 到 10MB 之间(各家浏览器不同),而且不提供搜索功能,不能建立自定义的索引。所以,需要一种新的解决方案,这就是 IndexedDB 诞生的背景。 通俗地说,IndexedDB 就是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据,提供查找接口,还能建立索引。这些都是 LocalStorage 所不具备的。就数据库类型而言,IndexedDB 不属于关系型数据库(不支持 SQL 查询语句),更接近 NoSQL 数据库。 IndexedDB 具有以下特点。 (1)键值对储存。 IndexedDB 内部采用对象仓库(object store)存放数据。所有类型的数据都可以直接存入,包括

利用HttpModule做流量记录

白昼怎懂夜的黑 提交于 2019-12-19 05:31:01
原文转载自 http://www.cnblogs.com/putishu/archive/2010/10/04/1842016.html 仅作学习之用 利用HttpModule做流量记录 简单需求: 记录用户访问网站的地址,浏览器,时间,用户信息等信息。 原来打算用免费的流量统计系统,但是考虑到分析数据最好自己保留,所以最终决定自己做。首要一步就是记录流量信息。 前面《 利用 HttpModule 实现浏览器版本控制 》就是在利用 HttpModule 记录流量信息时做的衍生,同时也可以 实现页面编程无需任何附加代码。不需要加 JS 代码段也不要附加任何 CS 代码段。并且模块相互独立,可以重复利用,也利于不需要时分离。 FlowEntity.cs (信息实体) —————————————————————————————————————————————— using System; using System.Collections.Generic; using System.Text; namespace Xingmai.WebSite.FlowStatistics { /// <summary> /// 流量记录单个记录集 /// </summary> public class FlowEntity { private FlowAgentEntity _AgentInfo;

Yii技巧大全(摘录)

不羁的心 提交于 2019-12-09 15:41:16
Yii技巧大全(摘录) db组件 'schemaCachingDuration'=>3600, 为什么不起做用? 需要开缓存 如何在页面下边显示sql的查询时间 在log组件的routes中加入 array( 'class'=>'CProfileLogRoute', 'levels'=>'error, warning', ) 同时在db组件中加入 'enableProfiling'=>true, 同时在这种情况下,可以用CDbConnection::getStats() 查看执行了多少个语句,用了多少时间 如何知道某一个程序段运行需要的时间 配置好CProfileLogRoute后,在需要测试的地方加上 Yii::beginProfile('blockID'); //程序段 Yii::endProfile('blockID'); 'enableParamLogging'=>true,的作用是? 在日志的bind的参数后边跟数的值 如何在页面底部显示所有的db相关的日志 同上,配置log组件的routes中加入 array( 'class'=>'CWebLogRoute', 'levels'=>'trace, info, error, warning', 'categories' => 'system.db.*', //'showInFireBug' => true,

e4a mysql

倖福魔咒の 提交于 2019-12-06 04:24:57
事件 按钮1.被单击() 变量 查询结果 为 文本型 变量 记录数组 为 文本型() 变量 当前记录 为 文本型 变量 字段数组 为 文本型() 变量 计次1 为 整数型 变量 计次2 为 整数型 编辑框1.内容 = "" 查询结果 = MySQL_查询记录("e4a","id,name,age,sex","age='25'") '查询age字段值为25的那些记录的所有字段值 记录数组 = 分割文本(查询结果,"|.*.|") 变量循环首 计次1 = 0 至 取数组成员数(记录数组)-1 当前记录 = 记录数组(计次1) 当前记录 = "|.+.|" & 当前记录 字段数组 = 取指定文本(当前记录,"|.+.|","|.+.|") 变量循环首 计次2 = 0 至 取数组成员数(字段数组)-1 编辑框1.内容 = 编辑框1.内容 & "\n" & 字段数组(计次2) 变量循环尾 变量循环尾 结束 事件 事件 按钮3.被单击() 变量 修改结果 为 逻辑型 修改结果 = MySQL_修改记录("e4a","age='40'","name='张飞'") '将张飞的年龄age修改为40岁 如果 修改结果 = 真 则 弹出提示("修改成功") 否则 弹出提示("修改失败") 结束 如果 结束 事件 事件 按钮4.被单击() 变量 添加结果 为 逻辑型 添加结果 = MySQL_添加记录(