vue vue-cli-service min源码
vue style 原理
vue style 的实现主要通过css 的属性选择器 什么是属性选择器？ 答：用于判断标签属性的一种选择器 <style> .a[self_attribute]{ ... } </style> <!-- 生效 --> <div self_attribute class="a"></div> <!- ......
vue+thinkphp5.1实现阿里云oss文件上传（服务器签名上传）
一、vue.js <template> <div class="common-box"> <el-upload class="upload-demo" drag :action="data.host" multiple :auto-upload="false" ref="upload" :data= ......
23-Vue组件化编程-非单文件组件和单文件组件
非单文件组件 一个文件中包含有n个组件 Vue中使用组件的三大步骤 1. 定义组件（也就是创建组件） 2. 注册组件（这里有局部注册和全局注册） 3. 使用组件（编写组件标签） 注册组件（局部注册） 靠new Vue的时候传入components选项 <!DOCTYPE html> <html la ......
Javascript、axios、vue基础命令快速学习
1.js: JavaScript 基础学习 JavaScript基础学习 简单案例 1.点击img1，则展示img1图片默认，点击img2则展示img2图片 2.输入框鼠标聚焦onfocus后，显示小写toLowerCase()，失去焦点onblur后显示大写toUpperCase() 3.点击全选 ......
Vue工程环境搭建（NodeJs以及Vue-cli：出现权限不足的问题解决）
Vue工程 4.1需要依赖NodeJs，官网下载安装后 说明安装成功 4.2配置npm的全局安装路径 npm config set prefix "nodejs的安装目录" 没有出现报错信息即可 4.3切换npm的淘宝镜像，不然外网服务器下载资源会比较慢 npm config set registr ......
深入理解 python 虚拟机：GIL 源码分析——天使还是魔鬼？
在本篇文章当中详细介绍了 CPython 选择 GIL 的原因，以及 GIL 对于 Python 程序和虚拟机的影响，最后详细分析了一个早起版本的 GIL 源代码实现。 ......
Vue3 + Quasar系列-代码配置以及报错汇总记录（不断更新中）
1. Vue3 + Quasar系列-代码配置打包去掉hash后缀 去掉hash https://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa 2. Vue3 + Quasar改变主题背景 quasar的样式和其他的框架修改不太一 ......
Vue3| Pinia 持久化插件
对 vuex 或 Pinia 里面的内容做本地持久化 1. 安装插件： npm i pinia-plugin-persistedstate 2. 将插件添加到 pinia 实例上 ① main.js 里导入持久化插件：import piniaPluginPersistedstate from 'pi ......
手撕Vue-提取元素到内存
接着上一篇文章，我们已经实现了构建Vue实例的过程，接下来我们要实现的是提取元素到内存。 主要是通过文档碎片来实现，文档碎片是一个轻量级的文档，可以包含和控制节点，但是不会像真实的DOM那样占用内存，所以我们可以通过文档碎片来提高性能。 大致的思路是这样的： 创建一个空的文档碎片对象 编译循环取到每 ......
Vue3| Pinia 的 action 异步写法
import { defineStore } from 'pinia' import { ref } from 'vue' import axios from 'axios' export const useChannelStore = defineStore('channel', () => { ......
Vue3| Pinia 的语法
Pinia 是 Vue 的最新 状态管理工具，是 Vuex 的替代品 Pinia 的优势： 1. 提供更简单的 API（去掉了 mutation） 2. 提供符合 组合式风格的 API（和 Vue3 新语法统一） 3. 去掉了 modules 的概念，每一个 store 都是一个独立的模块 4. 配 ......
Spring源码解析——@Transactional注解的声明式事物介绍
正文 面的几个章节已经分析了spring基于@AspectJ的源码，那么接下来我们分析一下Aop的另一个重要功能，事物管理。最全面的Java面试网站 事务的介绍 1.数据库事物特性 原子性 多个数据库操作是不可分割的，只有所有的操作都执行成功，事物才能被提交；只要有一个操作执行失败，那么所有的操作都 ......
Vue3| 组合式 API——provide 和 inject
作用和场景：顶层组件向任意的底层组件 传递数据和方法，实现 跨层组件通信 跨层传递普通数据 步骤： 1. 顶层组件通过 provide 函数提供数据 provide ( ' key ' , 顶层组件中的数据 ) 2. 底层组件通过 inject 函数获取数据 const message = inje ......
Netty源码编译
Netty源码编译 想了解Netty源码，最好先从 netty-example 开始，多跑几个 example，了解Netty的实际应用。 编译 netty-example 会出现很多乱七八糟的问题，根本原因是因为缺少 io.netty.util.collection 包。 解决方法 1.先 ins ......
博学谷学习记录 自我总结 用心分享 | JDK源码刨析
JDK源码：线程并发协调神器CountDownLatch和CyclicBarrier 引言 我一直认为程序是对于现实世界的逻辑描述，而在现实世界中很多事情都需要各方协调合作才能完成，就好比完成一个平台的交付不可能只靠一个人，而需要研发、测试、产品以及项目经理等不同角色人员进行通力合作才能完成最终的交 ......
Vue3| 模板引用、defineExpose宏函数
模板引用的概念：通过 ref 标识 获取真实的 dom对象或者组件实例对象 使用： 1. 调用 ref 函数生成一个 ref 对象 <script setup> import { ref } from 'vue' const h1Ref = ref (null) </script> 2. 通过 re ......
Vue3| 组合式 API 下的 子传父
步骤： 1. 子组件内部通过 emit 方法触发事件 ① 通过 defineEmits 编译器宏生成 emit 方法 <script setup> const emit = defineEmits ([ 'get-message' ]) // get-message：可以触发的事件 </script ......
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.前言 很多人谈到架构感觉是一个非常高大尚的东西，觉得自己目前不太可能接触到或者没有实力接触和学习它。这其实是一个非常错误的认识，事实上我们作为开发人员每天都在和架构打交道。比如当你接到一个功能模块的需求时，你首先要做的就是分析和设计，例如技术选型、功能拆分、设计合理的开 ......