源码extend vue

手撕Vue-构建Vue实例

前言 要想使用Vue必须先创建Vue的实例, 创建Vue的实例通过new来创建, 所以说明Vue是一个类, 所以我们要想使用自己的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中 输 ......
笔记 vue

slate源码解析(三)- 定位

接口定义 能够对于文字、段落乃至任何元素的精准定位 并做出增删改查,都是在开发一款富文本编辑器时一项最基本也是最重要的功能之一。让我们先来看看Slate中对于如何在文档树中定位元素是怎么定义的[源码]: /** * The `Location` interface is a union of the ......
源码 slate

redis7源码分析:redis 多线程模型解析

多线程模式中,在main函数中会执行InitServerLast void InitServerLast() { bioInit(); // 关键一步, 这里启动了多条线程,用于执行命令,redis起名为IO 线程 initThreadedIO(); set_jemalloc_bg_thread(s ......
redis 线程 源码 模型 redis7

redis7源码分析:redis 单线程模型解析,一条get命令执行流程

有了下文的梳理后 redis 启动流程 再来解析redis 在单线程模式下解析并处理客户端发来的命令 1. 当 client fd 可读时,会回调readQueryFromClient函数 void readQueryFromClient(connection *conn) { client *c ......
redis 线程 源码 模型 命令

vue3+vite+ elementplus项目部署到gitee pages并发布

1.在gitee上新建仓库 命名:demo-vite-vue3 2.把新建的仓库克隆到本地 3.在本地的master分支编写代码并上传 把分支定位在master分支上 通过git工具把本地完成的代码上传到gitee的demo-vite-vue3仓库中去 git pull git add . git ......
elementplus 项目 gitee pages vue3

Vue框架快速上手

Vue基础 vue指令 内容绑定 v-text 设置标签的内容一般通过双大括号的表达式{{ }}去替换内容 {{ hello }} v-html 与v-text类似区别在于html中的结构会被解析为标签设置元素的innerHTML,v-text只会解析文本 事件绑定 v-on 可以简写为@,绑定的方 ......
框架 Vue

Vue

Vue.js快速入门 一、前端技术栈 1、HTML:超文本标记语言。 2、CSS:样式层叠器。 3、javaScript:弱类型脚本语言,常用于动态DOM操作。 常用:ES5(所有浏览器支持)、ES6(主流使用,主流浏览器支持,可通过WebPack脚手架编译成ES5语法)。 4、JQuery:大家熟 ......
Vue

redis7源码分析:redis 启动流程

1. redis 由 server.c 的main函数启动 int main(int argc, char **argv) { ... // 上面的部分为读取配置和启动命令参数解析,看到这一行下面为启动流程 serverLog(LL_WARNING, "oO0OoO0OoO0Oo Redis is ......
redis 源码 流程 redis7

redis 源码分析:Jedis 哨兵模式连接原理

1. 可以从单元测试开始入手 查看类JedisSentinelPool private static final String MASTER_NAME = "mymaster"; protected static final HostAndPort sentinel1 = HostAndPorts. ......
哨兵 源码 原理 模式 redis

Vue之组件基础使用的总结

这两天学习Vue,框框往脑子里面记新东西,无奈本人太笨,记不住太多东西,因此发博客记录并且复习一下。 在学习组件之前,需要先搭建起来脚手架,首先需要安装好node.js(默认大家都安装了) 然后打开命令行窗口,创建项目的路径我就以桌面为例: 首先这是脚手架的官方说明 因此我们需要先全局安装cli的包 ......
组件 基础 Vue

Vue3 appear 失效 如何使用 appear

最近在学习 vue3 的动画时遇到 appear 无法生效的问题 问题的具体表现: 看以下代码,按理应该来说,如果我们设置 fuct-appear-from,fuct-appea-active 后在元素初始出现时应该会有一个效果 html <Transition name="fuct" appear ......
appear Vue3 Vue

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 ......
源码 lapce

Vue双向数据绑定原理-下

Vue双向数据绑定原理-下这一篇文章主要讲解Vue双向数据绑定的原理,主要是通过Object.defineProperty()来实现的,这里我们手写Vue双向数据绑定的原理。 首先我提出一个需求,我的需求是,快速监听对象中所有属性的变化。 首先得要有一个对象,对象的定义代码如下: <script> ......
双向 原理 数据 Vue

Vue双向数据绑定原理-中

defineProperty方法 defineProperty除了可以动态修改/新增对象的属性以外, 还可以在修改/新增的时候给该属性添加get/set方法, 从而实现数据劫持。 defineProperty get/set方法特点 只要通过defineProperty给某个属性添加了get/set ......
双向 原理 数据 Vue

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 ......
element-plus validator 规则 element plus

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 ......
element-plus el-table 时报 element resize

vue中+芝士整形误判为字符型

if(this.chart '+'){ return this.num1*1 + this.num2*1 } 乘个一就i行啦! ......
字符 vue

vue处理响应式的思路

首先看如下js代码 let a = '张三'console.log(a) // 当前页面展示的是张三 a = '李四' 首先页面刚开始渲染的时候数据a为张三,之后将a修改为了李四以后页面不会发生改变,但是数据已经修改了,vue为了解决这一问题,采用响应式的办法。 通过对象的definePropert ......
思路 vue

Vue自定义指令

定义指令 全局定义 // 指令名称为:mydirec1 Vue.directive('mydirec1', { // 指令配置 }) // 指令名称为:mydirec2 Vue.directive('mydirec2', { // 指令配置 }) 之后,所有的组件均可以使用mydirec1和mydi ......
指令 Vue

6. 用Rust手把手编写一个wmproxy(代理,内网穿透等), 通讯协议源码解读篇

用Rust手把手编写一个wmproxy(代理,内网穿透等), 通讯协议源码解读篇 项目 ++wmproxy++ gite: https://gitee.com/tickbh/wmproxy github: https://github.com/tickbh/wmproxy 事件模型的选取 OS线程, ......
源码 wmproxy 通讯 Rust

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内的 ......
源码 mavlink

Vue源码学习(八):生命周期调用

好家伙, Vue源码学习(七):合并生命周期(混入Vue.Mixin) 书接上回,在上一篇中,我们已经实现了合并生命周期 现在,我们要在我们的初始化过程中,注册生命周期 1.项目目录 红框为本篇涉及到的.js文件 2.先来看 /utils/index.js export const HOOKS =[ ......
源码 周期 生命 Vue

最强大的iOS应用源码保护工具:Ipa Guard,保护你的商业机密代码

​ 前言 iOS加固保护是直接针对ios ipa二进制文件的保护技术,可以对iOS APP中的可执行文件进行深度混淆、加密。使用任何工具都无法逆向、破解还原源文件。对APP进行完整性保护,防止应用程序中的代码及资源文件被恶意篡改。Ipa Guard通过修改 ipa 文件中的 macho 文件中二进制 ......
机密 源码 代码 工具 商业

小程序获取源码

1. 获取加密的 小程序文件 进入文件夹 选择:Applet 文件夹 根据第一次使用小程序的 时间 ,选择目标小程序 找到 wxapkg文件 使用工具解密 小程序 解密后的文件,放入反编译工具 使用工具反编译,后查找Js 文件,查找加解密方式。 https://github.com/system-c ......
源码 程序

vue3项目中跨域问题

查询之后发现是浏览器的同源策略,跨域了。浏览器的同源策略就是协议、域名、端口都要相同,有一个不同就会产生跨域问题。原本浏览器应该会自动调节端口去获取信息,但我这里将前后台代码都设置一台电脑上,可能端口占用了才产生了问题。解决方案就是在vite.config.js文件中设置一下代理就行了,具体代码如下 ......
项目 问题 vue3 vue

Go每日一库之64:ants(源码赏析)

## 简介 继上一篇[Go 每日一库之 ants](https://go-quiz.github.io/2021/06/03/godailylib/ants),这篇文章我们来一起看看`ants`的源码。 ## `Pool` 通过上篇文章,我们知道`ants`池有两种创建方式: - `p, _ := ......
源码 ants

直播商城源码,android线程的介绍及两种启动方式

直播商城源码,android线程的介绍及两种启动方式 一种是直接继承Thread类:(代码直接是复制Thread类中官方给的),调用Thread自己的run方法 * class PrimeThread extends Thread { * long minPrime; * PrimeThread(l ......
线程 源码 android 方式 商城

在线直播系统源码,简单实现Android应用的启动页

在线直播系统源码,简单实现Android应用的启动页 1、在java文件中,将启动页状态栏和标题栏隐藏,并设置启动页显示时间为3秒。 SplashActivity.java代码如下: public class SplashActivity extends AppCompatActivity { @O ......
在线直播 源码 Android 系统