vue源码 周期 生命
文件名称使用vue前端设置utf-8乱码问题
文件名称使用vue前端设置utf-8乱码问题 1、下载入口 /** * @description 下载文件到前端 * @params response * @params filePath 文件存放的完整路径，以文件名结尾 *@params fileName * @return void */ pu ......
vue中el-checkbox全选、反选、多选
<template> <div> <el-checkbox v-model="checkAll" @change="handleCheckAllChange" :indeterminate="isIndeterminate" >全选</el-checkbox > <el-checkbox v-mod ......
vue input每次输入一个字符后自动失去焦点 问题
我在输入框输入的时候，每输入一次，输入框就自动失去焦点了。ps：实现的功能是，一个列表组件，每个对象中都有一个input输入框。 <div class="addTags" v-for="(item,index) in list" :key="item.title"> <input type="tex ......
【vue3-element-admin】ESLint+Prettier+Stylelint+EditorConfig 约束和统一前端代码规范
通过ESLint 检测 JS/TS 代码、Prettier 格式化代码、Stylelint 检测 CSS/SCSS 代码和配置 EditorConfig 来实现前端代码规范约束和统一。 ......
DRF版本控制(源码分析)
DRF中版本控制的五种情况(源码分析) 在restful规范中要去，后端的API中需要体现版本。 drf框架中支持5种版本的设置。 1. URL的GET参数传递（*） 示例: user/?version=v1 # settings.py REST_FRAMEWORK = { "VERSION_PAR ......
DRF版本控制(源码分析)
DRF中版本控制的五种情况(源码分析) 在restful规范中要去，后端的API中需要体现版本。 drf框架中支持5种版本的设置。 1. URL的GET参数传递（*） 示例: user/?version=v1 # settings.py REST_FRAMEWORK = { "VERSION_PAR ......
Vue中使用全局事件总线
使用第三方库mitt实现全局事件总线，其原理，和Vue2类似，在app.config.globalProperties上添加总线，然后在需要的组件中引入，调用其on/emit/off等方法实现绑定、派发和解绑等操作 1、下载安装 npm i mitt 2、在main.ts中配置 import { c ......
CesiumJS 源码杂谈 - 从光到 Uniform
之前对实时渲染（RealTimeRendering）的殿堂就十分向往，也有简单了解过实时渲染中的光，无奈一直没能系统学习。鉴于笔者已经有一点 CesiumJS 源码基础，所以就抽了一个周末跟了跟 CesiumJS 中的光照初步，在简单的代码追踪后，发现想系统学习光照材质，仍然是需要 RTR 知识的， ......
FBV和CBV的区别(源码分析)
FBV和CBV源码分析 FBV直接调用user方法执行业务代码 CBV相当于在FBV上面封装了一层 from django.contrib import admin from django.urls import path from app01 import views urlpatterns = ......
在Vue中，关于require与required
在 Vue 里面，是用 require 还是 required？始终拿捏不定，所以这里记录一下 图片是 require('@/xxx') props 里面是 required 表单验证里面是 required 总结：只有图片是 require，其它都是required ......
vue 项目npm run dev(启动)时报错The service was stopped
vue项目yarn upgrade后vite build报错，如何项目也运行不起来了。 报错截图： 解决办法： 删除node_modules文件夹，然后执行yarn install重新生成心的node_modules。 ......
复选框数据通过axios和Vue传输到servlet后台
引言 本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台； 百度之后才发现，是我草率了，原来可以直接用复选框标签进行传输（好吧，又暴露了自己基础不扎实的事实......） 相关实现步骤 1、将相关的标签el-checkbox引入进去 这里我们需要引入 ......
10分钟理解React生命周期
前言 学习React，生命周期很重要，我们了解完生命周期的各个组件，对写高性能组件会有很大的帮助. 一、简介 React /riˈækt/ 组件的生命周期指的是组件从创建到销毁过程中所经历的一系列方法调用。这些方法可以让我们在不同的时刻执行特定的代码，以满足组件的需求。 React 的生命周期可以分 ......
Tomcat长轮询原理与源码解析
Tomcat长轮询原理与源码解析 系列文章目录和关于我 零丶长轮询的引入 最近在看工作使用到的diamond配置中心原理，发现大多数配置中心在推和拉模型上做的选择出奇的一致选择了基于长轮询的拉模型 基于拉模型的客户端轮询的方案 客户端通过轮询方式发现服务端的配置变更事件。轮询的频率决定了动态配置获取 ......
vue2源码-六、根据render函数生成vnode
根据render函数生成vnode 上文介绍 上面已经将模板编译成了render函数，下面就要使用render函数，从而完成渲染的操作： 首先，根据render函数生成虚拟节点；然后根据虚拟节点+真实数据生成真实节点。 实现mountComponent方法，完成渲染 虚拟节点生成 封装vm._ren ......
vue按钮禁用
一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled，data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......
DAPLink源码生成Keil工程并编译成功——笔记（实践篇）
本文介绍使用DAP源码生产Keil工程的步骤。 一、前期准备工作 以下1~4为步骤： 1.安装Python 3 (https://www.python.org/downloads/)，并添加至路径 PATH，此处忘截图了，总之看见pip、all user、add to PATH之类的就勾选。（网上也 ......
vue-devtool
vue-devtool是使用vue必不可少的一个工具，他可以让你在开发vue项目的时候，实时展示页面上的变量。 1、下载 到github下载：https://github.com/vuejs/devtools 可使用git或者直接下载zip包 安装依赖，最好使用yarn，因为该项目使用yarn 这一 ......
前端学习笔记——Vue3组件间数值传递
依据个人的学习需求，对Vue官网中组件部分内容的搬运和总结，可用于参看，想详细了解Vue3这部分特性的可以直接参考官网内容：https://cn.vuejs.org props是一种特别的attributes，我们可以在组件上生命注册。比如：如果我们要传递给博客文章组建一个标题的话，我们则必须在该组 ......
vue3使用tinymce
第一种方法：通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key，然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包，放在目录下的pu ......
vue3中使用axios
1、问题： 在vue2中axios通常是经过封装的后挂载使用的，来处理token及报错处理，比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了，那vue3中是如何简单、 ......
tinymce封装成vue3组件
封装成组件 <script setup > import Editor from '@tinymce/tinymce-vue' //引入tinymce开启本地模式 import 'tinymce/tinymce' //引入图标和主题等 import 'tinymce/themes/silver/th ......
Vue3组件通信直接参考案例
https://juejin.cn/post/6999687348120190983#heading-7 Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法，如下 方法一，setup() 方法写法 // Parent.vue 传送 <child :msg1="msg1 ......
eureka源码简单剖析-服务端(服务注册接口-作用是客户端的注册服务)
本部分讲的是客户端的一些服务注册要注册中心，就是服务的提供者将服务注册到注册中心，方便消费者拿到需要的服务 peer是集群的模式 然后看下这个super.register(info, leaseDuration, isReplication); 日常学习使用的一般是eureka单机模式，企业使用都是 ......
r0tracer 源码分析
使用方法 修改r0tracer.js文件最底部处的代码，开启某一个Hook模式。 function main() { Java.perform(function () { console.Purple("r0tracer begin ... !") //0. 增加精简模式，就是以彩虹色只显示进出函数 ......
vue中通过$emit实现子向父通信
本篇讨论vue中使用$emit实现子向父通信， 第一步：我们在父组件中注册子组件，然后再给子组件标签添加一个自定义事件监听，这样在子组件实例上就绑定了一个自定义的事件add。 后面如果触发add事件，那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前 ......
eureka源码简单剖析-服务端(服务接口暴露策略)
下面来看下服务接口暴露的策略。其中服务端使用了Jersey框架，而Jersey框架是一个发布restful风格接口的框架，类似我们使用的springmvc, 然后下面看下jersey部分 以上就是服务接口暴露的相关策略部分 ......
Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】
一、开发常用的工具栏选项 1、当前打开的文件快速在左侧资源树中定位： 其实打开了当前的文件已经有在左侧资源树木定位了，只是颜色比较浅 2、打开太多文件的时候，可以关闭 3、设置查看当前类或文件的结构 OUTLINE 相当于idea 查看当前类或接口的结构 Structure 二、查看源码技巧： (1 ......
OPCUA实践之winnt服务源码分享
前言 孔乙己显出极高兴的样子，将两个指头的长指甲敲着柜台，点头说：“对呀，对呀！......OPCUA，你用过么？” 大家好，我是44岁的大龄程序员码农阿峰。离开上一个项目近半年了，这时当时在项目做的3个winnt服务，算是OPCUA的初次使用，代码并没有什么出彩的地方，却是能正常运行，而且工作了近 ......