脚手架vue day 35
vue3学习基础之组件
组件 Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/simple/DemoComp. ......
vue3学习基础之响应式状态
响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
drf 入门--精通 07days
视图层总结 视图集 ModelViewSet -视图类:GenericAPIView - 映射:list create retrieve update destroy CreateModelMixin,ListModelMixin,UpdateModelMixin,DestroyModelMixin ......
vue3学习基础之事件绑定
事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签,点击事件传递到了外层p标签"); } function clickStop() { console.log ......
vue3学习基础之表单相关
表单相关 <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref([]); const picked = ref() ......
vue3学习基础之vue-router
我的vue3学习之路总是学学停停,最开始在18年开发微信小程序,就发现小程序和vue的语法有些相似,然后就去看了vue2的文档,随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3,有了组合式api,语法简明很多,然后又不知道忙什么丢下。。。 前段有些空时间,就把vue3的学习整理下,使用vi ......
【源码系列#04】Vue3侦听器原理(Watch)
本章目标:侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的?回调时机immediate是如何实现的?关于onCleanup,一个用于注册副作用清理的回调函数是如何实现的? ......
【Vue】依赖追踪
在明白原理之前,我们有很多表面现象、使用场景需要记忆。明白了原理后,你会发现它们已经不需要记了,因为从原理出发,你自己都能把它们推导出来,一切是那么的自然而然。感觉就是:这还用记吗?很明显嘛! 之前我对vue的响应式原理,只是一知半解,导致开发中经常会出现疑问,比如:为什么有的数据它不响应?模板中用 ......
35.基于图像匹配的自动化测试
图像匹配的自动化测试 介绍技术 价值与用途 解决特殊场景的自动化测试问题 不可识别控件,自定义控件、图片控件、滑块 安全性较高控件,比如安全键盘 特殊渲染引擎,比如游戏 app 作为常规自动化测试的补充 图像识别速度较慢 游戏控件通过自定义可以实现控件识别 基于图像匹配的自动化测试框架 airtes ......
Intel 14代酷睿35W节能版定了!频率提升最多500MHz
首批六款K系列型号之后,Intel将在2014年1月7日,也就是大战期间,正式解禁14代酷睿的非K系列型号。 根据曝料,14代酷睿非K系列一共多达19款型号,包括3款i9、3款i7、8款i5、3款i3,以及没有任何前缀的入门级300/300T。 如果按照功耗划分,一是标准版,46/58/60/65W ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时,页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中,我采用了动画效果,并开始使用 gif 来实现。然而,在实践过程中,我发现 gif 格式的动画在 git 中出现了明显的锯齿感,这让我非常困扰。为了追求更完美的表现效果,我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要,因此我非常认真 ......
vue 浅解
Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 vue有自己的语法, ......
JavaWeb - Day11 - 案例 - 员工管理、文件上传、修改员工、配置文件
01. 案例-员工管理-新增员工 前面我们已经实现了员工信息的条件分页查询以及删除操作。 关于员工管理的功能,还有两个需要实现: 新增员工 修改员工 首先我们先完成"新增员工"的功能开发,再完成"修改员工"的功能开发。而在"新增员工"中,需要添加头像,而头像需要用到"文件上传"技术。 当整个员工管理 ......
算法学习Day13单调队列和优先级队列
Day13单调队列和优先级队列 By HQWQF 2023/12/25 笔记 239.滑动窗口最大值 给定一个数组 nums,有一个大小为 k 的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。 返回滑动窗口中的最大值。 进阶: 你能在线 ......
vue3中toRefs用法
toRefs是Vue.js 3中的一个实用函数,用于将响应式对象转换为普通对象,其中每个属性都是一个ref对象。这在某些情况下很有用,特别是想要将一个包含多个响应式属性的对象传递给子组件时。 以下是toRefs的基本用法: import { reactive, toRefs } from 'vue' ......
Day38 三种数组初始化及内存分析
三种数组初始化及内存分析 Java内存分析 Java内存: 1.堆 存放new的对象和数组 可以被所有的线程共享,不会存放别的对象引用 2.栈 存放基本变量类型(会包含这个基本类型的具体数值) 引用对象的变量(会存放这个引用在堆里面的具体地址) 3.方法区 可以被所有的线程共享 包含了所 ......
Day 1
Day 1 1.大小作文先后顺序 如果对大作文觉得有信心,先写大作文 如果没有先写小作文 2.作文字数 大作文最好在250字以上,小作文超过150字 3.雅思作文好句子的标准 准确清晰 4.能不能打草稿 say no 雅思写作重点 时间限制 考官要求停笔,一定要停,不然算违纪 考前要尽量模拟实战,严 ......
vue 生产环境寻找方法
https://juejin.cn/post/6898483758085701646 控制台输入 单击函数会直接跳转 生产环境直接 源码搜索 devtool 然后设置为true 然后关闭f12 重新打开 ......
vue实现文件下载
vue实现文件下载:https://blog.csdn.net/weixin_41696001/article/details/124210326?ops_request_misc=%257B%2522request%255Fid%2522%253A%252217034939871680022287 ......
npm run dev > hhwl-platforma1.0. dev > wue-cli-service serve vue-cli-service’不是内部或外部命令,也不是可运行的程序或批处理文件。
这个错 主要npm i 就可以了 但是现在npm i 也报错 原因是: 重新装了一遍nodeJS ,在设置全局仓库的时候出了些许问题,先建立两个文件夹cache和global:然后打开然后去修改npmrc文件里面的参数 最后点击 node_global 和node_cacahe 这两个文件的属性 然 ......
drf 入门-精通 06days (视图集类——继承APIView序列化类 +Response写接口)……………………
两个视图基类 # APIView >之前一直在用 》drf提供的最顶层的父类 》以后所有视图类,都继承自它# GenericAPIView--》继承自APIView--》封装 1.1 继承APIView+序列化类+Response写接口 urls.py--子路由--app01--urls.py fr ......
Vue学习之插槽slot
1. 插槽是什么 插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。 插槽显不显示、怎样显示是由父组件来控制的,而插槽在哪里显示就由子组件来进行控制。 简单理解就是子组件中 ......
vscode打开vue3,报红,ts类型找不到问题
vscode不用禁用原有的插件Veyur和javascriptVue 之前 vscode 检测到 vue3 ,自动推荐安装了 Vue Language Feature(Volar),但用它扔有类型报错。官方推荐,使用 它 时禁用 Vetur,以免有冲突。 只需安装TypeScript Vue Plu ......
day28
1.动静态方法 class Student: school_name = '摆烂大学' # 1.类中直接定义函数 默认绑定给对象 类调用有几个参数传几个 对象调用第一个参数就是对象自身 def func1(self): print('看谁最能摆烂 真的好棒棒!!!') # 2.被@classmeth ......
day29
2.今日内容概要 派生方法实战演练 面向对象三大特性之封装 面向对象三大特性之多态 面向对象之反射 反射的实战案例 3.派生方法的实战演练 import json import datetime d = { 't1': datetime.date.today(), 't2': datetime.da ......
day27(面向对象)
1.人狗大战 """推导步骤1:代码定义出人和狗""" # person1 = { # 'name': 'jason', # 'age': 18, # 'gender': 'male', # 'p_type': '猛男', # 'attack_val': 8000, # 'life_val': 99 ......
控制台打印时显示的文件来源没有显示.vue文件,而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…
控制台打印时显示的文件来源没有显示.vue文件,而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…,看不出来打印的语句来自哪个vue组件 ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果: 一:换肤 1:用Pinia 小菠萝做状态管理。 2:根据自己需求写几套主题色(用于后面在html加载对应的主题颜色) 3: 自己写一个切换主题的页面 4:每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......