浏览器vue day 43
手撕Vue-Router-实现router-link
前言 在上一篇 [手撕Vue-Router-添加全局$router属性] 中，实现了将每一个 Vue 实例上挂载一个 $router 属性，这个属性就是我们在上一篇文章中创建的 VueRouter 实例。 开始 本章节，我们将实现一个 router-link 组件，这个组件可以实现点击跳转到指定的路 ......
手撕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/（ ......
Day 5
Day 5 优雅代码编写指北 01代码风格 ”修饰“的前提一定是”跑通“代码，也就是说先保证code 没有任何bug ”修饰”不是每个人强制的内容 02缩进与执行 如果有开始定界符，其余行的缩进需与开始定界符对齐 需要额外的4个空格（长度等于一个Tab键），以区分传入参数和其他内容 空格一般用于添加 ......
day02
快捷键 ctrl+c 复制 ctrl+v 粘贴 alt+f4 关闭窗口 ctrl+shift 更换输入法 alt+tab windows+tab 打开小窗口 ctrl+a 全选 ctrl+x 剪切 ctrl+z 撤销 ctrl+s 保存 shift+delete 永久删除 windous+e 我的电 ......
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 ......
day1数组理论基础，704. 二分查找，27. 移除元素
数组理论基础，704. 二分查找，27. 移除元素 1数组理论基础 1.1 数组概念 定义：存放在连续内存空间上的相同类型数据的集合。 特点：1.数组中数据类型相同 2.数组所占空间连续 1.2 数组创建 2 704.二分查找 给定一个 n 个元素有序的（升序）整型数组 nums 和一个目标值 ta ......
day1数组理论基础，704. 二分查找，27. 移除元素
数组理论基础，704. 二分查找，27. 移除元素 1数组理论基础 1.1 数组概念 定义：存放在连续内存空间上的相同类型数据的集合。 特点：1.数组中数据类型相同 2.数组所占空间连续 1.2 数组创建 2 704.二分查找 给定一个 n 个元素有序的（升序）整型数组 nums 和一个目标值 ta ......
[Vue] vue学习笔记(3): 渲染
条件渲染 主要有四个指令 v-show：控制元素可视性，即是否增加样式display=none v-if/v-else-if/v-else：类似if/else-if/else的逻辑结构，进行条件判断，控制元素的可视性，注意这种方法会直接决定元素是否出现DOM树上，而非样式改变 < ! n is a ......
Day13 基本运算符
基本运算符 1.掌握下列前四个运算符即可 算术运算符：+，-，*，/，%(取余)，++，-- 赋值运算符= 关系运算符：>，<，>=，<=，==（Java里面的等于用两个等号），!=(这个表示不等于) instanceof 逻辑运算符：&&,||，！（与，或，非） 位运算符：&，|，^，~，>>，< ......
day07 基于Ceph的存储解决方案 (2.2.1-2.2.3)
一、基于Ceph的存储解决方案上 1、Kubernetes使用Rook部署Ceph存储集群 Rook https://rook.io 是一个自管理分布式存储编排系统，可为K8S提供便利的存储解决方案 Rook本身不提供存储，而是在kubernetes和存储系统之间提供适配层，简化存储系统的部署与维护 ......
day06 基于NFS的存储解决方案 2.1
一、基于NFS的存储解决方案 NFS在K8S中的应用及配置 1、前言 NFS是基于网络共享文件的存储解决方案，及网络 文件系统。NFS 运行在一个系统网络上与他人共享目录和文件。通过使用NFS，用户和程序可像访问本地文件一样访问远端系统上的文件。 nfs：是我们最终的存储 nfs-client：用来 ......
[Vue] vue学习笔记(3): 绑定样式
动态绑定样式 vue允许动态设置class的值，通过利用v-bind指令 🎄情景： 假设存在多个class样式，并给元素指定一个class = "basic", 类名随不同情况更改 <div id="root"> <! 动态设置后，类名变为"basic happy" or "basic sad" ......
浏览器插件 Obsidian web 与 Obsidian 插件 local rest api 结合配置过程记录
1. 安装浏览器插件 能到这里的肯定是已经有 Obsidian 了. 首先要安装 chrome 浏览器插件 Obsidian web 如图 2. 安装 Obsidian 上的插件 插件名为 local rest api, 如图 3. 设置浏览器插件配置 对应的 Obsidian web 中设置上 l ......
vue2与vue3的区别
一、双向数据绑定原理的区别 vue2 的双向数据绑定是利用ES5 的一个APIObject.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的 vue3发生了改变，使用proxy替换Object.defineProerty,使用Proxy的优势 1、可直接监听数组类型的数 ......
自学day8 js的字符串
typora-copy-images-to: media ES5和字符串 一、ES5的语法 js在产生的时候，年代比较早，当时的web需求比较少，所以刚开始的js功能比较少，语法没有特别严谨。随着时代的发展和web应用的普及，js需要更多的功能，以及更严谨的语法，所以，js会有版本的升级。第一版的j ......
使用html文件渲染浏览器翻译json文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pre Tag E ......
day01
Markdown学习 标题 二级标题 三级标题 四级标题 字体 hello,world! hello,world! hello,world! hello,world! hello,world! 引用 选择12345 分割线 图片 超链接 123 列表 a b c a b c 表格 名字性别生日 张三 ......
实用浏览器插件
OneTab Chrome或者Edge浏览器， 是支持一次打开很多个Tab的这样的操作。 但是当我们打开太多的Tab的时候， 其实每一个Tab会变得很小， 不好管理和操作。 这个时候如果用One Tab就可以解决这个问题。OneTab可以把这些开的太多的窗口放到一个页面里面， 点击就可以打开这些Ta ......
day13 yield实现range函数
def range(*args,**kwargs): if len(args)==1: end=args[0] start=1 step = 1 while start<end: yield start start+=step #pass elif len(args)==2: start=args[ ......
百度API学习 | day01
大作业：（2023.12.27日完成） 各位同学可根据自身情况进行选择： 选项一：根据实验一、二、三完成如下任务： 任务一：基于Jfinal构建信息管理系统，要求包含用户管理，翻译业务模块管理，图片优化模块管理（占30%）。 任务二：要求不同用户登录后可进行文字翻译和图片优化业务处理，并且可查看提交 ......
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"> ......
断开网络麒麟总是自动打开浏览器
访问的网址：http://capnet.elementary.io 就是检测你有没有网络的 解决办法 sed -i '42d' /etc/NetworkManager/dispatcher.d/90-open_captive_portal 就是删掉了下面这行内容： ......
vue3 reactive对象的watch
代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
vue项目中知识点整理
1、vue怎么找到入口页面的？ 在Vue项目中，入口页面（即根组件）是通过配置文件指定的。在创建Vue项目时，Vue CLI会自动生成一个src目录，并在其中创建一个名为main.js的文件。这个main.js文件就是Vue项目的入口文件。 在main.js文件中，你会看到以下代码： import ......
Vue 使用 sheetJS 通过 sheetJSON 解析 Excel 文件
安装 $ npm install xlsx 处理 import XLSX from 'xlsx'; /** * @param {string} data 文件名.xlsx */ export const read = (data, type, headerType=null) => { // 获取 ......