- Vue3 + Moveable + Selecto 拖拽组件 Demo
巧克力力克巧!
学习积累vue.jsjavascript前端
一、项目概述本demo旨在通过Vue3、Moveable和Selecto三个库的结合,实现一个基本的拖拽组件功能。通过Selecto实现元素的选择功能,通过Moveable控制选中元素的大小和位置。同时,封装了hooks以实现元素与数据之间的绑定,使得操作更加灵活和可维护。二、技术栈Vue3:用于构建用户界面的渐进式JavaScript框架。Moveable:一个可以拖拽、缩放、旋转DOM元素的库
- 查询和XXX同学学习的课程完全相同的其他同学学号和姓名
魔法少女小严
学习
createtablescore(s_idvarchar(20),c_idvarchar(20),s_scoreint(3),primarykey(s_id,c_id));createtablestudent(s_idvarchar(20),s_namevarchar(20)notnull,primarykey(s_id));第一步:查询XXX同学选的所有课selectc_idfromscorew
- 前端实现电子签名
一个00后前端开发
前端
Document *{ margin:0; padding:0; } 取消 保存 constcanvas=document.querySelector('canvas'); canvas.width=500; canvas
- 中科院空天院的面试题总结-Java
web18285997089
面试学习路线阿里巴巴java开发语言
JAVA1.谈谈ajax的异步请求,与同步请求的区别答:同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。异步是指:发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。自己说了一堆,面试官直接这两句回我,简洁明了,这就是功力,惭愧2.数据库中有成绩字段,给出查询排名前10的语句答:select*from(select*from表orderby成绩desc)
- MySQL数据库三:操作数据库(二)
嘵奇
MySQL数据库mysql
DQL查询数据(重点)DataQueryLanguage:数据查询语言●所有的查询操作都用它Select●简单的查询,复杂的查询它都能做●数据库中最核心的语言,最重要的语句●使用频率最高的语句基本查询代码演示:--简单查询语句SELECT*FROM`class`--查询表的全部信息SELECT`id`,`name`FROM`class`--查询表的指定信息SELECT`id`AS学号,`name`
- mac搭建环境
吹泡泡的派大星
计算机网络visual6macos
从0-1搭建mac环境先查看自己的芯片信息bashuname-mbash-3.2$uname-marm64这里是自己的型号安装brewxcode-select--installxcode-select-p/bin/zsh-c“$(curl-fsSLhttps://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)”source/Users/lan
- 第三章 回归训练实战(以预测新冠感染人数为例)
不吃香菜(扣1复活版)
深度学习入门笔记深度学习人工智能
完整项目代码(预测第三天的新冠感染人数)fromsklearn.feature_selectionimportSelectKBestfromsklearn.feature_selectionimportchi2importcsv#读CSVimportnumpyasnpimporttimeimportmatplotlib.pyplotaspltimportpandasaspdfromtorchimp
- MybatisPlus + SpringBoot + Vue 实现自定义联表查询,返回 HashMap<String, Object> 条件,分页,模糊,total
沐沐uuu
springboot后端java
MybatisPlus+SpringBoot+Vue实现自定义联表查询,返回HashMap条件,分页,模糊,totalMybatisPlus极大的简化了单表查询的重复操作,但是在联表的时候,特别是在查询的结果集没有对应实体类的时候,就还要手写sql,手写分页和模糊,返回HashMap对象。这里我写一个Demo,以方便以后的开发中遇到这种情况。mapper.xmlSELECTa.APPLICATIO
- Mybatis中#{}和${}的用法
光阴不负卿
javamybatisMySQLjavasqlmybatis
1、#{}将传入的数据当作一个字符串,会对传入的数据加上一个双引号。比如,select*fromstudentwherestudent_name=#{studentName}如果传入的值为xiaoming,那么解析成sql的值为student_name="xiaoming"。2、${}将传入的数据直接显示生成在sql中。如:select${fieldNmae}fromstudentwherestu
- ArcGISPro 将 村界 图层中与 PolygonZY 图层要素相交或包含的要素的 界线名 字段值,赋值给 PolygonZY 的 QSDWMC 字段。核心逻辑是通过空间关系匹配属性值。
李建军
ArcGISProarcgis
importarcpy#设置输入图层路径polygon_layer=r"村界"#村界图层village_layer=r"PolygonZY"#PolygonZY图层#创建查询表达式来选择与村界相交的PolygonZY要素arcpy.management.SelectLayerByLocation(village_layer,"INTERSECT",polygon_layer)#使用UpdateCu
- langchain学习笔记之小样本提示词Few-shot Prompt Template
静静的喝酒
langchain深度学习人工智能大模型开发langchain
langchain学习笔记之小样本提示词引言Few-shotPromptTemplates\text{Few-shotPromptTemplates}Few-shotPromptTemplates简单介绍示例集创建创建ExamplePrompt\text{ExamplePrompt}ExamplePrompt与ExampleSelector\text{ExampleSelector}Example
- MyBatis常见知识点
2301_80148369
mybatis
#{}和${}的区别是什么?答:${}是Properties文件中的变量占位符,它可以用于标签属性值和sql内部,属于原样文本替换,可以替换任意内容,比如${driver}会被原样替换为com.mysql.jdbc.Driver。一个示例:根据参数按任意字段排序:select*fromusersorderby${orderCols}orderCols可以是name、namedesc、name,se
- 【ElementUI实现table表格行拖拽切换顺序】
电竞蒋劲夫
ElementUIelementui前端javascriptvue.js
实现效果逻辑思路通过el-table的row-class-name设置行的自定义class类名.在mounted和updated生命周期钩子中调用this.$nextTick,确保DOM元素渲染完成后,使用document.querySelectorAll获取所有.drag-row元素。设置dom的draggable(用于标识元素是否允许使用浏览器原生行为或HTML拖放操作API拖动。)为true
- oracle 比较两个字符串相似度
90的程序爱好者
oraclesqloracle数据库
select*from(select字段a,字段b,sys.utl_match.edit_distance_similarity(字段a,字段b)相似度formtable)orderby相似度desc说明:SYS.UTL_MATCH.EDIT_DISTANCE_SIMILARITY函数用于计算两个字符串之间的编辑距离相似度
- MQTT实战之在vue和java中使用
沐暖沐
vue.jsjava前端
在VUE中使用MQTT1、创建vue项目(使用node版本为20.12.0)>>npmcreatevite@latestNeedtoinstallthefollowingpackages:
[email protected]?(y)y√Projectname:...mqtt-vue√Selectaframework:»Vue√Selectavariant:»JavaScript
- oracle 误删恢复教程
高级盘丝洞
oracle数据库
--查看执行sql时间SELECTsql_text,last_load_timeFROMv$sqlWHERElast_load_timeISNOTNULLandsql_textlike'select%'ORDERBYlast_load_timeDESC;--查看时间前数据select*fromDEMOasoftimestampto_timestamp('2022-04-0216:26:11','y
- Oracle日常运维(一线DBA必备技能)(一)
小小不董
OracleDB管理及运维oracle运维dba数据库
Listitem本篇结合自己经历,介绍下Oracle日常运维(一线DBA必备技能)的一些基本项目。1.日常巡检基础管理1.1DB实例状态巡检检查实例-linux/unix操作系统层面ps-ef|grepsmon/pmon;登录数据库(注意备库)selectopen_modefromv$database;OPEN_MODE--------------------READWRITE监听状态lsnrct
- Oracle DBA日常任务——查杀死锁
薛定谔之死猫
脚本语言编程oracle任务sessionobjectkillaccess
Oracle的锁分为两大类,一类就是极为常见的DML事务锁,是为保障数据库系统数据一致性而存在的锁,其中分共享锁、排它锁等,不同的DBMS对这类锁的实现参差不齐;另一大类锁就是DDL级锁,这类锁一般出现在开发或发布时候,一旦出现比较棘手。下面就两类所的锁查找和灭杀做一个阐述。1、查找DML锁selectp.spid,s.sid,s.serial#,s.username,s.machine,s.os
- 一线大厂面试题-limit 1000000,10 加载很慢该怎么优化
似来
一线大厂面试题面试职场和发展开发语言
关于这个问题,有多种解决方案,大家可以在回答的时候尽可能的考虑全面一点。1.如果id是连续的,可以直接使用这样的方式。select*fromorderwhereid>1000000limit10这种方式其实就是先对数据做过滤,然后再limit,可以有效提升查询效率2.通过orderby+索引来解决select*fromorderorderbyidlimit1000000,10需要注意id是索引列,
- oracle特殊数据文件名修改
烟雨归来
oracleoracle数据库
SQL>selectnamefromv$datafile;NAME--------------------------------------------------------------------------------/home/oracle/app/oradata/orcl\SYSTEM01.DBF/home/oracle/app/oradata/orcl/SYSAUX01.DBF/ho
- windows服务器系统巡检脚本,sql server 数据库巡检脚本
zq青
我司数据库一季度巡检一次,所以经常用到下面脚本--1.查看数据库版本信息select@@version--2.查看所有数据库名称及大小execsp_helpdb--3.查看数据库所在机器的操作系统参数execmaster..xp_msver--4.查看数据库启动的参数--5.查看数据库启动时间selectconvert(varchar(30),login_time,120)frommaster..
- GENDER AND SEX IN THE MEDIA
后端
Assignment#1–GENDERANDSEXINTHEMEDIA(worth25%)DUEFEB.24by11:59p.m.toA2LDropBox(under“Assignments”)ASSIGNMENTQUESTIONSPleaseselectoneofthethreequestionsbelow.DUE:SubmittoAvenueassignmentdropboxonorbefor
- Vue3中实现el-table单选功能(取消前一项的选中)
需求描述产品说,表格行要只能选中一个且,不能使用el-radio方式因为要可以取消选中于是乎,有了当前的文章记录我们先看效果图效果图代码思路首先,把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后,去除前一项的选中状态@select="selectChange"constsel
- QTableWidget样式设置
季截
qt前端javascripthtml
QHeaderView::section{font-family:思源黑体;font-size:28px;font-weight:500;color:#054578;}QLineEdit:hover{border:1pxsolid#298DFF;border-radius:3px;background-color:#F2F2F2;color:#298DFF;selection-background
- 微信小程序自定义tabbar跳转出错
crack_ff
小程序小程序bug
这是正常情况不正常情况是点击几次tabbar之后页面会错乱,导致图标显示和内容不一致,但是点击换页没有问题解决办法:在显示页的onshow函数中添加如下代码if(typeofthis.getTabBar==='function'&&this.getTabBar()){this.getTabBar().setData({selected:1})}selected是页面的tabbar的index。讲的
- 零基础轻松掌握 select
瑶琴AI前端
HTML前端html
文章导读:AI辅助学习前端,包含入门、进阶、高级部分前端系列内容,当前是HTML的部分,公众号会持续更新,适合零基础的朋友,已有前端工作经验的可以不看,也可以当作基础知识回顾。标签的用法标签用于创建下拉列表,允许用户从预定义的选项中进行选择。下面是关于标签的详细介绍。1.创建元素2.添加选项元素在标签内添加一个或多个标签,每个表示一个可选项。AppleBananaOrangeGrape3.设置选项
- 答题记录-ORACLE
Evans-Liang
答题知识专栏oracle
1.Oracle基于CBO模式计算的COST与哪些值有关?AIOSEEKTIMBBLOCKSCIOTFRSPEEDDNUM_ROWS2.下面SQL语句输出的结果是?selectplayer_name,e_player_namefromplayerwheree_player_namelike'_A%';A查询以字母A开头的选手名称B查询以字母A或a开头的选手名称C查询以第二个字母是A的选手名称D与位
- java获取hive表所有字段,Hive Sql从表中动态获取空列计数
拾亿年
java获取hive表所有字段
我正在使用datastaxspark集成和sparkSQLthrift服务器,它为我提供了一个HiveSQL接口来查询Cassandra中的表.我的数据库中的表是动态创建的,我想要做的是仅根据表名在表的每列中获取空值的计数.我可以使用describedatabase.table获取列名,但在hiveSQL中,如何在另一个为所有列计数null的select查询中使用其输出.更新1:使用Dudu的解决
- 前端自动化测试:TDD 和 BDD 哪个更好一些?
测试员小静
技术分享测试程序人生软件测试测试工程师ui程序人生
大家好,我是小静,今天整理了一份前端自动化测试手册,希望能对你有帮助!这里赠送一套软件测试相关资源:软件测试相关工具软件测试练习集深入自动化测试Python学习手册Python编码规范大厂面试题和简历模板关注我公众号:【程序员小濠】即可免费领取!交流群:175317069Vue应用测试项目环境搭建运行vuecreate[project-name]来创建一个新项目。选择"Manuallyselect
- el-tree展开收起等一系列操作(只展开一个节点,其他方法实现全部收起/展开只一个不同,还可以滚动到选中的节点位置)
codekjy
vue.js前端javascript
//accordion只展开一个节点data(){return{Data:[],selectId:null,defaultKeys:[],//默认展开那个defaultProps:{children:'children',label:'label'},}}methods:{handleNodeClick(data,node){//点击节点console.log(data,node)//this.h
- java杨辉三角
3213213333332132
java基础
package com.algorithm;
/**
* @Description 杨辉三角
* @author FuJianyong
* 2015-1-22上午10:10:59
*/
public class YangHui {
public static void main(String[] args) {
//初始化二维数组长度
int[][] y
- 《大话重构》之大布局的辛酸历史
白糖_
重构
《大话重构》中提到“大布局你伤不起”,如果企图重构一个陈旧的大型系统是有非常大的风险,重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”,下面我就分享这个“大布局”项目经验给大家。
背景
公司专注于企业级管理产品软件,企业有大中小之分,在2000年初公司用JSP/Servlet开发了一套针对中
- 电驴链接在线视频播放源码
dubinwei
源码电驴播放器视频ed2k
本项目是个搜索电驴(ed2k)链接的应用,借助于磁力视频播放器(官网:
http://loveandroid.duapp.com/ 开放平台),可以实现在线播放视频,也可以用迅雷或者其他下载工具下载。
项目源码:
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。
项目源码依赖于两个库项目,库项目一链接:
http://git.oschina.
- Javascript中函数的toString()方法
周凡杨
JavaScriptjstoStringfunctionobject
简述
The toString() method returns a string representing the source code of the function.
简译之,Javascript的toString()方法返回一个代表函数源代码的字符串。
句法
function.
- struts处理自定义异常
g21121
struts
很多时候我们会用到自定义异常来表示特定的错误情况,自定义异常比较简单,只要分清是运行时异常还是非运行时异常即可,运行时异常不需要捕获,继承自RuntimeException,是由容器自己抛出,例如空指针异常。
非运行时异常继承自Exception,在抛出后需要捕获,例如文件未找到异常。
此处我们用的是非运行时异常,首先定义一个异常LoginException:
/**
* 类描述:登录相
- Linux中find常见用法示例
510888780
linux
Linux中find常见用法示例
·find path -option [ -print ] [ -exec -ok command ] {} \;
find命令的参数;
- SpringMVC的各种参数绑定方式
Harry642
springMVC绑定表单
1. 基本数据类型(以int为例,其他类似):
Controller代码:
@RequestMapping("saysth.do")
public void test(int count) {
}
表单代码:
<form action="saysth.do" method="post&q
- Java 获取Oracle ROWID
aijuans
javaoracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row.
The oracle.sql.ROWID class i
- java获取方法的参数名
antlove
javajdkparametermethodreflect
reflect.ClassInformationUtil.java
package reflect;
import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt
- JAVA正则表达式匹配 查找 替换 提取操作
百合不是茶
java正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split();
String str;
str.split();方法中传入按照什么规则截取,返回一个String数组
常见的截取规则:
str.split("\\.")按照.来截取
str.
- Java中equals()与hashCode()方法详解
bijian1013
javasetequals()hashCode()
一.equals()方法详解
equals()方法在object类中定义如下:
public boolean equals(Object obj) {
return (this == obj);
}
很明显是对两个对象的地址值进行的比较(即比较引用是否相同)。但是我们知道,String 、Math、I
- 精通Oracle10编程SQL(4)使用SQL语句
bijian1013
oracle数据库plsql
--工资级别表
create table SALGRADE
(
GRADE NUMBER(10),
LOSAL NUMBER(10,2),
HISAL NUMBER(10,2)
)
insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser
- 【Nginx二】Nginx作为静态文件HTTP服务器
bit1129
HTTP服务器
Nginx作为静态文件HTTP服务器
在本地系统中创建/data/www目录,存放html文件(包括index.html)
创建/data/images目录,存放imags图片
在主配置文件中添加http指令
http {
server {
listen 80;
server_name
- kafka获得最新partition offset
blackproof
kafkapartitionoffset最新
kafka获得partition下标,需要用到kafka的simpleconsumer
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.
- centos 7安装docker两种方式
ronin47
第一种是采用yum 方式
yum install -y docker
 
- java-60-在O(1)时间删除链表结点
bylijinnan
java
public class DeleteNode_O1_Time {
/**
* Q 60 在O(1)时间删除链表结点
* 给定链表的头指针和一个结点指针(!!),在O(1)时间删除该结点
*
* Assume the list is:
* head->...->nodeToDelete->mNode->nNode->..
- nginx利用proxy_cache来缓存文件
cfyme
cache
user zhangy users;
worker_processes 10;
error_log /var/vlogs/nginx_error.log crit;
pid /var/vlogs/nginx.pid;
#Specifies the value for ma
- [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题
comsci
嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式,直接在方程式之前添加负号是不正确的,而必须这样做:
string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"
定义一个0整数c,然后用这个整数c去
- 如何集成支付宝官方文档
dai_lm
android
官方文档下载地址
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash
集成的必要条件
1. 需要有自己的Server接收支付宝的消息
2. 需要先制作app,然后提交支付宝审核,通过后才能集成
调试的时候估计会真的扣款,请注意
- 应该在什么时候使用Hadoop
datamachine
hadoop
原帖地址:http://blog.chinaunix.net/uid-301743-id-3925358.html
存档,某些观点与我不谋而合,过度技术化不可取,且hadoop并非万能。
--------------------------------------------万能的分割线--------------------------------
有人问我,“你在大数据和Hado
- 在GridView中对于有外键的字段使用关联模型进行搜索和排序
dcj3sjt126com
yii
在GridView中使用关联模型进行搜索和排序
首先我们有两个模型它们直接有关联:
class Author extends CActiveRecord {
...
}
class Post extends CActiveRecord {
...
function relations() {
return array(
'
- 使用NSString 的格式化大全
dcj3sjt126com
Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
- 使用activeX插件对象object滚动有重影
蕃薯耀
activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
- SpringMVC4零配置
hanqunfeng
springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式,实现零xml配置,弄了个小demo,供交流讨论。
项目说明如下:
1.db.sql是项目中用到的表,数据库使用的是oracle11g
2.该项目使用mvn进行管理,私服为自搭建nexus,项目只用到一个第三方 jar,就是oracle的驱动;
3.默认项目为零配置启动,如果需要更改启动方式,请
- 《开源框架那点事儿16》:缓存相关代码的演变
j2eetop
开源框架
问题引入
上次我参与某个大型项目的优化工作,由于系统要求有比较高的TPS,因此就免不了要使用缓冲。
该项目中用的缓冲比较多,有MemCache,有Redis,有的还需要提供二级缓冲,也就是说应用服务器这层也可以设置一些缓冲。
当然去看相关实现代代码的时候,大致是下面的样子。
[java]
view plain
copy
print
?
public vo
- AngularJS浅析
kvhur
JavaScript
概念
AngularJS is a structural framework for dynamic web apps.
了解更多详情请见原文链接:http://www.gbtags.com/gb/share/5726.htm
Directive
扩展html,给html添加声明语句,以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称,ng是angular的命名空间
- 架构师之jdk的bug排查(一)---------------split的点号陷阱
nannan408
split
1.前言.
jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug.
2.代码
String[] paths = "object.object2.prop11".split("'");
System.ou
- 如何对10亿数据量级的mongoDB作高效的全表扫描
quentinXXZ
mongodb
本文链接:
http://quentinXXZ.iteye.com/blog/2149440
一、正常情况下,不应该有这种需求
首先,大家应该有个概念,标题中的这个问题,在大多情况下是一个伪命题,不应该被提出来。要知道,对于一般较大数据量的数据库,全表查询,这种操作一般情况下是不应该出现的,在做正常查询的时候,如果是范围查询,你至少应该要加上limit。
说一下,
- C语言算法之水仙花数
qiufeihu
c算法
/**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
int x,y,z;
for(x=1;x<=N;x++)
for(y=0;y<=N;y++)
for(z=0;z<=N;z++)
if(x*100+y*10+z == x*x*x
- JSP指令
wyzuomumu
jsp
jsp指令的一般语法格式: <%@ 指令名 属性 =”值 ” %>
常用的三种指令: page,include,taglib
page指令语法形式: <%@ page 属性 1=”值 1” 属性 2=”值 2”%>
include指令语法形式: <%@include file=”relative url”%> (jsp可以通过 include