脚手架vue day 34

vue2基于 vue-cropper插件对图片裁剪

<template> <div id="app"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="modelSrc" alt /> </div> </div> ......
vue-cropper vue 插件 cropper 图片

vue3中在setup方法中使用 provide,inject,组件上下层,直接传值和方法

一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu ......
方法 组件 上下 provide inject

vue3获取url参数的值

<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { ......
参数 vue3 vue url

Vue3 脚手架

1. 使用vue-cli创建脚手架 PowerShell vue create vue3_test # 创建vue3工程,vue-cli版本必须在4.5.13以上 PowerShell npm run serve # 运行工程 2. 使用vite创建脚手架 方式一: PowerShell npm i ......
脚手架 Vue3 Vue

对于Vue3和Ts的心得和思考

Vue3已经正式发布了一段时间了,各种生态已经成熟。最近使用taro+vue3重构冷链的小程序,经过了一段时间的开发和使用,有了一些自己的思考。 ......
心得 Vue3 Vue

vue动态绑定内联样式(v-bind:style)

一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
样式 动态 v-bind style bind

Vue中获取method方法return返回值--常用于请求成功后回调

mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat ......
方法 method return Vue

Vue2模版编译(AST、Optimize 、Render)

在Vue $mount过程中,我们需要把模版编译成render函数,整体实现可以分为三部分: parse、optimize、codegen。 ......
模版 Optimize Render Vue2 Vue

day02 微信小程序

内容回顾 搭建环境 全局配置 pages window tabbar 页面 json js wxml wxss flex布局 display: flex flex-direction: row/column justify-content:... align-item:... 小程序开发 组件(标签 ......
程序 day 02

day36

力扣题目链接(opens new window) 给定一个区间的集合,找到需要移除区间的最小数量,使剩余区间互不重叠。 注意: 可以认为区间的终点总是大于它的起点。 区间 [1,2] 和 [2,3] 的边界相互“接触”,但没有相互重叠。 class Solution { public int era ......
day 36

如何给vue的href添加拼接参数

原来一直使用angular,而vue的用法和angualr相似,故我默认以为vue的href添加拼接参数的写法为: <a href="/list/editor?name={{item.title}}">链接</a> 然测试发现这是不可行的,需要用以下方法: <a :href="'/list/edit ......
参数 href vue

AI基础_Day02

函数概述 print() input() type() int() str() float() chr() ord() 函数的作用: ​ 用来将一段功能代码封装到一起,并起个名. ​ 在使用时,只需要使用代码的名字即可 好处: ​ 提高代码的开发效率 ​ 使代码更加简洁 ​ 提高代码的复用率 函数的 ......
基础 Day 02

AI基础_Day03

猜拳游戏 a. 两个角色 玩家 player - 电脑 robot b. 动作: 石头 0 , 剪刀 1, 布 2 c. 我的出拳: 由输入完成 d. 电脑的出拳: 随机数完成 e. 比较出拳 f. 相等 - 平局 g. 玩家赢: p0:r1 p1:r2 p2:r0 h. 剩下的情况就是电脑赢 if ......
基础 Day 03

AI基础_Day04

Python 官方中文文档 https://docs.python.org/zh-cn/3/ 字符串常用方法 a.查找_替换_统计 find() 掌握 注意: 找不到子串时,返回-1 rfind() 了解 index() 了解 注意: 找不到子串时,程序会崩溃,产生一条异常信息,导致程序无法执行 r ......
基础 Day 04

AI基础_Day05

列表 推导式 格式: 列表变量 = [表达式 for 变量 in range(10)] 表达式中需要使用后面的变量 组包和拆包 组包: 将多个值同时赋给一个变量时,解释器会进行自动组包操作 拆包: 将一个容器值(元组),里面的多个数据同时赋值多个变量,解释器会进行拆包操作 注意: 拆包要注意被赋值的 ......
基础 Day 05

Day25网卡配置

1 cat /etc/sysconfig/network-scripts/ifcfg-eth0 2 3 TYPE=Ethernet 4 BOOTPROTO=static 5 IPADDR=172.16.10.11 6 NETMASK=255.255.255.0 7 NAME=eth0 8 DEVIC ......
网卡 Day 25

AI基础_Day01

硬件系统(科普了解) 主机系统 CPU(中央处理器) 控制器 运算器 内存储器 RAM Random Access Memory 随机存储器 (保存不住数据) ROM Read-Only Memory 只读存储器 外部设备: 输入设备 键盘 鼠标 输出设备: 显示器 音箱 外存储器: 软盘 U盘 硬 ......
基础 Day 01

机器学习基础05DAY

分类算法之k-近邻 k-近邻算法采用测量不同特征值之间的距离来进行分类 优点:精度高、对异常值不敏感、无数据输入假定 缺点:计算复杂度高、空间复杂度高 使用数据范围:数值型和标称型 一个例子弄懂k-近邻 电影可以按照题材分类,每个题材又是如何定义的呢?那么假如两种类型的电影,动作片和爱情片。动作片有 ......
机器 基础 DAY 05

决战圣地玛丽乔亚Day41 Spring其余部分

扩展点: BeanPostProcessor:在 Bean 初始化前后进行一些处理,常用于 AOP 功能的实现。 postProcessBeforeInitialization(初始化bean前) postProcessAfterInitialization(初始化bean后) BeanDefini ......
部分 Spring Day 41

Day01 Markdown的基本使用

Markdown学习 标题用#井号 标题 三级标题 四级标题 字体 粗体用2个星号(* * ),斜体用单星号( * ),粗体+斜体用3个星号(***),删除线用2个波浪线(~~) Hello,World ! Hello,World ! Hello,World ! ~~Hello,World !~~ ......
Markdown Day 01

day26(2023.3.26)

1.通过继承Thread类实现多线程 运行结果: 2.通过Runnable接口实现多线程 运行结果: 3.StopThread停止线程 运行结果: 4.SleepThread休眠线程 运行结果: (出的很慢,像睡着了一样。) 5.YieldThread线程让步 运行结果: (如果第一个是Thread ......
26 2023 day

[FastAPI-34]基于类的依赖注入-推荐使用

from fastapi import Depends, FastAPI app = FastAPI() ''' 基于类的依赖注入 ''' BOOKS = [{"id": i, "name": f"book{i}", "status": i % 4 != 0} for i in range(1, 1 ......
FastAPI 34

Python day03

## day3 ## 今日内容 1.整型 2.布尔类型 3.字符串 ### 内容回顾和补充 ### 内容回顾 每周写一个思维导图,罗列本周学习的知识点 1.运算符补充 - in - not in ### 2.优先级 ### 作业 ```python """ 需求:用户三次登录 1.功能拆分 2.拼凑 ......
Python day 03

vue 组件通信

1. 子组件间通信(defineEmits + defineProps) 1.1 实现效果 在一个子组件的输入框中输入数据, 在另一个子组件上显示. 如下图: 1.2 defineEmits 和 defineProps 的 TS 使用 1.2.1 defineEmits 的 TS 使用 export ......
组件 vue

vue3 + vite 调试时断点位置错误

vite-plugin-vue-setup-extend(版本0.4.0) 插件的问题,删掉就好了。 该插件用于解决script setup语法糖下,不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
断点 错误 位置 vue3 vite

vue全家桶进阶之路6:第一个Vue程序

1、创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue1 2、按照最新版本的Vue npm install vue ......
全家 程序 vue Vue

Vue核心 MVVM模型 数据代理

1.6. MVVM 模型 MVVM模型●M:模型 Model,data中的数据●V:视图 View,模板代码●VM:视图模型 ViewModel,Vue实例观察发现●data中所有的属性,最后都出现在了vm身上●vm身上所有的属性 及Vue原型身上所有的属性,在 Vue模板中都可以直接使用 <!DO ......
模型 核心 数据 MVVM Vue

Vue核心 模板语法 数据绑定

1.3. 模板语法Vue模板语法包括两大类1插值语法功能:用于解析标签体内容写法:{{xxx}},xxx 是 js 表达式,可以直接读取到 data 中的所有区域2指令语法功能:用于解析标签(包括:标签属性、标签体内容、绑定事件…)举例:<a v-bind:href="xxx">或简写为<a :hr ......
语法 核心 模板 数据 Vue

Vue核心 el与data的两种写法

1.5. el 与 data 的两种写法el有2种写法a创建Vue实例对象的时候配置el属性b先创建Vue实例,随后再通过vm.$mount('#root')指定el的值data有2种写法a对象式:data: { }b函数式:data() { return { } }如何选择:目前哪种写法都可以,以 ......
写法 核心 data Vue

Vue核心 Vue简介 初识

1.1. Vue 简介 1.1.1. 官网● 英文官网● 中文官网 1.1.2. 介绍与描述●Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面:把数据通过某种办法变成用户界面○渐进式:Vue可以自底向上逐层的应用,简单应用只需要一个轻量小巧的核心库,复杂应用可以引入各 ......
Vue 核心 简介