核心 知识 技术vue
vue3挂载全局方法
在vue3中可以通过app.config.globalProperties来挂载全局方法。 main.js const app = createApp(App) // 定义全局方法 const myGlobalMethod = () => { console.log('This is a globa ......
使用vue实现方法、计算属性、侦听器完成的简易计算器
第一步：创建一个新的web项目（Jisuanqi），引入js文件 第二步：搭好基本框架，为后面写代码打好基础 （这里更改一个小错误：把class="app" 改为id="app"） 第三步：编写输入框 效果图展示如下： 第四步：添加“计算”按钮 第五步：编写实例化 最后完整代码展示 1 <!DOCT ......
明解STM32—GPIO理论基础知识篇之寄存器原理
一、前言 在之前的STM32的GPIO理论基础知识中，分别对基本结构和工作模式进行了详细的介绍。GPIO基本结构中主要对GPIO内部的各个功能电路逐一的进行的分析；GPIO工作模式中主要介绍GPIO应用在不同的使用场景下，GPIO端口的静态特征配置和动态的工作模式，同时对信号的工作流进行了分析。 ......
TSDB - VictoriaMetrics 技术原理浅析
版权说明： 本文章版权归本人及博客园共同所有，转载请在文章前标明原文出处( https://www.cnblogs.com/mikevictor07/p/17258452.html )，以下内容为个人理解，仅供参考。 一、前言 在监控领域，通常需要指标存储组件TSDB，目前开源的TSDB组件比较多， ......
【THM】Windows Fundamentals 3(Windows基础知识3)-学习
本文相关的TryHackMe实验房间链接：https://tryhackme.com/room/windowsfundamentals3xzx 本文介绍：本文所涉及的内容是 Windows 基础模块的第 3 部分，了解有助于保护设备安全的内置 Microsoft 工具，例如 Windows 更新、W ......
牛客SQL-非技术快速入门
01 基础查询 SQL1 查询所有列 select * from user_profile SQL2 查询多列 select device_id,gender,age,university from user_profile SQL3 查询结果去重 select distinct(universit ......
Vue3.0
1.setup 1.理解：Vue3.0中一个新的配置项，值为一个函数 2.setup是所有CompositionAPI的表演的舞台 3.组件用所用到的：数据 方法等等，均要配置在setup中 4.setup函数的两种返回值 1.若返回一个对象，则对象中的属性，方法在模板中均可以直接使用（重点关注 ......
对电子逻辑知识的认识
电子元件基础 1、第一层 半导体晶体管的开关特性——模拟实现布尔逻辑 （1）正逻辑：高电压表示1（国际标准） （2）负逻辑：高电压表示0 2、第二层 小规模集成电路实现的基础逻辑功能——逻辑门 逻辑门包括：与、或、非、与非、或非、同或、异或等。 3、第三层 中小规模集成电路实现的复杂逻辑器件： （1 ......
基于VUE3开发的CAD图可视化平台代码开源了
前言 唯杰地图VJMAP 为CAD图或自定义地图格式WebGIS可视化显示开发提供的一站式解决方案，支持的格式如常用的AutoCAD的DWG格式文件、GeoJSON等常用GIS文件格式，它使用 WebGL矢量图块和自定义样式呈现交互式地图, 提供了全新的大数据可视化可视化功能。 唯杰地图可视化平台旨 ......
基础知识
import mcpi.minecraft as minecraft #minecraft为我们导入的模块的别名，Minecraft.create()为连接游戏的方法 #()结尾代表执行一个动作，在编程中一般叫做函数或方法。 mc = minecraft.Minecraft.create() ''' ......
vue使用方法，侦听器，计算属性三种方式实现简易计算器
今天我们用vue中方法，计算属性，还有监听器来完成一个简易的小型计算器 一. 代码实现效果 二.代码实现 1.创建一个web项目，导入本地js文件实例化vue对象并挂载DOM节点 2.方法实现计算器 框架分析： 1.创建输入框用来输入数据，创建按钮计算结果 2.v-model属性使用,利用v-mod ......
Vue修改默认端口号
在vue项目中找到vue.config.js，如果没有该文件，可以在根目录中创建一个。然后，在该文件中添加以下代码： module.exports = { devServer: { port: 8888, // 修改为你想要的端口号 }, }; 然后重启vue程序即可。 ......
Vue三种方法实现简易计算器。
计算器实现： 方法1：使用v-model进行双向绑定。 方法2：使用computed计算属性。 方法3：使用watch侦听属性。 1.定义自定义方法getResult，该方法用来计算表达式的值。 `` <head> <meta charset="utf-8"> <title></title> <sc ......
Vue三种方法实现简易计算器
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="js/vue.js"></script> 7 </head> 8 <body> 9 <div id="app"> ......
VUE分别使用普通方法、计算属性、监听器完成简易计算器
计算器功能: 1.加减乘除模可以随意切换使用表单元素< seclect > 2.当输入框中数字改变时实时得出运算结果方法1：v-model绑定input框的值，绑定input键盘按下和鼠标点击时触发自定义方法getResult，该方法用来计算表达式的值。方法2：使用computed计算属性方法3：使 ......
vue计算器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>methods</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <input typ ......
VUE分别写出 4种计算器
监听器计算机 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>watch</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <inpu ......
vue计算器的四种代码
1.使用表达式 使用v-if对表达式进行运算 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>hhhh</title> <script type="text/javascript" src="js/vue.js"></scr ......
【vue】给 dom 添加拖拽功能
实现效果 实现步骤 新建一个 drag.js 注册拖拽指令 import Vue from 'vue'; //使用Vue.directive()定义一个全局指令 //1.参数一：指令的名称，定义时指令前面不需要写v- //2.参数二：是一个对象，该对象中有相关的操作函数 //3.在调用的时候必须写v ......
【ACM数论】和式变换技术，也许是最好的讲解之一
在做数论题时，往往需要进行和式变换，然后变换成我们可以处理的和式，再针对和式做筛法、整除分块等操作。 本文将介绍一些常见的和式变换技术。 以下出现的概念大部分为个人总结，未必是学术界/竞赛界的统一说法，有不严谨的地方请谅解。 🎈 作者：Eriktse 🎈 简介：19岁，211计算机在读，现役AC ......
一些杂乱的知识点
1.set会打乱原有数据的顺序吗 是的，将一个数据集转化为set后，其顺序会被打乱，因为set是一种无序容器，它不保留元素插入的顺序。当一个数据集被转换为set时，重复的元素会被自动去除，而剩下的元素会被无序地存储在set中。因此，如果您需要保留数据集的原始顺序，应该使用其他类型的容器（如list或 ......
VUE2.0 学习 第一组
本笔记主要参考菜鸟教程和官方文档编写。 1. 对于Vue2.0来说每个vue应用都需要实例化vue来实现。 var vm = new Vue({ // 选项 }) 2.首先，DOM是一种api，它可以动态地访问程序和脚本,更新其内容、结构和文档,我认为符合这类功能的都可以叫dom，其次，每一个DOM ......
牛客SQL-非技术快速入门
01 基础查询 SQL1 查询所有列 select * from user_profile SQL2 查询多列 select device_id,gender,age,university from user_profile SQL3 查询结果去重 select distinct(universit ......
第三十六篇 vue - 应用规模化 - 路由
客户端 vs 服务端路由 服务端路由指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML，然后重新加载整个页面。 然而，在单页面应用中，客户端的 JavaScript 可以拦截页面的跳转请求，动 ......
第三十七篇 vue - 应用规模化 - 测试
为什么需要测试 自动化测试能够预防无意引入的 bug，并鼓励开发者将应用分解为可测试、可维护的函数、模块、类和组件。这能够帮助你和你的团队更快速、自信地构建复杂的 Vue 应用。与任何应用一样，新的 Vue 应用可能会以多种方式崩溃，因此，在发布前发现并解决这些问题就变得十分重要 测试的类型 当设计 ......
第三十三篇 vue - 应用规模化 - 工具链
项目脚手架 vite Vite 是一个轻量级的、速度极快的构建工具，对 Vue SFC 提供第一优先级支持。作者是尤雨溪，同时也是 Vue 的作者 要使用 Vite 来创建一个 Vue 项目，非常简单 npm init vue@latest 这个命令会安装和执行 create-vue，它是 Vue ......
第三十五篇 vue - 应用规模化 - 状态管理 - Pinia
什么是状态管理 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例 <script> export default { // 状态 data() { return { count: 0 } }, // 动作 methods: { incremen ......
第三十二篇 vue - 应用规模化 - 单文件组件 SFC
单文件组件 SFC Vue 的单文件组件 (即 *.vue 文件，英文 Single-File Component，简称 SFC) 是一种特殊的文件格式，使我们能够将一个 Vue 组件的模板、逻辑与样式封装在单个文件中 Vue 的单文件组件是网页开发中 HTML、CSS 和 JavaScript 三 ......
第三十四篇 vue - 应用规模化 - 服务端渲染 - SSR
总览 什么是 SSR SSR - 服务端渲染 Vue.js 是一个用于构建客户端应用的框架。默认情况下，Vue 组件的职责是在浏览器中生成和操作 DOM Vue 也支持将组件在服务端直接渲染成 HTML 字符串，作为服务端响应返回给浏览器，最后在浏览器端将静态的 HTML“激活”(hydrate) ......