Vue 规范vue 项目规范以 Vue 官方规范 中的 A、B、C 规范为基础，并根据实际项目特点略作调整，故应结合两者来执行规范。重点强调1、组件（1）组件名组件名应该始终是多个单词组成（大于等于 2），且命名规范为 PascalCase 格式，避免和 HTML 元素名称冲突。// components/HeaderComponent.vue
export default {
name: '
转载
2024-09-25 14:52:53
68阅读
背景：在使用vuedraggable做一个拖动应用图片排序的场景下，在android、iOS、chrome模拟移动设备 的情况，应用图片用的是svg，大概率会出现ghost元素不消失，也不触发end事件的诡异情况。注意PC端使用chrome 调试模式下，不开启模拟移动设备不会出现这种情况，开启来模拟移动设备也会出现。解决办法给svg元素设置一个css样式，即可；svg {
pointer-eve
转载
2024-10-17 16:58:48
40阅读
v-on的基本使用<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div id="app">
<h2>{{cou
Vue3.0 学习笔记 5监听事件v-on指令v-on指令可以用来监听DOM事件，写法如下：<button v-on:click="young()">young</button><!--标准写法-->
<button @click="young()">young</button><!--简略写法-->v-on的表达式值是一个可
使用 WordCloud 对象进行词云的生成和渲染。其中，第一个参数是上一步中创建的容器元素，第二个参数是一个设置选项的对象，其中 list 属性是一个按照 [ ['foo', 12], ['bar', 6]] 格式排列的二维数组，表示每个单词及其权重。今天来分享 6 个超实用的词云库，以快速实现词云效果！wordcloud2.jswordcloud2.js 是一个基于 HTML5 Canvas
Deep Supervised Hashing for Fast Image RetrievalAbstract在本文中，我们提出了一种新的哈希方法来学习紧凑的二进制码，以便在大规模数据集上高效地检索图像。而复杂的图像外观变化仍然对可靠的检索构成巨大的挑战,根据在不同的视觉任务上学习鲁棒图像表征的卷积神经网络(CNN)的最新进展 ,本文提出了一种新的深度监督哈希(Deep S
转载
2024-07-09 17:08:01
44阅读
一、直接在组件标签上绑定事件1、关于组件的自定义事件，实现步骤：①提供事件源（这个事件源是一个组件）②给组件绑定事件：v-on:事件名 或者 @事件名③编写回调函数，将回调函数和事件进行绑定。④等待事件的触发，只要事件触发，则执行回调函数。对于组件自定义事件来说，要想让事件发生，需要去执行一段代码。这段代码负责去触发这个事件，让这个事件发生。事件绑定在A组件上，则触发这个事
转载
2024-09-30 21:35:38
117阅读
减少/缩小逻辑卷是数据损坏的最高风险。所以，如果可能的话，尽量避免这种情况，但如果没有其他选择的话，那就继续。缩减 LVM 之前，建议先做一个备份。当你在 LVM 中的磁盘空间耗尽时，你可以通过缩小现有的没有使用全部空间的 LVM，而不是增加一个新的物理磁盘，在卷组上腾出一些空闲空间。需要注意的是： 在 GFS2 或者 XFS 文件系统上不支持缩小。如果你是逻辑卷管理 (LVM) 的新手
概要__dirname 总是指向被执行 js 文件的绝对路径
在 /d1/d2/myscript.js 文件中写了 __dirname， 它的值就是 /d1/d2 。./ 会返回你执行 node 命令的路径，例如你的工作路径。有一个特殊情况是在 require() 中使用 ./ 时，这时的路径就会是含有 require() 的脚本文件的相对路径。例如假设有如下目录结构/dir1
/dir2
JS监听div的resize事件
转载
2017-08-15 14:05:00
117阅读
2评论
卷管理在 -ix 环境（UNIX®、AIX 等等）中并不是新特性。逻辑卷管理（logical volume management，LVM）在 Linux® 内核 2.4v1 和 2.6.9v2 中就已经出现了。本文讨论 LVM2 最有用的特性（LVM2 是一个相当新的用户空间工具集，它提供逻辑卷管理功能），并提供几种简化系统管理任务的方法。逻辑卷管理（LVM）指系统将物理卷管理
css中cursor属性详解-鼠标移到图片变换鼠标形状 语法： cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | verti
转载
2024-11-01 08:21:34
15阅读
vue init webpack my_projecthttps://www.cnblogs.com/kdiekdio/p/12242340.html
原创
2021-04-22 20:03:48
249阅读
前言在react典型的数据流中，props传递是父子组件交互的唯一方式；通过传递一个新的props值来使子组件重新re-render,从而达到父子组件通信。当然，就像react官网所描述的一样，在react典型的数据量之外，某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改子组件我们可能需要另一种方式，这就是ref方式。 ref 简介React提
转载
2024-10-16 15:29:14
93阅读
本小节主要讲述在 React中使用css scss 以及其他第三方如bootstrap的css样式配置
1 前言在 JSX 中，如果需要写行内样式，不能为 style 设置字符串的值，而是应该写成 style={{ color:'red',zIndex:3}} 在一个使用案例中上一篇中有写到，未设置样式前 设置style 样式后 import React
转载
2024-07-03 20:25:43
38阅读
Vue组件化的实现与基本步骤基本步骤组件的基本步骤（原始步骤）组件的简化步骤（语法糖）全局组件&局部组件模板分离（简化代码）第一种方式script方式第二种方式 基本步骤组件的基本步骤（原始步骤）创建组件构造器注册组件使用组件代码如下<div id="app">
//使用组件
<mycpn></mycpn>
</
转载
2024-04-07 17:36:53
47阅读
今天我们一起来学一学 VUE的绑定。一、数据绑定首先可以先把数据定义在Vue页面中的<script>标签内，然后在<template>标签中通过{{变量名去取}}。另一种方法：<div v-text="变量名"></div>如果变量是对象，可以{{对象.属性}}去取。如果变量是集合，可以通过 v-for 遍历去取。请看下面实例（我们在新建项目中的Ap
转载
2024-03-20 12:18:03
166阅读
普通开关按钮UI效果：将元素设置为背景，再利用元素的::before/::after绘制为开关触点。交互思路：为元素添加状态样式，更迭背景色以及触点偏移值实现开关转换。当然可以额外添加一个checkbox元素，利用[checked]属性充当状态样式可以省去一些事件监听上的工作<style>
.na-switch {
width: 48px;
height: 24px;
转载
2021-03-09 17:55:45
327阅读
2评论
Vue中利用组件化的思想把页面拆成一个个小的功能块（组件），每个功能块完成自己这部分独立的功能。一、组件的基本使用注册组件的基本步骤创建组件构造器 – 调用Vue.extend()方法注册组件 – 调用Vue.component()方法使用组件 – 在Vue实例的作用范围内使用代码示例：<div id="app">
<!-- 3.使用组件 -->
<
转载
2024-05-30 23:24:29
679阅读
最近使用vue2.0重构项目, 需要实现一个分页的表格, 没有找到合适的分页组件, 就
转载
2023-02-27 15:48:57
205阅读
