事项vue cli 01
01-Node.js介绍
## 01. Node.js是什么? pNode.js是一个基于V8 JavaScript引擎的JavaScript运行时环境。 ![image-20230512164824918](https://img2023.cnblogs.com/blog/2600375/202305/2600375-20 ......
day01【704. 二分查找,35.搜索插入位置 ,27. 移除元素 】
704. 二分查找 二分查找理论 二分查找是一个时间效率极高的算法,尤其是面对大量的数据时,其查找效率是极高,时间复杂度是log(n)。主要思想就是不断的对半折叠,每次查找都能除去一半的数据量,直到最后将所有不符合条件的结果都去除,只剩下一个符合条件的结果。 二分查找需要的条件 用于查找的内容逻辑上 ......
Vue重用组件
### 1、是什么? ==这里主要是简单入门使用一下,复杂高阶的用法笔者暂时还没了解到== Vue重用组件是指可以被多个Vue实例重复使用的组件。这些组件可以包含自定义的状态和事件处理程序,并且可以在整个应用程序中共享。重用组件可以减少代码冗余,提高开发效率,并使代码更加模块化和可维护。 在Vue中 ......
Vue 3+TS项目,找不到模块“xxx.vue”或其相应的类型声明问题
在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件,并写入以下内容: ```ts declare module "*.vue" { import { App, defineComponent } from "vue"; const component: ReturnType & { ......
Docker CLI docker compose version常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
java基于springboot+vue的书籍学习平台管理系统,学期学习论坛管理系统,附源码+数据库+lw文档+PPT
**1、项目介绍** 困扰管理层的许多问题当中,书籍学习将会是不敢忽视的一块。但是管理好书籍学习又面临很多麻烦需要解决,在工作琐碎,记录繁多的情况下将书籍学习的当前情况反应给相关部门决策,等等。在此情况下开发一款书籍学习平台,于是乎变得非常合乎时宜。 经过网上调查和搜集数据,我们可以发现书籍学习管理 ......
Vue中this.$nextTick()的理解与使用方法
https://www.jb51.net/article/238332.htm https://blog.csdn.net/lzfengquan/article/details/118933093 ......
vue项目管理
## 1. 端口 ```JAVASCRIPT const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
vue2实现高度过渡效果,函数式组件
1.首先创建src下创建utils文件夹,创建transition.js文件封装过渡组件 const transitionStyle = '0.3s height ease-in-out' const Transition = { // 进入前 设置el元素的transition,高度0 befor ......
01人月神话阅读笔记
第1章 焦油坑1.1 编程系统产品(Programming Systems Product)开发的工作量是供个人使用的、独立开发的构件程序的九倍。 我估计软件构件产品化引起了3倍工作量,将软件构件整合成完整系统所需要的设计、集成和测试又强加了3倍的工作量,这些高成本的构件在根本上是相互独立的。 1. ......
01.斐波那契数列
### 1、暴力递归 斐波那契数列的数学形式就是递归的,写成代码就是这样: ~~~ int fib(int N) { if (N == 1 || N == 2) return 1; return fib(N - 1) + fib(N - 2); } ~~~ ### 2、带备忘录的递归解法 一般使用一 ......
一步步完整搭建一个图纸管理系统(Django+Vue3)
# 图纸管理系统 ## 一、初步构建后端项目 ### 1、打开已经创建好的虚拟环境:激活activate(推荐使用虚拟环境)并创建项目 ![](https://img2023.cnblogs.com/blog/2240937/202305/2240937-20230524164953360-1300 ......
关于泛域名需要注意的事项
## 关于泛域名需要注意的事项 ``` 1.泛域名是带通配符的域名,只能代表所有的二级域名 类似 "com" "cn" 是顶级域名 类似 "zuiyoujie.com" 是一级域名, 类似 "www.zuiyoujie.com" 是二级域名 类似 "blog.www.zuiyoujie.com" 是 ......
怎样记录待办事项?怎么制定一个优质的待办清单?
无论是在生活还是工作中,我们总是有各种各样的待办事项需要完成。如果没有一个有效的方式来记录和管理这些待办事项,很容易就会遗漏或忘记一些重要的事情,从而造成不良的后果。于是怎么记录待办事项?怎么制定一个优质的待办清单?是很多人都需要去面对的问题。 其实想要制定一个优质、高效的待办清单不是一件难事,借助 ......
动态增加自动补全输入框 vue3 ts elementplus
父元素里这样 ` ` DomainItem1元素里这样 ``` {{ t("addto") }} ``` ![](https://img2023.cnblogs.com/blog/3004543/202305/3004543-20230524161943459-1882560835.png) 补全输 ......
01_MySQL基础架构
01_MySQL基础架构 MySQL 45 讲Note: 课程专栏名称:《MySQL实战45讲》课程 笔记参考:MYSQL45 讲 01_基础架构:一条SQL查询语句是如何执行的? 一条SQL查询是如何执行的 先看一下下面这个图 我们首先理解一下 Mysql 的基础架构,理解如果执行一条简单的 ......
Vue3——基于tdesign封装一个通用的查询组件
# 前言 基于`Vue3+TS+tdesign`封装一个通用的查询组件; > 临时写的一个demo ![](https://img2023.cnblogs.com/blog/1334215/202305/1334215-20230524142016695-820366351.png) # 内容 ## ......
vue父子组件通信
一:在子组件中通过this.$parent.event来调用父组件的方法 父组件: <template> <div> <child></child> </div> </template> <script> import child from './components/dam/child'; exp ......
vue自动导入组件和自动导入类库 api
vue3 项目中,使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等,以及导入多个自定义组件、UI 组件库的组件,都需要反复的手动导入,注册,很是影响开发体验,这里推荐 antfu 开源的两个插件,上链接: 自动导入组件 https://github.com ......
Vue3 引入 jquery
通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单,在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载:jquery.com/download/ 二.在根目录下 publi ......
vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能
一开始看到这个功能需求,我也很懵逼,因为从来没有做过啊,哈哈。。。但转念一想既然产品能提出这个需求,想必会有人实现过,就去网上查了查资料,果不其然,还真有人做过,但离我想要的效果还是差着十万八千里,所以按照网上大神的思路,结合我司的实际需求,自己就把它给捣鼓出来了。
其实刚做好的效果还是能实现产品... ......
Vue3 useReusableTemplate 优雅的复用模板代码
### 在Angular中有一个很好用的功能,即在不封装组件的情况下复用模板代码: > eg: ```html hello, {{title}} ``` > 我们通过`ng-template`和`ng-container`的`ngTemplateOutlet`即可实现模板复用,非常的好用!! ### ......
windows环境下的vue部署(使用nginx)
首先需要将vue项目打包成dist,在需要部署的服务器上进行解压 然后我们使用nginx进行反向代理设置,具体操作如下 打开解压后的nginx,进入目录:nginx-1.23.4->conf,打开编辑nginx.conf *注意:对于后端路径的映射这里一定是 ^~/前缀/ 对应于地址的 端口/前缀/ ......
vue中<script setup>中使用watch方法
在setup选项里使用watch有两种办法。 ## 第一种:使用watchEffect watchEffect立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数,可以接收watchEffect的返回值用来停止监听。 示例: ``` {{message}} 修改message ......
vue中<script setup>中使用computed方法
在setup选项里使用computed需要手动引入computed方法,computed接受一个 getter 函数,并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者,接受一个具有 get 和 set 函数的对象,用来创建可写的 ref 对象。下面来看示例。 父组件index ......
vue2子组件切换,监听方法失效(监听多个字段)
记录下问题 本来是在父页面上放了多个子组件,利用单选按钮控制每个组件,选择了某个按钮,设置该组件控制字段为true,例如v-if="component"来控制销毁创建,根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时,监听不生效,监听方法也加了immedi ......
Jenkins学习01:Jenkins的介绍、下载和安装
Jenkins学习01:Jenkins的介绍、下载和安装 :https://blog.csdn.net/JackMengJin/article/details/106799238?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221684 ......
vue中<script setup>中使用watch、computed、props等方法
` // 通过props传过来的是一个静态值,如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
vue this.$set的作用
在Vue.js中,`this.$set`是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。 Vue.js通过观察对象的属性来追踪其变化,从而实现数据的响应式。然而,当您添加一个新的属性时,Vue无法自动追踪该属性的变化。这就是`this.$set` ......