教程npm vue
手撕Vue-Router-实现router-view
前言 在上一篇 [手撕Vue-Router-实现router-link] 中，我们实现了 router-link 组件，这一篇我们来实现 router-view 组件。 实现思路 router-view 其实与 router-link 是同一个世界，同一个梦想的，那么我就废话不多说了，直接上代码。 ......
Vue3 + Vite中使用unocss
什么是unocss？ unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。 Unocss： Guide 用Vite安装和配置步骤：UnoCSS Vite Plugin 互动性文档：https://unocss.dev/interactive/（ ......
Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router
项目代码同步至码云 weiz-vue3-template Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。 1. 安装 npm i vue-router@4 2. 集成 1. 新建两页面进行示例 在src/view下 ......
Vue3
官网 https://cn.vuejs.org/guide/quick-start.html 再vue3中采用的是组合式API风格(组合式 API (Composition API)) 通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。在单文件组件中，组合式 API 通常会与 <s ......
[Vue] vue学习笔记(3): 渲染
条件渲染 主要有四个指令 v-show：控制元素可视性，即是否增加样式display=none v-if/v-else-if/v-else：类似if/else-if/else的逻辑结构，进行条件判断，控制元素的可视性，注意这种方法会直接决定元素是否出现DOM树上，而非样式改变 < ! n is a ......
[Vue] vue学习笔记(3): 绑定样式
动态绑定样式 vue允许动态设置class的值，通过利用v-bind指令 🎄情景： 假设存在多个class样式，并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后，类名变为"basic happy" or "basic sad" ......
【Python入门教程】Python的shutil库介绍+基础函数使用（文件/目录复制、移动、删除、解压缩等）
很多时候编过的代码过段时间就忘了，所以想用博文记录一下一些平时常用库的函数，今天跟大家分享一下python的shutil库的常用函数，包括文件复制、删除、移动等常见操作。同时为了复习之前python类的使用，所以今天的代码就用类封装起来了，大家直接看函数就行，不需要用我的代码。 ......
Gitee - 基于 Git 的代码托管和研发协作平台本地代码同步教程
什么是Gitee？ 一、Gitee的发展史。 Gitee（码云）是开源中国于2013年推出的基于Git的代码托管平台、企业级研发效能平台，提供中国本土化的代码托管服务。 二、个人对Gitee的理解 Gitee跟Git有什么区别，个人认为一个是国内、一个是国外，但是两个的目的都是一样的，都是为了方便彼 ......
vue2与vue3的区别
一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变，使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
npm ERR! Unexpected token ‘.‘ 报错解决办法
报错截图如下： 解决办法： 1、通过 nvm uninstall [version] 命令将已经安装的 node 版本依次删除。 [version] 代表 node 版本号。 2、找到 nvm 安装位置， 卸载 nvm , 安装最新版本 nvm。我目前安装nvm1.1.12 双击 nvm 目录中的 ......
vue 创建 项目方式
使用 webpack 创建 vue create pageName 资料 https://cli.vuejs.org/zh/guide/ 使用 vite 创建 npm create vue@latest 资料 https://cn.vitejs.dev/guide/cli https://githu ......
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致，重新调整下他们的顺序后，问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码，js实现懒加载、vue实现图片懒加载指令
手机直播源码，js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件，当视口的高度＋滚动高度，大于图片所在位置举例顶部的偏移量时(也就是距离)，加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......
运维初级实践——Linux系统命令教程
区块链运维工程师在Linux环境中常用的命令、快捷键，以及安装软件和文件管理的最佳实践。 1. 常用Linux命令 1.1 文件和目录操作 ls：列出目录内容 cd：更改目录 mkdir：创建新目录 rm：删除文件或目录 cp：复制文件或目录 mv：移动或重命名文件或目录 # 列出当前目录的内容 l ......
vue3 reactive对象的watch
代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
初中生就能看懂的Python教程 - 0.安装篇
既然点进来看了，那肯定是想学或者需要学Python的，我也不多啰嗦为什么要学Python了。 如题，这是一个初中生就能看懂的Python教程。本人也是初中生，所以会讲的尽量通俗易懂一些。 废话不多说，我们进入正题：安装Python 安装Python 打开浏览器，在上方输入www.python.org ......
vue项目中知识点整理
1、vue怎么找到入口页面的？ 在Vue项目中，入口页面（即根组件）是通过配置文件指定的。在创建Vue项目时，Vue CLI会自动生成一个src目录，并在其中创建一个名为main.js的文件。这个main.js文件就是Vue项目的入口文件。 在main.js文件中，你会看到以下代码： import ......
在 IDEA 中使用 Git 图文教程
在 IDEA 中使用 Git 图文教程 文章目录 1. 配置 Git2. 创建项目远程仓库3. 初始化本地仓库4. 连接远程仓库5. 提交到本地仓库6. 推送到远程仓库7. 克隆远程仓库到本地8. 分支操作8.1 新建分支8.2 删除分支8.3 比较分支8.4 合并分支 9. 几个常用快捷键10. ......
Vue 使用 sheetJS 通过 sheetJSON 解析 Excel 文件
安装 $ npm install xlsx 处理 import XLSX from 'xlsx'; /** * @param {string} data 文件名.xlsx */ export const read = (data, type, headerType=null) => { // 获取 ......
vue2和vue3项目并存时，下载nvm管理nodejs
1、下载nvm 1）下载一个1.19版本以上的nvm，在执行“npm install”时报错“npm ERR! Unexpected token '.'”。。https://blog.csdn.net/qq_25286361/article/details/132899937 2）在nvm/sett ......
npm ERR! code 128 解决GitHub SSH权限问题
报错原因 在npm项目部署时，运行npm install时报错如下: PS D:\workspace\web\vue-element-admin> npm install npm ERR! code 128 npm ERR! An unknown git error occurred npm ERR ......
vue3结构赋值失去响应式引发的问题思考
前言 vue3是基于 proxy 实现响应式的能力， 解决了vue2所遗留下来的一些问题，同时也正由于 proxy 的特性，也提高了运行时的性能 凡事有利有弊， proxy虽然无敌，但是他也有本身的局限，从而产生一些认为的弊端 原始值的响应式系统的实现 导致必须将他包装为一个对象， 通过 .valu ......
vue+iframe 添加请求头，自适应宽度和高度，iframe将token放在请求头不是src的url中
1 <template> 2 <div class="iframe"> 3 <iframe 4 v-if="isRequestHeader" 5 id="myIframe" 6 name="myIframe" 7 src="" 8 frameborder="0" 9 scrolling="no" 1 ......
通过npm安装nodejs
npm (Node Package Manager) 是 Node.js 的包管理器，可以让开发人员更方便地安装、上传、管理和共享代码包。而要使用 npm，当然就需要先安装 Node.js，下面就来讲讲如何通过 npm 安装 nodejs。 在 Windows 上安装 nodejs，可以直接下载 N ......
Vue3 + Express 实现大文件分片上传、断点续传、秒传
前言 在日常开发中，文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到 Web 服务器上，这在许多场景下都是必需的，比如网盘上传、头像上传等。 但是当需要上传比较大的文件的时候，容易碰到以下问题： 上传时间比较久； 中间一旦出错就需要重新上传； 一般服务端会对文件的大小进行限制 ......
Vuex及Vue组件通信
Vuex及Vue组件通信 Vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证 状态以一种可预测的方式发生变化。 通俗点说就是不用考虑组件之间的嵌套关系（例如：父子、祖孙、兄弟等），就可以让组件之间进行互相通信。 组件五把 ......
Unity ECS最新DOTS环境搭建教程
Unity ECS最新DOTS环境搭建教程 最近DOTS终于发布了正式的版本, 今天我们来基于Unity 2023.1.6来搭建DOTS 1.0.16的开发环境与注意事项。 1 获取DOTS的在线文档 Unity DOTS的权威资料比较少，我们主要的都是基于DOTS的官方文档来进行学习和使用。Uni ......
【VUE基础】VUE3核心语法
setup setup是Vue3中一个新的配置项，值是一个函数，它是 Composition API “表演的舞台”，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。 特点如下： setup函数返回的对象中的内容，可直接在模板中使用。 setup中访问this是un ......
简单介绍Vue、uni-app、微信小程序三者之间的联系
uni-app和Vue的关系 使用Vue.js开发；在发布到H5时，支持所有的vue的语法；发布到App和小程序时，不支持部分vue语法(vue-router，需要dom操作的第三方插件、组件) uni-app和小程序的关系 组件标签靠近小程序规范；接口能力（JS API）靠近微信小程序规范；拥有完 ......