事项vue cli 01
disk2vhd工具迁移Server2008R2过程注意事项
第一步:使用disk2vhd工具 1、官网下载最新版本; 2、如果报错尝试兼容性运行; 3、存储位置可以使用网络存储位置; 第二步:hyperV下面创建虚拟机 1、按照常规步骤创建,选择【第一代虚拟机】【使用现有虚拟磁盘】; 2、虚拟机挂载Server2008R2的安装光盘,调整为光盘启动; 3、启 ......
Vue2使用setup、ref、reactive等Vue3的组合式api
有些同学想在当前项目中体验Vue3组合式api,setup、ref、reactive等,而且一步就可以升级到Vue3,但是vue确实2.x版本,不改变当前版本怎么办呢? vue2.7.0开始自带composition-api可以放心体验,当然不支持 <script setup>语法糖,还需要retu ......
在vue3中读取本地txt文件
碰到运营提出需求,提供了一个.txt文件,要求输入框校验文件提供的敏感词汇,故以此记录: 上传文件: <input @change="uploadFile" type="file"> 操作函数: const fileContent = ref(''); const uploadFile = asyn ......
操作系统01.3.29
操作系统概述 操作系统的基本概念 操作系统(Operation System),简称OS,是管理硬件和软件资源的计算机程序。 操作系统有很多,比如Windows、Linux、macOS、Unix、andriod、ios等 Unix:Linux流派和Mac流派的鼻祖,目前主要应用在大型服务器,云计算。 ......
vue动态切换组件
多个组件挂在到同一个组件上,通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
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 ......
初次使用Linux注意事项
1.启动网络服务 systemctl start network systemctl enable network 2.无法使用yum 错误如下 解决办法 cd /etc/sysconfig/network-scripts vi ifcfg-ens33 将ENBOOT改为yes service ne ......
Vue2 计算属性
说明: 计算属性指的是通过一系列运算之后,最终得到一个属性值。 间的的理解,当我们拥有一些数据时,我们需要将这些数据整合到一起,这时候计算属性就会完成这个操作,整合到一起的数据会变成实例的一个新属性值。当用户改变某个数据时,计算属性也会动态的调成整合后的数据。 这个动态计算出来的属性值可以被模板结构 ......
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 ......
思考 React Hook 和 Vue 组合式 API
Vue 组合式 API 优化周期函数 Vue2 选项 API 一个组件的周期函数只能有一个,比如 mounted 周期中有很多获取数据的逻辑都在这里,在 updated 周期中又有很多更新的逻辑在这里。 选项 API: export default { data() { return { a: 1, ......
vue 如何实现对弹窗中的列表进行滚动分页加载数据
html: <div class="userList" v-loading="usrLoading" ref="userListBox"> <ul v-if="userListData!=''" style="minHeight: 300px"> <li v-for="(item,i) in use ......
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 ......
第十四篇 vue - 基础 - 模板引用
模板引用 虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。要实现这一点,我们可以使用特殊的 ref attribute ref 是一个特殊的 attribute,和 v-for 章节中提到的 key 类似。它允许我们在一个 ......
第十五篇 vue - 基础 - 组件基础
组件基础 组件允许我们将 UI 划分为独立的、可重用的部分,并且可以对每个部分进行单独的思考。在实际应用中,组件常常被组织成层层嵌套的树状结构 这和我们嵌套 HTML 元素的方式类似,Vue 实现了自己的组件模型,使我们可以在每个组件内封装自定义内容与逻辑 Vue 同样也能很好地配合原生 Web C ......
第十三篇 vue - 基础 - 侦听器
基本示列 计算属性允许我们声明性地计算衍生值。然而在有些情况下,我们需要在状态变化时执行一些“副作用”:例如更改 DOM,或是根据异步操作的结果去修改另一处的状态 在选项式 API 中,我们可以使用 watch 选项在每次响应式属性发生变化时触发一个函数 export default { data( ......
第十二篇 vue - 基础 -生命周期
生命周期钩子 每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM 在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码 注册周期钩子 举例来说,mounted 钩子可以用来在组件 ......
第十一篇 vue - 基础 -表单输入绑定
表单输入绑定 在前端处理表单时,我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦 <input :value="text" @input="event => text = event.target.value"> v-model 指 ......
Vue2数据驱动渲染(render、update)
上一篇文章我们介绍了 Vue2模版编译原理,这一章我们的目标是弄清楚模版 template和响应式数据是如何渲染成最终的DOM。数据更新驱动视图变化这部分后期会单独讲解 我们先看一下模版和响应式数据是如何渲染成最终DOM 的流程 Vue初始化 new Vue发生了什么 Vue入口构造函数 funct ......
第十篇 vue - 基础 -事件处理
监听事件 我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件,并在事件触发时执行对应的 JavaScript。用法:v-on:click="methodName" 或 @click="handler" 事件处理器的值可以是: 内联事件处理器:事件被触发时执行的内联 JavaScrip ......
若依框架-Vue实用框架(权限控制和页面渲染)(四)
Vue实用框架(权限控制和页面渲染) 路由的组成 前端token获取那一步中有一块内容,只是简单提了一下,但其实实际涉及到的内容很多: 用户信息的获取 第一步的GetInfo后端接口不讲了,因为接口都比较简单,就根据获取得到的数据展开下: 前端权限控制粒度 依旧挑重点讲,user对象的无非就是包含了 ......
若依框架-Vue实用框架(登录验证)(三)
Vue实用框架-Ruoyi(登录验证) token的登录验证中有一步没有详细铺开,即对用户的账号密码进行校验: package com.ruoyi.framework.web.service; @Component public class SysLoginService { 。。。省略 // 用户 ......
Native开发过程中容易忽略的注意事项
在进行native开发时,还需要注意以下事项: 不要在native方法中直接抛出Java异常。应该使用JNIEnv中提供的函数来创建和抛出Java异常。 不要在native方法中缓存JNIEnv指针,因为它可能会在运行时被释放或重载。 在native方法中访问Java对象时,需要使用JNI提供的函数 ......
读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 ......
Vue.js 嵌套(多级)路由
视频 3.多级路由(多级路由) 配置路由规则,使用children配置项: routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { pa ......
Vue.js 路由几个注意点
视频 2.几个注意点 路由组件通常存放在pages文件夹,一般组件通常存放在components文件夹。 通过切换,“隐藏”了的路由组件,默认是被销毁掉的,需要的时候再去挂载。 每个组件都有自己的$route属性,里面存储着自己的路由信息。 整个应用只有一个router,可以通过组件的$router ......
Vue.js 路由的基本使用
npm i router@3 1.基本使用 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'vue-router' //引入Luyou ......
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 ......