vue源码 周期 生命
Android WebView获取html源码
通过执行js语句来获取 val code = """ document.documentElement.outerHTML """.trimIndent() webview.evaluateJavascript(code) { value -> val htmlContent = if (value ......
[Vue]初始Vue
Vue2，建议新人直接饮用vue.js文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= ......
Error: Vue packages version mismatch: - vue@2.6.14 (D:\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.7.14 (D:\前端\vue01\node_modules\vue-template-compiler\package.json)
Error: Vue packages version mismatch: - vue@2.6.14 (D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.14 (D:\前端\vu ......
输入vue ui出现Failed to get response from /vue-cli-version-marker
解决办法： 找到 .vuerc文件，位置在C:\Users\当前用户.vuerc 将packageManager修改如下： 原因是本地hadoop环境变量回合vue项目有冲突，他们都要用到yarn集群 修改后再重新输入vue ui，没有报错信息且自动打开Vue项目管理器的页面 ......
自动批量将阿里云盘资源发布成WordPress文章带截图Python脚本（含正文 付费信息 下载地址 SEO等自动设置）源码
自动批量将阿里云盘资源发布成WordPress文章带截图Python脚本（含正文 付费信息 下载地址 SEO等自动设置）
自动批量将阿里云盘资源发布成WordPress文章带截图Python脚本（含正文 付费信息 下载地址 SEO等自动设置）源码下载
自动上传图片至WordPress站点，使用Res... ......
手撕Vue-查找指令和模板
接着上一篇文章，我们已经实现了提取元素到内存的过程，接下来我们要实现的是查找指令和模板。 大致的思路是这样的： 遍历所有的节点 需要判断当前遍历到的节点是一个元素还是一个文本 如果是一个元素, 我们需要判断有没有v-model属性 如果是一个文本, 我们需要判断有没有{{}}的内容 那么随着思路的展 ......
小白之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.数据库事物特性 原子性 多个数据库操作是不可分割的，只有所有的操作都执行成功，事物才能被提交；只要有一个操作执行失败，那么所有的操作都 ......
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 ......