事项vue cli 01

disk2vhd工具迁移Server2008R2过程注意事项

第一步:使用disk2vhd工具 1、官网下载最新版本; 2、如果报错尝试兼容性运行; 3、存储位置可以使用网络存储位置; 第二步:hyperV下面创建虚拟机 1、按照常规步骤创建,选择【第一代虚拟机】【使用现有虚拟磁盘】; 2、虚拟机挂载Server2008R2的安装光盘,调整为光盘启动; 3、启 ......
注意事项 disk2vhd 事项 过程 工具

Vue2使用setup、ref、reactive等Vue3的组合式api

有些同学想在当前项目中体验Vue3组合式api,setup、ref、reactive等,而且一步就可以升级到Vue3,但是vue确实2.x版本,不改变当前版本怎么办呢? vue2.7.0开始自带composition-api可以放心体验,当然不支持 <script setup>语法糖,还需要retu ......
Vue reactive setup Vue2 Vue3

在vue3中读取本地txt文件

碰到运营提出需求,提供了一个.txt文件,要求输入框校验文件提供的敏感词汇,故以此记录: 上传文件: <input @change="uploadFile" type="file"> 操作函数: const fileContent = ref(''); const uploadFile = asyn ......
文件 vue3 vue txt

操作系统01.3.29

操作系统概述 操作系统的基本概念 操作系统(Operation System),简称OS,是管理硬件和软件资源的计算机程序。 操作系统有很多,比如Windows、Linux、macOS、Unix、andriod、ios等 Unix:Linux流派和Mac流派的鼻祖,目前主要应用在大型服务器,云计算。 ......
系统 01 29

vue动态切换组件

多个组件挂在到同一个组件上,通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
组件 动态 vue

nginx配置vue打包npm build的静态页面

nginx 配置vue项目 server { listen 8081; server_name 10.8.8.8; index index.html; root /home/www/crm/vue/dist; #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则 #error ......
静态 页面 nginx build vue

初次使用Linux注意事项

1.启动网络服务 systemctl start network systemctl enable network 2.无法使用yum 错误如下 解决办法 cd /etc/sysconfig/network-scripts vi ifcfg-ens33 将ENBOOT改为yes service ne ......
注意事项 事项 Linux

Vue2 计算属性

说明: 计算属性指的是通过一系列运算之后,最终得到一个属性值。 间的的理解,当我们拥有一些数据时,我们需要将这些数据整合到一起,这时候计算属性就会完成这个操作,整合到一起的数据会变成实例的一个新属性值。当用户改变某个数据时,计算属性也会动态的调成整合后的数据。 这个动态计算出来的属性值可以被模板结构 ......
属性 Vue2 Vue

01-网络安全-网站程序发展(基础篇)

1.网站程序发展 web1.0 网站是别人的,只能是随便看看 web2.0网站是朋友的,可以进行交流了 web3.0网站是自己的,可以实现买卖交流。 静态内容阶段:web有大量的文档构成,web被看作成超文本共享文件服务器。 CGI程序阶段:用户浏览器(有交互过程),这个阶段增加了一些变成API,通 ......
网络安全 基础 程序 网络 网站

微信公众号跳转小程序 wx-open-launch-weapp,在vue3+vite中使用 (多个问题集锦)

写这篇文章为了解决现在没有⼀个合集 ,所以我参考其他文档, 及自己的测试最后得出完整的方案 1. 公众号后台关联小程序 要求已认证的服务号 ,在服务号中关联要跳转的小程序 配置 JS接口安全域名 2. 调用wx.config配置‘wx-open-launch-weappʼ标签 3. 修改微信本来的内 ......

01 配置OCP节点Kernal 与sysctls参数

OCP节点内核参数调整方法 本文以OCP4.11版本为基础,介绍了其修改系统核预留、核隔离、内核参数等配置方法 参数配置前检查 $ oc get tuned -A $ oc get performanceprofile -A $ oc get profiles -A 标记节点标签 label nod ......
节点 参数 sysctls Kernal OCP

思考 React Hook 和 Vue 组合式 API

Vue 组合式 API 优化周期函数 Vue2 选项 API 一个组件的周期函数只能有一个,比如 mounted 周期中有很多获取数据的逻辑都在这里,在 updated 周期中又有很多更新的逻辑在这里。 选项 API: export default { data() { return { a: 1, ......
React Hook API Vue

vue 如何实现对弹窗中的列表进行滚动分页加载数据

html: <div class="userList" v-loading="usrLoading" ref="userListBox"> <ul v-if="userListData!=''" style="minHeight: 300px"> <li v-for="(item,i) in use ......
数据 vue

ant-design-vue wangeditor隐藏工具栏image

解决办法 this.editor.customConfig.menus中注释掉img就可以了 <template> <div :class="prefixCls"> <div ref="editor" class="editor-wrapper" ></div> </div></template>< ......

使用NSIS打包超大型软件的几个注意事项

1,NSIS原版不支持超过2G的软件打包,因此需要用NSISBI。官网下载NSISBI,用里面的内容替代原始的NSIS软件目录。 2,原有NSIS目录中的插件不要忘记拷贝到新NSIS目录中;由于NSISBI的Plugins目录中根据平台分了多个子目录,需要拷贝到相应平台的子目录中。 3,NSISBI ......
注意事项 事项 软件 NSIS

第十四篇 vue - 基础 - 模板引用

模板引用 虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。要实现这一点,我们可以使用特殊的 ref attribute ref 是一个特殊的 attribute,和 v-for 章节中提到的 key 类似。它允许我们在一个 ......
模板 基础 vue

第十五篇 vue - 基础 - 组件基础

组件基础 组件允许我们将 UI 划分为独立的、可重用的部分,并且可以对每个部分进行单独的思考。在实际应用中,组件常常被组织成层层嵌套的树状结构 这和我们嵌套 HTML 元素的方式类似,Vue 实现了自己的组件模型,使我们可以在每个组件内封装自定义内容与逻辑 Vue 同样也能很好地配合原生 Web C ......
基础 组件 vue

第十三篇 vue - 基础 - 侦听器

基本示列 计算属性允许我们声明性地计算衍生值。然而在有些情况下,我们需要在状态变化时执行一些“副作用”:例如更改 DOM,或是根据异步操作的结果去修改另一处的状态 在选项式 API 中,我们可以使用 watch 选项在每次响应式属性发生变化时触发一个函数 export default { data( ......
侦听器 基础 vue

第十二篇 vue - 基础 -生命周期

生命周期钩子 每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM 在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码 注册周期钩子 举例来说,mounted 钩子可以用来在组件 ......
周期 生命 基础 vue

第十一篇 vue - 基础 -表单输入绑定

表单输入绑定 在前端处理表单时,我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦 <input :value="text" @input="event => text = event.target.value"> v-model 指 ......
表单 基础 vue

Vue2数据驱动渲染(render、update)

上一篇文章我们介绍了 Vue2模版编译原理,这一章我们的目标是弄清楚模版 template和响应式数据是如何渲染成最终的DOM。数据更新驱动视图变化这部分后期会单独讲解 我们先看一下模版和响应式数据是如何渲染成最终DOM 的流程 Vue初始化 new Vue发生了什么 Vue入口构造函数 funct ......
数据 render update Vue2 Vue

第十篇 vue - 基础 -事件处理

监听事件 我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件,并在事件触发时执行对应的 JavaScript。用法:v-on:click="methodName" 或 @click="handler" 事件处理器的值可以是: 内联事件处理器:事件被触发时执行的内联 JavaScrip ......
事件 基础 vue

若依框架-Vue实用框架(权限控制和页面渲染)(四)

Vue实用框架(权限控制和页面渲染) 路由的组成 前端token获取那一步中有一块内容,只是简单提了一下,但其实实际涉及到的内容很多: 用户信息的获取 第一步的GetInfo后端接口不讲了,因为接口都比较简单,就根据获取得到的数据展开下: 前端权限控制粒度 依旧挑重点讲,user对象的无非就是包含了 ......
框架 权限 页面 Vue

若依框架-Vue实用框架(登录验证)(三)

Vue实用框架-Ruoyi(登录验证) token的登录验证中有一步没有详细铺开,即对用户的账号密码进行校验: package com.ruoyi.framework.web.service; @Component public class SysLoginService { 。。。省略 // 用户 ......
框架 Vue

Native开发过程中容易忽略的注意事项

在进行native开发时,还需要注意以下事项: 不要在native方法中直接抛出Java异常。应该使用JNIEnv中提供的函数来创建和抛出Java异常。 不要在native方法中缓存JNIEnv指针,因为它可能会在运行时被释放或重载。 在native方法中访问Java对象时,需要使用JNI提供的函数 ......
注意事项 事项 过程 Native

读SQL进阶教程笔记01_CASE表达式

1. 概述 1.1. SQL-92标准里加入的最有用的特性 1.2. 写法 1.2.1. 简单CASE表达式 CASE sex WHEN '1' THEN ’男’ WHEN '2' THEN ’女’ ELSE ’其他’ END 1.2.1.1. 写法简单,但能实现的事情比较有限 1.2.2. 搜索C ......
进阶教程 表达式 笔记 教程 CASE

Vue.js 嵌套(多级)路由

视频 3.多级路由(多级路由) 配置路由规则,使用children配置项: routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { pa ......
路由 Vue js

Vue.js 路由几个注意点

视频 2.几个注意点 路由组件通常存放在pages文件夹,一般组件通常存放在components文件夹。 通过切换,“隐藏”了的路由组件,默认是被销毁掉的,需要的时候再去挂载。 每个组件都有自己的$route属性,里面存储着自己的路由信息。 整个应用只有一个router,可以通过组件的$router ......
路由 Vue js

Vue.js 路由的基本使用

npm i router@3 1.基本使用 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'vue-router' //引入Luyou ......
路由 Vue js

Linux系列---【The authenticity of host 'node01 (192.168.1.200)' can't be established.】

#报错信息 我在设置免密登录的时候报了下面的错 /usr/bin/ssh-copy-id: INFO: Source of key(s) to be installed: "/root/.ssh/id_rsa.pub" The authenticity of host 'node01 (192.16 ......
authenticity established 39 Linux host