vue vue-cli-service min源码
vue 数据data-uniapp
data 属性 data 必须声明为返回一个初始数据对象的函数（注意函数内返回的数据对象不要直接引用函数外的对象）；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据。 //正确用法，使用函数返回对象 data() { return { title: 'Hello' } } //错误 ......
vue2 指令- unaipp
指令 指令是有 v- 前缀的特殊属性。 指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。 指令的作用是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 一些指令能够接收一个“参数”，在指令名称之后以冒号（ : ）表示。 v-bind 动态地绑定一个 ......
jdk8中的ConcurrentHashMap原理和源码解读
HashMap本身是线程不安全的，所以jdk提供了ConcurrentHashMap,这一篇来看下jdk8中的实现 一、基本原理 在jdk7中采用了Segment分段锁的思想来实现，在jdk8中不再采用分段锁的思想，jdk8中的ConcurrentHashMap 和HashMap一样，都只有一层En ......
jdk7中的ConcurrentHashMap原理和源码解读
HashMap是线程不安全的，所以jdk提供了ConcurrentHashMap 这个线程安全的map集合实现，这一篇文章来分析下jdk7中ConcurrentHashMap 的实现原理 一、分段锁 Segment jdk7中ConcurrentHashMap 的实现使用了分段锁的思想。 先来思考下 ......
手撕Vue-构建Vue实例
前言 要想使用Vue必须先创建Vue的实例, 创建Vue的实例通过new来创建, 所以说明Vue是一个类, 所以我们要想使用自己的Vue, 就必须定义一个名称叫做Vue的类。 只要创建好了Vue的实例，Vue就会根据指定的区域和数据，去编译渲染这个区域，所以我们需要在自己编写的Vue实例中拿到数据和 ......
vue 学习笔记
https://www.bilibili.com/video/BV13m4y1Y7MD 安装 vue cli 1 安装 node.js 要求 node.js 12+版本， https://nodejs.org/zh-cn 首页下载安装lts版本，如果已安装就覆盖安装 vscode 终端或cmd中 输 ......
slate源码解析（三）- 定位
接口定义 能够对于文字、段落乃至任何元素的精准定位 并做出增删改查，都是在开发一款富文本编辑器时一项最基本也是最重要的功能之一。让我们先来看看Slate中对于如何在文档树中定位元素是怎么定义的[源码]： /** * The `Location` interface is a union of the ......
redis7源码分析：redis 多线程模型解析
多线程模式中，在main函数中会执行InitServerLast void InitServerLast() { bioInit(); // 关键一步， 这里启动了多条线程，用于执行命令，redis起名为IO 线程 initThreadedIO(); set_jemalloc_bg_thread(s ......
redis7源码分析：redis 单线程模型解析，一条get命令执行流程
有了下文的梳理后 redis 启动流程 再来解析redis 在单线程模式下解析并处理客户端发来的命令 1. 当 client fd 可读时，会回调readQueryFromClient函数 void readQueryFromClient(connection *conn) { client *c ......
vue3+vite+ elementplus项目部署到gitee pages并发布
1.在gitee上新建仓库 命名：demo-vite-vue3 2.把新建的仓库克隆到本地 3.在本地的master分支编写代码并上传 把分支定位在master分支上 通过git工具把本地完成的代码上传到gitee的demo-vite-vue3仓库中去 git pull git add . git ......
Vue框架快速上手
Vue基础 vue指令 内容绑定 v-text 设置标签的内容一般通过双大括号的表达式{{ }}去替换内容 {{ hello }} v-html 与v-text类似区别在于html中的结构会被解析为标签设置元素的innerHTML,v-text只会解析文本 事件绑定 v-on 可以简写为@，绑定的方 ......
Vue
Vue.js快速入门 一、前端技术栈 1、HTML:超文本标记语言。 2、CSS:样式层叠器。 3、javaScript：弱类型脚本语言，常用于动态DOM操作。 常用：ES5(所有浏览器支持)、ES6(主流使用，主流浏览器支持，可通过WebPack脚手架编译成ES5语法)。 4、JQuery：大家熟 ......
redis7源码分析：redis 启动流程
1. redis 由 server.c 的main函数启动 int main(int argc, char **argv) { ... // 上面的部分为读取配置和启动命令参数解析,看到这一行下面为启动流程 serverLog(LL_WARNING, "oO0OoO0OoO0Oo Redis is ......
redis 源码分析：Jedis 哨兵模式连接原理
1. 可以从单元测试开始入手 查看类JedisSentinelPool private static final String MASTER_NAME = "mymaster"; protected static final HostAndPort sentinel1 = HostAndPorts. ......
Vue之组件基础使用的总结
这两天学习Vue,框框往脑子里面记新东西，无奈本人太笨，记不住太多东西，因此发博客记录并且复习一下。 在学习组件之前，需要先搭建起来脚手架，首先需要安装好node.js(默认大家都安装了) 然后打开命令行窗口，创建项目的路径我就以桌面为例： 首先这是脚手架的官方说明 因此我们需要先全局安装cli的包 ......
Min-Max 容斥学习笔记
前言 某次考试不会这个被打爆了，现在觉得可能有学习的必要。 Min-Max 容斥 我们现在有一个全集 \(U\)，设 \(\min(S)\) 为集合 \(S\) 中的最小值，\(\max(S)\) 为最大值。 \[\max(S)=\sum_{T\subseteq S}(-1)^{|T|+1}\min ......
Vue3 appear 失效 如何使用 appear
最近在学习 vue3 的动画时遇到 appear 无法生效的问题 问题的具体表现: 看以下代码,按理应该来说,如果我们设置 fuct-appear-from,fuct-appea-active 后在元素初始出现时应该会有一个效果 html <Transition name="fuct" appear ......
lapce源码学习-编译调试
master分支调试1、报错：`#![feature]` may not be used on the stable release channel 2、Channel切换到nightly，报错：the trait bound `file_type::FileType: std::sealed::S ......
Vue双向数据绑定原理-下
Vue双向数据绑定原理-下这一篇文章主要讲解Vue双向数据绑定的原理，主要是通过Object.defineProperty()来实现的，这里我们手写Vue双向数据绑定的原理。 首先我提出一个需求，我的需求是，快速监听对象中所有属性的变化。 首先得要有一个对象，对象的定义代码如下： <script> ......
Vue双向数据绑定原理-中
defineProperty方法 defineProperty除了可以动态修改/新增对象的属性以外, 还可以在修改/新增的时候给该属性添加get/set方法, 从而实现数据劫持。 defineProperty get/set方法特点 只要通过defineProperty给某个属性添加了get/set ......
vue:自定义validator/验证规则(element-plus@2.3.12)
一，官方文档地址: https://element-plus.gitee.io/zh-CN/component/form.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 二，js代码： 1 2 3 4 5 6 ......
vue:el-table在resize时报错(element-plus@2.3.12)
一，报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
vue处理响应式的思路
首先看如下js代码 let a = '张三'console.log(a) // 当前页面展示的是张三 a = '李四' 首先页面刚开始渲染的时候数据a为张三，之后将a修改为了李四以后页面不会发生改变，但是数据已经修改了，vue为了解决这一问题，采用响应式的办法。 通过对象的definePropert ......
Vue自定义指令
定义指令 全局定义 // 指令名称为：mydirec1 Vue.directive('mydirec1', { // 指令配置 }) // 指令名称为：mydirec2 Vue.directive('mydirec2', { // 指令配置 }) 之后，所有的组件均可以使用mydirec1和mydi ......
6. 用Rust手把手编写一个wmproxy(代理，内网穿透等), 通讯协议源码解读篇
用Rust手把手编写一个wmproxy(代理，内网穿透等), 通讯协议源码解读篇 项目 ++wmproxy++ gite: https://gitee.com/tickbh/wmproxy github: https://github.com/tickbh/wmproxy 事件模型的选取 OS线程, ......
vue_error_Runtime directive used on component with non-element root node. The directives will not function as intended
翻译: '运行时指令，用于非元素根节点的组件。这些指令将无法发挥预期的作用'; 这个错误发生在我将v-show放在自定义组件上时, 我想是因为自定义组件在渲染时会被自定义组件的内部元素替换, 因此设置是无效的 解决: 在自定义组件外加一个div, 把v-show写在div上 ......
mavlink（五）C库源码分析
1. C 库源码分析 以下分析的源码基于mavlink生成器 1.0.12版本，mavlink协议为v2。 1.1. 编解码流程 以下按common.xml 内定义的heartbeat消息示例，分析heartbeat消息的编码流程，其他消息雷同。 首先，生成器mavgenerate将定义在xml内的 ......
Vue源码学习(八):生命周期调用
好家伙, Vue源码学习(七):合并生命周期(混入Vue.Mixin) 书接上回,在上一篇中,我们已经实现了合并生命周期 现在,我们要在我们的初始化过程中,注册生命周期 1.项目目录 红框为本篇涉及到的.js文件 2.先来看 /utils/index.js export const HOOKS =[ ......