vue-drag-resize是一个支持拖拽与缩放的vue插件特征轻量级,无依赖性所有的操作都是可联动的支持触摸事件定义元素可拖拽,或者可缩放,或者二者兼有提供用于调整大小的操作点与操作框可以按照比例缩放或者不按照比例缩放元素可限制拖拽的最大与最小值、拖拽的范围是否超出其父元素可限制拖动的方向为垂直或水平轴用法:$ npm i -s vue-drag-resize 然后全局引入或者按需引入属性is            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-25 14:51:35
                            
                                497阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            dragstart:事件主体是被拖放元素,在开始拖放被拖放元素时触发,。 darg:事件主体是被拖放元素,在正在拖放被拖放元素时触发。 dragenter:事件主体是目标元素,在被拖放元素进入某元素时触发。 dragover:事件主体是目标元素,在被拖放在某元素内移动时触发。 dragleave:事 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-26 11:38:00
                            
                                137阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            最近偶尔知道了锤子的one step,所以在网上看相关的东西,有人说android原生drag drop就能实现,我就去学习一下这个drag drop,下面把学习到的东西总结一下:drag drop 是需要两个或者两个以上的View 实现的。就是将一个View从某一个位置拖放到另一个位置,在拖放过程中必须有两个或两个以上的View参与,一个是被拖的View,另一个或多个是接收被拖View的View            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-26 12:47:25
                            
                                144阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            事件分为两类事件: DOM事件,自定义事件一、DOM事件(一)、定义                v-on指令(通常缩写为@符号)来监听Dom事件,触发事件时执行一些JavaScript接收调用的方法名称。单事件<view @cli            
                
         
            
            
            
            Vue中key值的作用首先v-for
在列表渲染时,我们可以用v-for基于一个数组来渲染一个列表。v-for指令需要使用item in arr形式的特殊语法来进行渲染列表,arr是源数据,<ul id="example-1">
  <li v-for="item in arr" :key="item.id">
    {{ item.message }}
  </l            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-04 18:45:09
                            
                                153阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            mxml文件:
<?xml version="1.0" encoding="utf-8"?> <control:Test5 xmlns:fx="http://ns.adobe.com/mxml/2009"       &            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2012-10-29 13:05:00
                            
                                610阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            借用table组件会说一下父子组件的传值。子组件Table.vue,排名用index,并且自递增,标题的值和数据都是通过父组件传过来的。子组件通过props设置tabHeades:Array,tabDatas:Array接收iu父组件传过来的数组。<template>  <li class="tab-wrapper">    <ul class="tab...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-10 15:32:07
                            
                                914阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            value和list这两个都可以给一个draggable注入数据源:/*value注入数据源*/
<draggable v-model="list" ></draggable>
export default {
    data() {
        return {
         list:[{
            name:'aaa',id:1,
                  
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-14 15:26:44
                            
                                518阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.项目初始化安装 Vue 脚手架通过 Vue 脚手架创建项目配置 Vue 路由配置 Element-UI 组件库配置 axios 库初始化 git 远程仓库将本地项目托管到 github 中1.安装 Vue 脚手架npm install vue-cli -g2-3.通过 Vue 脚手架创建项目、配置 Vue 路由vue ui在命令行输入完 vue ui 后会自动打开一个 vue 项目可视化管理页            
                
         
            
            
            
            1. 在drag.js文件中添加 /* * 拖拽指令 */ export default { inserted(el) { // 这里的el是标签中的v-drag let positionParams = { x: 20, y: 105, startX: 0, startY: 0, endX: 0, ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-01 11:54:00
                            
                                1177阅读
                            
                                                                                    
                                3评论
                            
                                                 
                 
                
                             
         
            
            
            
             D is a jQuery plugin that allows you to drag and drop rows within a table for reordering the table data. Basic Usage:1. Include jQuery library and TableDnD.js<script type="text/javasc...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-03 23:32:38
                            
                                250阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最终效果:<template>  <div id="table">    <div class="add">      <input type=            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-03 15:01:32
                            
                                125阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> html <div id="app"> <!--频换切换建议用v-show,性能比v-if好--> <h3 v-show="tab == 1">首页</h ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-16 19:27:00
                            
                                806阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            尝试了多次,在customRender的函数中用不了this,用slot来代替解决了html:<a-table :colu            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-06 11:31:13
                            
                                97阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            【代码】Vue 3扩展el-table。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-05 09:55:07
                            
                                50阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            效果图: <template> <div> <a-button class="editable-add-btn" @click="handleAdd"> Add </a-button> <div> <a-table :columns="columns" :data-source="data" bor            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-20 12:02:32
                            
                                887阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            有虚拟机,跨平台drag虚拟机,类似python虚拟机、java虚拟机。既是静态语言,又是动态语言。当类实现dynamic接口时,那么这个类支持动态添加属性和添加方法的操作。否则,这个类会在编译时检查操作是否合法。一切皆对象,一切对象皆源于类。类似去掉java的原生类型。虚拟机内置类型Object
DynamicBooleanByteIntegerLongFloatDoubleString
Map            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-11-16 22:20:51
                            
                                575阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Spring是当下主流的开发框架,一个轻量级的DI和AOP容器框架,核心思想是IOC和AOP,也是面试中是必问题,开发人员不可不知道,最近和很多面试官交流发现,很多人仅仅是简单知道几个概念,或者大概了解下(我也是这样,时间一长忘了),还是老话好:好记性不如烂笔头。   
 如何理解IOC   我的理解是:程序之间的关系由容器管理,组件对象之间的使用关系由主动变成被动,不再直接相            
                
         
            
            
            
            <a-table        ref="table"        size="middle"        bordered        rowKey="id"        :columns="columns"        :dataS            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-06 11:30:49
                            
                                299阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <template>
<div class="table" style="overflow-y: auto; height:15em; width:100%"> //overflow-y控制y轴滚动
	<table border="0" width="100%" height="16em" cellpadding="4.8" align="center">