空格 源码app vue
AS开发作业（1）---微信app门户页面设计与开发
一、项目目标 1.设计一个app的门户框架，需要实现3-4个tab切换效果，本功能要求需要的技术为：activity、xml、fragment 2.在任一tab页中实现列表效果，本功能的实现需要使用recycleview； 二、项目开发版本 开发工具：Android Studio 版本：API 34 ......
小白之vue脚手架搭建
（1）cmd命令行安装脚手架工具，安装前设置镜像不然安装很慢。 安装成功 （2）创建vue项目名字叫vue 选择最后一行 新特性回车 上下箭头选择工具，空格表示选中，绿色表示选中的工具，并回车进行下一步。 选择 2.x，选择y 选择带.json 选择no不保存预制（忘了截图），回车开始创建 ......
Vue3中的生命周期
Vue3生命周期-CSDN博客 一、Vue3中的生命周期1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : ......
【Vue 2】过渡
前言 Vue 提供了多种方式来实现过渡效果。 在CSS过渡和动画中自动应用class 配合CSS动画库 在过渡钩子函数中使用JavaScript操作DOM 配合JavaScript动画库 单元素/组件的过渡 将元素或组件放在<transition>中可以在下列情形中触发过渡效果： 使用了v-if 使 ......
【Vue Router 3】入门
简介 Vue Router让SPA（Single-page Application）的构建更加容易。 Vue Router的功能： 嵌套的路由/视图映射 模块化的、基于组件的router配置 route params, query, wildcards 由Vue过渡系统支持的视图过渡效果 细粒度（f ......
【Vue 2】计算属性与侦听器
计算属性 vs 方法 vs 侦听器 计算属性的出现是为了解决模板内表达式太过复杂而变得难以维护。 假设我们知道长和宽，要计算一个矩形的面积，如果没有计算属性，我们可能像下面这样处理： <div id="app"> <input type="text" v-model="width"> <input ......
小白之创建第一个vue实例（vue2）
（1）安装node.js，尽量16+版本 （2）打开idea创建vue目录，再在该目录下创建vue1.html文件，并敲入下列代码。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>大黄哥哥带你学vue</tit ......
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.数据库事物特性 原子性 多个数据库操作是不可分割的，只有所有的操作都执行成功，事物才能被提交；只要有一个操作执行失败，那么所有的操作都 ......
使用Visual Studio自带的Git创建本地仓库 & 空格回车等无法使用
发现最近调试代码的时候有可能为了解决一个bug，然后调着调着把原来的没问题的调出来bug了 我们可以使用本地仓库来查看历史版本，方便从老版本里找到解决新bug的方式 对于一个打开的项目，我们可以点击Git,然后创建Git仓库("如果没有的话可能得安装下Git") 然后是“仅限本地” 然后创建就行了 ......
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 ......
Android项目在 app 中通过 WebView 访问 url显示空白，使用浏览器可以打开，Android WebView加载出现空白页面问题解决
这是服务器证书校验WebView的安全问题 服务器证书校验主要针对 WebView 的安全问题。 在 app 中需要通过 WebView 访问 url，因为服务器采用的自签名证书，而不是 ca 认证，使用 WebView 加载 url 的时候会显示为空白，出现无法加载网页的情况。 使用 ca 认证的 ......
博学谷学习记录 自我总结 用心分享 | 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 = "黑马程序员"> ......
用户态app Makefile 简易示例模板
# Makefile for user-space program export PATH=/opt/toolchain/aarch64/bin/:$PATH CC := aarch64-none-linux-gnu-gcc DIR_PATH := /home/user/sdk-v22.04/tes ......
Vue 异步更新和$nextTick
使用延时器也是可以实现的，但是等待的时间不确定， 不是最优解，使用钩子函数update，可能会被其他元素的更新，触发了不该有的动作 ......