vue源码 周期 生命
Vue3| 组合式 API 下的父传子
步骤： 一、父给子传 写死的值 1. 父组件中给子组件 以添加属性的方式传值 <script setup> import sonComVue from './son-com.vue' // 局部注册 </script> <template> <sonComVue message = "黑马程序员"> ......
Vue 异步更新和$nextTick
使用延时器也是可以实现的，但是等待的时间不确定， 不是最优解，使用钩子函数update，可能会被其他元素的更新，触发了不该有的动作 ......
SpringBoot+vue+Axios实现Token令牌
前后端Token实现 目录前后端Token实现认识TokenJWT组成HeaderPayloadSignatureJWT简单使用创建JWT解析JWT常见异常后端Maven依赖封装JWT工具获取并响应Token拦截器验证Token前端登录+存储Token前端拦截器 认识Token 对Token有了解可 ......
Vue ref和refs获取dom组件
一般情况下通过正常的查找dom元素的方法是查找整个页面的，加上ref就可以把查找范围控制在当前组件中 ： 结合前面讲的父子组件通信， 使用ref去调用组件的方法去获取设置数据不就更方便吗？ ......
Vue3| 组合式API——computed 计算属性函数
计算属性基本思想和 Vue2 的完全一致，组合式 API 下的计算属性只是修改了写法 核心步骤： 1. 导入 computed 函数 <script setup> import { computed } from 'vue' </script> 2. 执行函数 在回调参数中 return 基于响应式 ......
Vue3| 组合式API——reactive 和 ref 函数
Vue中默认的数据并不是响应式的，如果我们希望数据是响应式的，则需要通过 reactive 或者 ref 进行处理。 reactive ()： 作用：接收 对象类型的数据作为参数传入 并返回一个 响应式对象 reactive 不能处理简单类型的数据 reactive 使用步骤： 1. 在 <scri ......
Vue3| 组合式 API——setup 选项
组合式 API：一系列函数，有时需要调用这些函数编写组件逻辑。 setup 是组合式 API 的入口，先写 setup，才能往里边写组合式 API 的函数 setup 的执行时机会比 beforeCreate 生命周期钩子还要早，因此 setup 函数中获取不到 this setup 选项的写法：（ ......
博学谷学习记录 自我总结 用心分享 | SpringBoot源码刨析
SpringBoot是一个快速开发框架，快速的将一些常用的第三方依赖整合（原理：通过Maven子父工程的方式），简化XML配置，全部采用注解形式，内置Http服务器（Jetty和Tomcat），最终以java应用程序进行执行，它是为了简化Spring应用的创建、运行、调试、部署等而出现的，使用它可以 ......
vue项目中上传文件失败记录
页面请求报【Failed to load resource: net::ERR_CONNECTION_ABORTED】错误，查了下是文件过大导致上传失败，element-ui本身没有大小限制，最后排查是Nginx默认是上传一个不能超过1M大小的文件 # 设置客户端传文件通过nginx大小 clien ......
Vue3 - watch 监听路由状态变化切换下一个页面 watch 函数还在执行
描述 你可能会通过 watch 函数监听路由变化，当路由参数发生变化之后，重新调用 fetchData 获取数据渲染页面。即，同路由页面切换。 但是，遇到了 A 页面切换到 B 页面时，A 页面的 watch 会被触发，导致报错。这是因为进入其他页面之前，你没有清除这个 watch 监听。 虽然随着 ......
博学谷学习记录 自我总结 用心分享 | Spring源码刨析
别再盲目的说spring有三级缓存了，两个缓存只是启动时为了解决循环依赖，spring启动后只有一个缓存有用 一、什么是循环依赖 循环依赖指的就是循环引用，就是两个或多个 bean 相互之间的持有对方，比如 CircleA 引用 CircleB , CircleB 引用 CircleC, Circl ......
博学谷学习记录 自我总结 用心分享 | Tomcat源码刨析
Tomcat系统架构设计 1.前言 很多人谈到架构感觉是一个非常高大尚的东西，觉得自己目前不太可能接触到或者没有实力接触和学习它。这其实是一个非常错误的认识，事实上我们作为开发人员每天都在和架构打交道。比如当你接到一个功能模块的需求时，你首先要做的就是分析和设计，例如技术选型、功能拆分、设计合理的开 ......
Vue3| create-vue 脚手架工具
create-vue 是 Vue 官方新的脚手架工具，底层切换到了 vite（下一代构建工具），为开发提供极速响应 使用 create-vue 创建项目： 1. 前提环境条件： 已安装 16.0 或更高版本的 Node.js（node -v） 2. 创建一个 Vue 应用：npm init vue ......
【前端开发】vue3+vite项目部分优化
1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
vue实例挂载以及模板解析过程
抽空看了下vue源码，记录下new Vue()的过程。 在package.json中运行命令添加sourcemap,打包后在源码案例目录下创建新的html文件，运行后可以在控制台断点调试 测试代码 <script src="../../dist/vue.js"></script> <div id=" ......
基于知识图谱建模、全文检索的智能知识管理库（源码）
一、项目介绍 一款全源码，可二开，可基于云部署、私有部署的企业级知识库云平台，一款让企业知识变为实打实的数字财富的系统，应用在需要进行文档整理、分类、归集、检索、分析的场景。 知识图谱提供了一种从海量文本和图像中抽取结构化知识的手段，让知识获取更便捷、知识整理更简单、知识应用更智能……知识图谱，正成 ......
vue实现高亮搜索查询加上下箭头移动定位的功能
在文档中查找 {{ num 0 ? "没有任何结果" : indexNum + 1 + "/" + num }} 上一个 下一个 < > --> <ul class="left-tools"> <li class="title">钢联数据智能版帮助手册</li> <li v-for="item in ......
【源码解读(一)】EFCORE源码解读之创建DBContext查询拦截
引言 在网上很少看到有关于系统讲解EFCore源码的，可能大概也许是因为EFCore的源码总体是没有asp.net web的源码流程清晰，正如群友所说，EFCore的源码大致看起来有点凌乱，与其说凌乱，不如说是没有一个好的方向；然后昨天在群里有一个朋友再说，EfCore的拦截器如何注入Web的服务， ......
vue2/3 防抖
//vue2 optionsAPI data:{ timeout:null }, methods:{ debounceFn(val){ if(this.timeout !== null){ clearTimeout(this.timeout); } this.timeout = setTimeout ......
PHP+MySQL制作简单动态网站（附详细注释+源码）
项目介绍 项目名称：图书管理系统 项目实现的内容： 1.用户登录、用户注册、登录界面验证码功能。 2.退出登录功能、内容查看、内容添加、内容修改。 前端页面设计得有点可能不太专业，将就着用。主要专注在功能的实现。 具体实现步骤根目录布置： 1.登录界面实现具体步骤参照文章： PHP+MySQL制作简 ......
博学谷学习记录 自我总结 用心分享 | MyBatis源码刨析
Mybatis底层源码分析1.概要介绍 MyBatis 是一款优秀的持久层框架，也是当前最流行的java持久层框架之一，它内部封装了jdbc，使开发者只需要关注sql语句本身，而不需要花费精力去处理加载驱动、创建连接、创建statement等繁杂的过程。采用ORM思想解决了实体和数据库映射的问题，对 ......
手机直播源码，当前页卡指示器的简单实现方法
手机直播源码，当前页卡指示器的简单实现方法 初始化的时候先初始化与list集合size相等的圆点个数： int size = mList.size(); initPageIndicator(size); 然后是给ViewPager设置监听事件，并在onPageSelected方法中设置被选中的当 ......
SQLite源码编译、修改、调试
Windows平台Visual Studio 2022 主要涉及到nmake、makefile文件和windb的使用 配置Windows平台下的环境，Visual Studio, C++, 文档 在SQLite官网文档查看所需参数，然后在makefile中对应查找 比如，-DSQLITE_DEBUG ......
宝塔部署Java+Vue前后端分离项目
1. 购买服务器 服务器选择Linux的CentOS7的版本 2. 宝塔Linux面板 2.1 百度搜索宝塔 2.2 进去之后点击立即免费安装 2.3 选择Linux在线安装，输入服务器信息进行安装(也可以选择其他方式) 安装完成之后会弹一个宝塔的应用面板，并附带有登录名称和密码，这个要自己记下来的 ......
使用vue在移动端显示树状多选功能
最近的项目要求是做一个树状的多选功能，然而该项目是使用vant4作为前端的框架，vant4只有树状单选，没有多选的，那只能自己写一个了。 借鉴博主 https://blog.csdn.net/m0_68428581/article/details/130641982， 我将他的代码转成了vue3的语 ......
在vue中使用XLSX库实现Excel的导入导出
XLSX库是个十分强大的利用前端js处理excel文档的库，官网：https://www.sheetjs.com/ vue中安装即使用： 安装 pnpm install xlsx pnpm install xlsx-style-hzx //设置边框与格式用 使用 <div @click="expor ......
Vue学习笔记（十）：全局事件总线
之前博客中介绍了prop和调用事件的方式在父-子组件之间进行数据，这种方式在只有一层嵌套层时可以使用，但是路过存在多层嵌套，多层多个“兄弟”组件之间传递数据，就非常麻烦。对此，vue中提供了一种全局事件总线机制，数据传递是通过一个空的Vue实例作为中央事件总线，通过它来触发事件和监听事件，可以实现几... ......
基因组选择（GS）缩短育种周期
GS与传统表型选择（PS）的比较: Vivek等人进行的研究比较了玉米在干旱条件下的GS和PS。结果发现，使用PS时，每周期的收益是0.27 (t/ha)，而使用GS时增加到了0.50 (t/ha)。将这些值除以周期长度，干旱条件下的年遗传增益分别为0.067（PS）和0.124（GS）。 在最佳条 ......
vue el-select/el-cascader获取选中的对象label值
1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......