1.前言安装直接用 <script> 引入(本地或者cdn)npm npm install vue vue-cli官方脚手架# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖,走你 $ cd my-project $ npm
1、复习(1).sync修饰符原理解析<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h
1、插件安装cnpm install --save vue-drag-resize2、main.js全局引用import VueDragResize from 'vue-drag-resize' Vue.component('vue-drag-resize', VueDragResize)3、.vue页面使用<template> <div> &l
转载 2024-09-21 10:27:42
157阅读
演示事例最近在做一个新的项目,有个需求是这样的:简单描述一下,就是鼠标拖动页面,整个页面会随着的鼠标的拖拽而移动,如果页面有内容,里面的内容也需要跟着拖动的外层整体移动。一开始没啥思路,所以就发了个朋友圈,得到的答案挺多的,主要还是用拖拽之类的,但这个拖拽只是单个元素的拖动,我想要的整个视图的拖动。这里线索又断了。于是又回到飞书有类似功能的页面,然后仔细检查一下它页面的 DOM 结构,如下所示:发
安装npm i vuedraggable -S属性group: { name: "...", pull: [true, false, clone], tag: 'td' // 默认div,设置draggable标签解析html标签 v-model:data // 绑定数据列表 put: [true, false, array] } //name相同的组可以互相拖动, pull可以写条件判断,是否
转载 10月前
125阅读
Vue3中修改父组件传递到子组件中的值1.大家都知道,vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候,控制台就会报出错误,说不让你对父组件传递的值进行修改。 2.那么,尤大大为了解决这个问题,在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也可以修改父组件传递过来的数据。 3. 都读到这里了,我给大家提供两个修改父组件数据的思路(不仅限于
项目中做看板重构时遇到的开发需求,不能使用组件,乍一看感觉很头大,但实际上手做出来后还是小有成就的。浏览图:性能探究(一):使用对象代替数组匹配数据,从而省去遍历操作小demo演示——拖拽移动: 滚轮缩放:直接进入正题:先创建一个简单的vue demo项目<template> <div class="drag"> <div class="back_box"
vue-drag-resize是一个支持拖拽与缩放的vue插件特征轻量级,无依赖性所有的操作都是可联动的支持触摸事件定义元素可拖拽,或者可缩放,或者二者兼有提供用于调整大小的操作点与操作框可以按照比例缩放或者不按照比例缩放元素可限制拖拽的最大与最小值、拖拽的范围是否超出其父元素可限制拖动的方向为垂直或水平轴用法:$ npm i -s vue-drag-resize 然后全局引入或者按需引入属性is
转载 2024-02-25 14:51:35
495阅读
install with npmnpm install vue-grid-layout --save install with yarnyarn add vue-grid-layout 引入 import VueGridLayout from ‘vue-grid-layout’; // vue 项目中 // 普通项目中 代码片段 <grid-layout /
转载 2024-08-10 06:56:27
369阅读
vue 弹出层这些都是我做移动端经常用到的的弹出层,四种弹出层,分别默认值type 0 1 2 这是一个组件 layer.vue代码:<layer ref="layer"></layer> import layer from '@/components/layer/layer'1、加载中1. 加载中 默认open() 中没有参数 默认 type: 0 // type 0 l
node v8.11.1npm 5.6.0cordova 8.0.0一、cordovacd /d E:\mapp\qyjgcordova create cordova com.stbc.qyjg 区域
原创 2022-12-16 15:38:03
543阅读
一,Enfocus Switch 是什么? Adobe 公司大名鼎鼎的软件很多,最为人知的有: Adobe Photoshop,Adobe Acrobat,Adobe Premiere,Adobe InDesign,Adobe Flash …… 不给Adobe公司做广告了。 今天我要说的是 Enfo
原创 2021-07-21 14:17:04
708阅读
简介TensorFlow使用数据流图将计算表示为独立的指令之间的依赖关系。这可生成低级别的编程模型,在该模型中,您首先定义数据流图,然后创建TensorFlow会话,以便在一组本地和远程设备上运行图的各个部分。如果您计划直接使用低级别编程模型,,本指南将是您最实用的参考资源。较高阶的API(例如tf.estimator.Estimator和Keras)会向最终用户隐去图和会话的细节内容,但如果您希
转载 2024-07-10 17:17:03
140阅读
一:主要内容:概述文件的逻辑结构 ( 顺序文件,索引文件,索引顺序文件,直接文件和哈希文件 ) 外存分配方式文件目录管理文件存储空间管理文件系统的可靠性和安全性文件系统的数据一致性控制文件管理,由于系统的内存有限并且不能长期保存,故平时总是把它们以文件的形式存放在外存中,需要时再将它们调入内存。如何高效的对文件进行管理是操作系统实现的目标。二:文件和文件系统2.1  现代OS几乎都是通过文件系统来
今天小编教大家如何使用文档翻译器快速完成整篇word文档翻译,文档翻译是当前职场小白做的最多的一项基本工作之一,即使是最基本的文档翻译工作也有很多人因此加班加点才能完成,到最后还会出现翻译错误效率低下的问题. 文档翻译器:https://www.xunjiepdf.com/wendangfanyiqi 百度翻译:https://fanyi.baidu.com/方法一: 1、打开文档翻译器之后先简单
(写给不熟悉github的同学:点击页面右侧的绿色按钮【Clone or download】即可下载) 版本持续更新中,遇到有什么bug或建议可以在Issues中提出来,我会在工作之余尽力解答。(遇到bug先不要着急,请先确认是否在github中下载的最新版本,有一些别的网站也收录了这个插件,但是版本滞后,一些新特性还没有更新,以及存留着一些老bug。)特性原生js移动端选择控件,不依赖
转载 2023-10-05 11:10:28
355阅读
A开头:$AltBody--属性 出自:PHPMailer::$AltBody 文件:class.phpmailer.php 说明:该属性的设置是在邮件正文不支持HTML的备用显示AddAddress--方法 出自:PHPMailer::AddAddress(),文件:class.phpmailer.php 说明:增加收件人。参数1为收件人邮箱,参数2为收件人称呼。例AddAddress("to@
转载 2024-04-12 19:26:34
513阅读
默认的 dashboard 没啥用,我们用 kubesphere 可以打通全部的 devops 链路。 Kubesphere 集成了很多套件,集群要求较高 https://kubesphere.io/ Kuboard 也很不错,集群要求不高官方文档:https://kuboard.cn/support/,但是我们也不用它。一 、简介KubeSphere 是一款面向云原生设计的开源项目,在目前主流容
开始的话Fragment,中文译为碎片。被设计为在一定程度上可代替activity部分功能的组件(但是必须依赖于某一activity)。较之于Activity来说,Fragment更为轻量级,也可以适应不同平板和手机的分辨率,实现响应式UI。这也是谷歌比较推崇的一种方式->一个Activity对应多个fragment来构建app。 虽然现在fragment存在着许多的坑,但是在一定程度上是一
转载 2024-08-16 13:01:01
51阅读
GAWK(1) Utility Commands GAWK(1) NAME gawk - pattern scanning and processing language SYNOPSIS gawk [ POSIX or GNU style options ] -f program-file [ - ...
转载 2021-09-19 10:30:00
529阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5