教程npm vue
vue项目创建和启动、ElementUI的安装和快速学习
5.创建Vue项目 方式一：命令行（不推荐） 方式二：图形化 先找到项目想要创建的位置，去到该目录下，输入cmd回车 输入 vue ui回车 可能会遇到的问题：Failed to get response from /vue-cli-version-marker 解决办法： 找到 .vuerc文件， ......
[Vue]初始Vue
Vue2，建议新人直接饮用vue.js文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= ......
Error: Vue packages version mismatch: - vue@2.6.14 (D:\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.7.14 (D:\前端\vue01\node_modules\vue-template-compiler\package.json)
Error: Vue packages version mismatch: - vue@2.6.14 (D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.14 (D:\前端\vu ......
输入vue ui出现Failed to get response from /vue-cli-version-marker
解决办法： 找到 .vuerc文件，位置在C:\Users\当前用户.vuerc 将packageManager修改如下： 原因是本地hadoop环境变量回合vue项目有冲突，他们都要用到yarn集群 修改后再重新输入vue ui，没有报错信息且自动打开Vue项目管理器的页面 ......
手撕Vue-查找指令和模板
接着上一篇文章，我们已经实现了提取元素到内存的过程，接下来我们要实现的是查找指令和模板。 大致的思路是这样的： 遍历所有的节点 需要判断当前遍历到的节点是一个元素还是一个文本 如果是一个元素, 我们需要判断有没有v-model属性 如果是一个文本, 我们需要判断有没有{{}}的内容 那么随着思路的展 ......
Kafka 入门教程
Kafka是分布式发布-订阅消息系统,它最初由 LinkedIn 公司开发，使用 Scala语言编写,之后成为 Apache 项目的一部分。在Kafka集群中，没有“中心主节点”的概念，集群中所有的服务器都是对等的，因此，可以在不做任何配置的更改的情况下实现服务器的的添加与删除，同样的消息的生产者和 ......
python自带工具 venv 简明教程
在Python中，代码可能依赖特定版本的包，如果代码a和代码b依赖包c的不同版本，这个时候就会导致 a 和 b 无法共存，也就是 a 和 b 存在冲突。 用 venv 解决办法就是，创建 2 个不同的虚拟环境来分别存放 a 和 b，这样就可以解决问题了。 以这个问题为例，简单说明如何使用 venv， ......
小白之vue脚手架搭建
（1）cmd命令行安装脚手架工具，安装前设置镜像不然安装很慢。 安装成功 （2）创建vue项目名字叫vue 选择最后一行 新特性回车 上下箭头选择工具，空格表示选中，绿色表示选中的工具，并回车进行下一步。 选择 2.x，选择y 选择带.json 选择no不保存预制（忘了截图），回车开始创建 ......
Vue3中的生命周期
Vue3生命周期-CSDN博客 一、Vue3中的生命周期1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : ......
【Vue 2】过渡
前言 Vue 提供了多种方式来实现过渡效果。 在CSS过渡和动画中自动应用class 配合CSS动画库 在过渡钩子函数中使用JavaScript操作DOM 配合JavaScript动画库 单元素/组件的过渡 将元素或组件放在<transition>中可以在下列情形中触发过渡效果： 使用了v-if 使 ......
【Vue Router 3】入门
简介 Vue Router让SPA（Single-page Application）的构建更加容易。 Vue Router的功能： 嵌套的路由/视图映射 模块化的、基于组件的router配置 route params, query, wildcards 由Vue过渡系统支持的视图过渡效果 细粒度（f ......
【Vue 2】计算属性与侦听器
计算属性 vs 方法 vs 侦听器 计算属性的出现是为了解决模板内表达式太过复杂而变得难以维护。 假设我们知道长和宽，要计算一个矩形的面积，如果没有计算属性，我们可能像下面这样处理： <div id="app"> <input type="text" v-model="width"> <input ......
小白之创建第一个vue实例（vue2）
（1）安装node.js，尽量16+版本 （2）打开idea创建vue目录，再在该目录下创建vue1.html文件，并敲入下列代码。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>大黄哥哥带你学vue</tit ......
vue style 原理
vue style 的实现主要通过css 的属性选择器 什么是属性选择器？ 答：用于判断标签属性的一种选择器 <style> .a[self_attribute]{ ... } </style> <!-- 生效 --> <div self_attribute class="a"></div> <!- ......
npm更换淘宝镜像
解决方案1、打开命令行工具，并执行以下命令来设置npm的registry为淘宝镜像源： npm config set registry https://registry.npm.taobao.org/12、验证镜像源是否设置成功，执行以下命令： npm config get registry1确保输 ......
vue+thinkphp5.1实现阿里云oss文件上传（服务器签名上传）
一、vue.js <template> <div class="common-box"> <el-upload class="upload-demo" drag :action="data.host" multiple :auto-upload="false" ref="upload" :data= ......
23-Vue组件化编程-非单文件组件和单文件组件
非单文件组件 一个文件中包含有n个组件 Vue中使用组件的三大步骤 1. 定义组件（也就是创建组件） 2. 注册组件（这里有局部注册和全局注册） 3. 使用组件（编写组件标签） 注册组件（局部注册） 靠new Vue的时候传入components选项 <!DOCTYPE html> <html la ......
Javascript、axios、vue基础命令快速学习
1.js: JavaScript 基础学习 JavaScript基础学习 简单案例 1.点击img1，则展示img1图片默认，点击img2则展示img2图片 2.输入框鼠标聚焦onfocus后，显示小写toLowerCase()，失去焦点onblur后显示大写toUpperCase() 3.点击全选 ......
Vue工程环境搭建（NodeJs以及Vue-cli：出现权限不足的问题解决）
Vue工程 4.1需要依赖NodeJs，官网下载安装后 说明安装成功 4.2配置npm的全局安装路径 npm config set prefix "nodejs的安装目录" 没有出现报错信息即可 4.3切换npm的淘宝镜像，不然外网服务器下载资源会比较慢 npm config set registr ......
npm安装依赖报错npm ERR code ENOTFOUND npm ERR errno ENOTFOUND
第一种方法： 1：执行： npm config get proxy npm config get https-proxy 如两个返回值都为null，则直接执行第二步，要确保两个返回值都是null才可以，否则就要执行下面的代码： npm config set proxy null npm config ......
Vue3 + Quasar系列-代码配置以及报错汇总记录（不断更新中）
1. Vue3 + Quasar系列-代码配置打包去掉hash后缀 去掉hash https://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa 2. Vue3 + Quasar改变主题背景 quasar的样式和其他的框架修改不太一 ......
Vue3| Pinia 持久化插件
对 vuex 或 Pinia 里面的内容做本地持久化 1. 安装插件： npm i pinia-plugin-persistedstate 2. 将插件添加到 pinia 实例上 ① main.js 里导入持久化插件：import piniaPluginPersistedstate from 'pi ......
手撕Vue-提取元素到内存
接着上一篇文章，我们已经实现了构建Vue实例的过程，接下来我们要实现的是提取元素到内存。 主要是通过文档碎片来实现，文档碎片是一个轻量级的文档，可以包含和控制节点，但是不会像真实的DOM那样占用内存，所以我们可以通过文档碎片来提高性能。 大致的思路是这样的： 创建一个空的文档碎片对象 编译循环取到每 ......
Vue3| Pinia 的 action 异步写法
import { defineStore } from 'pinia' import { ref } from 'vue' import axios from 'axios' export const useChannelStore = defineStore('channel', () => { ......
Vue3| Pinia 的语法
Pinia 是 Vue 的最新 状态管理工具，是 Vuex 的替代品 Pinia 的优势： 1. 提供更简单的 API（去掉了 mutation） 2. 提供符合 组合式风格的 API（和 Vue3 新语法统一） 3. 去掉了 modules 的概念，每一个 store 都是一个独立的模块 4. 配 ......
第9期ThreadX视频教程：自制个微秒分辨率任务调度实现方案（2023-10-11）
视频教程汇总帖：https://www.armbbs.cn/forum.php?mod=viewthread&tid=110519 说明： 1、一般应用，我们都会将任务RTOS系统时钟节拍（心跳）设置为1ms，但如果直接把RTOS的系统时钟节拍设置为1us，系统负担非常大，而且很多RTOS也做不到1 ......
Vue3| 组合式 API——provide 和 inject
作用和场景：顶层组件向任意的底层组件 传递数据和方法，实现 跨层组件通信 跨层传递普通数据 步骤： 1. 顶层组件通过 provide 函数提供数据 provide ( ' key ' , 顶层组件中的数据 ) 2. 底层组件通过 inject 函数获取数据 const message = inje ......
Flash8.0下载安装教程
1、下载地址：https://www.jb51.net/softs/555686.html?pc 2、在下载好之后 然后双击Flash-chs.exe： 出现这个弹窗界面： 点击下一步； 3、选择我接受协议和条款 然后点击下一步； 4、自定义存储位置，选择是否创建快捷方式 然后直接下一步： 点击安装 ......
CentOS 挂载新磁盘以及磁盘扩容操作教程
1.搭载新加磁盘 查看磁盘 fdisk -l #新盘（/dev/sdb）创建分区 #虚拟机 fdisk /dev/sdb #阿里云 fdisk /dev/vdb #创建/dev/sdb1为新的PV（物理卷） 【创建物理卷命令】 #虚拟机 pvcreate /dev/sdb1 #阿里云 pvcreat ......