vue源码 周期 生命

vue计算属性、内容分发

计算属性可以想象为缓存 在调用方法时,每次都需要进行计算,既然有计算过程则必定产生系统开销,那如果这个结果时不经常变化的呢?此时就 可以考虑将这个结果缓存起来,采用计算属性可以很方便的做到这一点,计算属性的主要特性就是为了将不经常变化的计算结果进行缓存, 以节省我们的系统开销 计算属性一般写在com ......
属性 内容 vue

Vue基础知识

模板语法 文本插值(text interpolation) 最基本的数据绑定形式,使用“Mustache”语法即{{...}} <span>Message:{{msg}}</span> {{}}中的值会被替换为相应组件实例中msg属性的值,且会同步地更新 原始HTML <p>Message:<spa ......
基础知识 基础 知识 Vue

【Visual Leak Detector】源码文件概览

说明 使用 VLD 内存泄漏检测工具辅助开发时整理的学习笔记。本篇对 VLD 源码包中的各文件用途做个概述。同系列文章目录可见 《内存泄漏检测工具》目录 1. 整体概览 以 vld2.5.1 版本为例,下载源码 后,根目录下一共 5 个文件夹:.teamcity、lib、mfc_detect、set ......
概览 源码 Detector 文件 Visual

RuoYi-Vue 分离版 收获与总结

https://blog.csdn.net/qq_41965731/article/details/115241184 一、常量的定义 以下是阿里编码规约 二、图片的 base64 编码 https://blog.csdn.net/duola8789/article/details/78844431 ......
RuoYi-Vue RuoYi Vue

vue2源码-十二、mixin的使用和原理

mixin的使用和原理 使用: 可以通过 Vue.mixin 来实现逻辑的复用,问题在于数据来源不明确。声明的时候可能对导致命名冲突 vue3 采用的就是 compositionAPI 局部混入: var myMixin = { created: function () { this.hello() ......
源码 原理 mixin vue2 vue

【源码分析】XXL-JOB的执行器的注册流程

目的:分析xxl-job执行器的注册过程 流程: 获取执行器中所有被注解(@xxlJjob)修饰的handler 执行器注册过程 执行器中任务执行过程 版本:xxl-job 2.3.1 建议:下载xxl-job源码,按流程图debug调试,看堆栈信息并按文章内容理解执行流程。 完整流程图: 查找Ha ......
源码 流程 XXL-JOB XXL JOB

深入 NODEJS 源码探究 CPU 信息的获取与利用率计算

在 Linux 下我们通过 top 或者 htop 命令可以看到当前的 CPU 资源利用率,另外在一些监控工具中你可能也遇见过,那么它是如何计算的呢?在 Nodejs 中我们该如何实现? 带着这些疑问,本节会先从 Linux 下的 CPU 利用率进行一个简单讲解做一下前置知识铺垫,之后会深入 Nod ......
利用率 源码 NODEJS 信息 CPU

使用vue的坑

1、vue不能监控对象属性的增删 需要使用$this.set(obj,attr,attrval)设置 2、vue里新增对象,this得指向vue ......
vue

UE5新功能StateTree源码解析

StateTree 是一种UE5中新增的通用分层状态机,其组合了行为树中的 选择器(Selectors) 与状态机中的 状态(States) 和 过渡(Transitions) 。用户可以创建非常高效、保持灵活且井然有序的逻辑。 StateTree包含以树结构布局的状态。状态选择可以在树中的任意位置 ......
新功能 StateTree 源码 UE5 UE

04:基础入门-WEB源码拓展

前言:WEB源码在安全测试中是非常重要的信息来源,可以用来代码审计漏洞也可以用来做信息突破口,其中WEB源码有很多技术需要简明分析。比如:获取某ASP源码后可以采用默认数据库下载为突破,获取某其他脚本源码漏洞可以进行代码审计挖掘或分析其业务逻辑等,总之源码的获取将为后期的安全测试提供了更多的思路。 ......
源码 基础 WEB

vue-admin-template 如何添加快捷导航(标签导航栏)

前言 关于快捷导航(标签栏导航)在文档中确实有介绍,但是看完是一头雾水,不知道如何修改,不过文档最后给了一个移除的大致操作,从这里可以找到入手点 前期准备 vue-admin-template 项目代码 vue-element-admin 项目代码 操作流程 注:以下操作流程是按照自行摸索的操作顺序 ......
vue-admin-template template 标签 admin vue

VUE3 里面使用 vuedraggable 兼容tag="transition"的问题

vue3的拖拽tag="transition"报的错误 TypeError: Cannot set properties of null (setting '__draggable_context') 安装拖拽的时候,使用命令 yarn add @marshallswain/vuedraggable ......
quot vuedraggable transition 问题 VUE3

vue3中使用defineExpose报TS-2339

title: "vue3+ts使用defineExpose报TS:2339" date: 2022-12-29 19:32:44 tags: ["Vue", "踩坑记录"] categories: ["前端篇"] 开头先把错误贴上 src/hooks/usePageSearch.ts:9:27 TS ......
defineExpose vue3 2339 vue TS

vue3+ts使用v-for出现unknown问题

title: vue3+ts使用v-for出现unknown问题 date: 2022-12-27 19:00:45 tags: ['Vue','踩坑记录'] categories: ["前端篇"] 最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循 ......
unknown 问题 v-for vue3 vue

Vue(二)

2.组件 2.1.模块与组件 2.1.1.模块 可以向外提供某一个功能的js程序,一般为一个js文件 作用:js可以复用,可以简化js的编写,提高js的运行效率。 2.1.2.组件 实现某一个功能的效果代码集合,这个集合包含很多,比如html、css、js等 作用:复用编码,简化项目的编码,提高项目 ......
Vue

Vue JS项目 添加TypeScript

Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
TypeScript 项目 Vue

vue:axios异步通讯

由于Ajax需要对dom进行频繁的操作 所以这里使用axios进行替代 首先放上所有代码 <body> <div id="vue"> {{info.name}} <a v-bind:href="info.url">点我</a> </div> <!-- 到入vue.js--> <script src= ......
通讯 axios vue

boot-admin整合flowable官方editor-app源码进行BPMN2-0建模(续)

boot-admin整合flowable官方editor-app源码进行BPMN2-0建模(续) 书接上回 项目源码仓库github 项目源码仓库gitee boot-admin 是一款采用前后端分离模式、基于SpringCloud微服务架构的SaaS后台管理框架。系统内置基础管理、权限管理、运行管 ......
boot-admin editor-app 源码 flowable 官方

Vue-Routes

下载 npm i vue-router@x x为版本号 版本对应规则: vue@x == router@x+1 使用 一、创建应用路由器 在src中创建router/index.js目录 1、引入touter插件&&应用插件 import VueRouter from 'vue-touter'Vue ......
Vue-Routes Routes Vue

vue组件

vue组件实际上就是自定义标签 组件是vue可重复使用的实例 也就是说,当你定义好一个组件之后,你可以将其当做一个html的标签使用 <div id="app"> <br> <qinjiang></qinjiang> <br> </div> <div id="buttonnew"> <newbutt ......
组件 vue

vue-router解决警告:No match found for location with path "XXXXXXX"

使用vue-router时,在刷新页面时往往会出现这个警告: 这个问题产生的原因往往是因为vue在启动时,会校验当前页面的路由,而我们使用vue-router时,是在导航守卫中动态添加路由的,因此肯定找不到,而这个时候还没进入守卫,自然就会抛出这个警告了: 1、app.use(router) 2、r ......
quot vue-router location XXXXXXX router

cesium源码编译调试及调用全过程

完整记录一次cesium源码从下载、打包、调用、调试的全过程。 本文使用软件或API版本: VSCode Node:12.18.3 cesium版本:1.94 总体步骤: 下载源码 执行npm install和npm start启动web服务 打包源码(打包前可以先将申请到的cesium的token ......
全过程 源码 cesium

Vite + Vue3 +TS 项目搭建

安装 nvm 略 安装 node 略 使用 Vite创建项目 vite3.x 文档:https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project 使用 NPM: $ npm create vite@latest 使用 Yarn: $ ......
项目 Vite Vue3 Vue TS

WebStorm 2023.1 vue文件标签中变量无法识别 Unresolved variable or type

从老版本WebStorm 升级到 WebStorm 2023.1 之后,打开项目莫名爆红 可能是查询的不对,很多博客指明是依赖的问题,实际修改无效 问题出在文件类型指向不对 修改为: 问题解决 ......
变量 Unresolved WebStorm variable 标签

Vue:表单双绑、组件

vue一大精髓就是双向绑定 vue.js是一个mvvm框架,即数据的双向绑定,即当数据发生变化时的时候,视图也就发生变化,当视图发生变化时,数据也会同步变化 双向绑定是对于UI控件来说的,非UI控件不会涉及到数据的双向绑定 以input标签举例 <div id="app"> 输入的文本:<input ......
表单 组件 Vue

VUE上传图片

1 <!-- 2 气味照相机,上传图片 3 --> 4 <template> 5 <div class="main_container" > 6 <div class="bgimg_box" :style="'background-image: url(' + bgImg + ');'"> 7 <d ......
图片 VUE

DRF的限流组件(源码分析)

DRF限流组件(源码分析) 限流,限制用户访问频率,例如:用户1分钟最多访问100次 或者 短信验证码一天每天可以发送50次, 防止盗刷。 对于匿名用户,使用用户IP作为唯一标识。 对于登录用户,使用用户ID或名称作为唯一标识。 缓存={ 用户标识:[12:33,12:32,12:31,12:30, ......
组件 源码 DRF

使用PhantomJS解决VUE项目无法被百度收录

一、安装PhantomJS 安装文章:https://www.cnblogs.com/robots2/p/17340143.html 二、编写脚本spider.js // spider.js 'use strict'; console.log(' start '); // 单个资源等待时间,避免资源 ......
PhantomJS 项目 VUE

vue 事件

vue中用 v-on绑定事件 简单绑定一个点击事件 <div id="app"> <button v-on:click="sayHi">点击我</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script ......
事件 vue

vue基本语法 for if else show

vue有关于if else 以及 for 的判断 <body> <div id="app"> <h1 v-if="type 'A'"> A </h1> <h1 v-else-if="type 'B'"> B </h1> <h1 v-else> C </h1> </div> </body> </htm ......
语法 else show vue for