空格 源码app vue

vue 项目npm run dev(启动)时报错The service was stopped

vue项目yarn upgrade后vite build报错,如何项目也运行不起来了。 报错截图: 解决办法: 删除node_modules文件夹,然后执行yarn install重新生成心的node_modules。 ......
时报 service stopped 项目 vue

复选框数据通过axios和Vue传输到servlet后台

引言 本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台; 百度之后才发现,是我草率了,原来可以直接用复选框标签进行传输(好吧,又暴露了自己基础不扎实的事实......) 相关实现步骤 1、将相关的标签el-checkbox引入进去 这里我们需要引入 ......
后台 servlet 数据 axios Vue

Tomcat长轮询原理与源码解析

Tomcat长轮询原理与源码解析 系列文章目录和关于我 零丶长轮询的引入 最近在看工作使用到的diamond配置中心原理,发现大多数配置中心在推和拉模型上做的选择出奇的一致选择了基于长轮询的拉模型 基于拉模型的客户端轮询的方案 客户端通过轮询方式发现服务端的配置变更事件。轮询的频率决定了动态配置获取 ......
源码 原理 Tomcat

vue2源码-六、根据render函数生成vnode

根据render函数生成vnode 上文介绍 上面已经将模板编译成了render函数,下面就要使用render函数,从而完成渲染的操作: 首先,根据render函数生成虚拟节点;然后根据虚拟节点+真实数据生成真实节点。 实现mountComponent方法,完成渲染 虚拟节点生成 封装vm._ren ......
函数 源码 render vnode vue2

vue按钮禁用

一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled,data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......
按钮 vue

DAPLink源码生成Keil工程并编译成功——笔记(实践篇)

本文介绍使用DAP源码生产Keil工程的步骤。 一、前期准备工作 以下1~4为步骤: 1.安装Python 3 (https://www.python.org/downloads/),并添加至路径 PATH,此处忘截图了,总之看见pip、all user、add to PATH之类的就勾选。(网上也 ......
实践篇 源码 DAPLink 笔记 工程

vue-devtool

vue-devtool是使用vue必不可少的一个工具,他可以让你在开发vue项目的时候,实时展示页面上的变量。 1、下载 到github下载:https://github.com/vuejs/devtools 可使用git或者直接下载zip包 安装依赖,最好使用yarn,因为该项目使用yarn 这一 ......
vue-devtool devtool vue

前端学习笔记——Vue3组件间数值传递

依据个人的学习需求,对Vue官网中组件部分内容的搬运和总结,可用于参看,想详细了解Vue3这部分特性的可以直接参考官网内容:https://cn.vuejs.org props是一种特别的attributes,我们可以在组件上生命注册。比如:如果我们要传递给博客文章组建一个标题的话,我们则必须在该组 ......
前端 数值 组件 笔记 Vue3

vue3使用tinymce

第一种方法:通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key,然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包,放在目录下的pu ......
tinymce vue3 vue

vue3中使用axios

1、问题: 在vue2中axios通常是经过封装的后挂载使用的,来处理token及报错处理,比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了,那vue3中是如何简单、 ......
axios vue3 vue

tinymce封装成vue3组件

封装成组件 <script setup > import Editor from '@tinymce/tinymce-vue' //引入tinymce开启本地模式 import 'tinymce/tinymce' //引入图标和主题等 import 'tinymce/themes/silver/th ......
组件 tinymce vue3 vue

Vue3组件通信直接参考案例

https://juejin.cn/post/6999687348120190983#heading-7 Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法,如下 方法一,setup() 方法写法 // Parent.vue 传送 <child :msg1="msg1 ......
组件 案例 Vue3 Vue

《花雕学AI》20:ChatGPT使用之体验评测AI EDU的网页版+桌面端+Android+App store组合

最近准备出门,要去新疆哈密参加活动,一直在寻找手机上可用的AI移动端。昨天在网上偶然找到了AI EDU(这个不是 MSRA 创立的人工智能开源社区),其链接是:https://ai.aigcfun.com,今天就尝试做个相关体验与学习的记录。打开首页如下: 引言: 人工智能聊天机器人 ChatGPT ......
花雕 桌面 ChatGPT Android 网页

eureka源码简单剖析-服务端(服务注册接口-作用是客户端的注册服务)

本部分讲的是客户端的一些服务注册要注册中心,就是服务的提供者将服务注册到注册中心,方便消费者拿到需要的服务 peer是集群的模式 然后看下这个super.register(info, leaseDuration, isReplication); 日常学习使用的一般是eureka单机模式,企业使用都是 ......
源码 接口 作用 端的 客户

r0tracer 源码分析

使用方法 修改r0tracer.js文件最底部处的代码,开启某一个Hook模式。 function main() { Java.perform(function () { console.Purple("r0tracer begin ... !") //0. 增加精简模式,就是以彩虹色只显示进出函数 ......
源码 r0tracer 0tracer tracer r0

vue中通过$emit实现子向父通信

本篇讨论vue中使用$emit实现子向父通信, 第一步:我们在父组件中注册子组件,然后再给子组件标签添加一个自定义事件监听,这样在子组件实例上就绑定了一个自定义的事件add。 后面如果触发add事件,那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前 ......
emit vue

eureka源码简单剖析-服务端(服务接口暴露策略)

下面来看下服务接口暴露的策略。其中服务端使用了Jersey框架,而Jersey框架是一个发布restful风格接口的框架,类似我们使用的springmvc, 然后下面看下jersey部分 以上就是服务接口暴露的相关策略部分 ......
源码 接口 策略 eureka

Visual Studio Code开发常用的工具栏选项,查看源码技巧以及【vscode常用的快捷键】

一、开发常用的工具栏选项 1、当前打开的文件快速在左侧资源树中定位: 其实打开了当前的文件已经有在左侧资源树木定位了,只是颜色比较浅 2、打开太多文件的时候,可以关闭 3、设置查看当前类或文件的结构 OUTLINE 相当于idea 查看当前类或接口的结构 Structure 二、查看源码技巧: (1 ......
常用 快捷键 工具栏 源码 技巧

OPCUA实践之winnt服务源码分享

前言 孔乙己显出极高兴的样子,将两个指头的长指甲敲着柜台,点头说:“对呀,对呀!......OPCUA,你用过么?” 大家好,我是44岁的大龄程序员码农阿峰。离开上一个项目近半年了,这时当时在项目做的3个winnt服务,算是OPCUA的初次使用,代码并没有什么出彩的地方,却是能正常运行,而且工作了近 ......
源码 OPCUA winnt

eureka源码简单剖析-服务端(启动过程)

服务端涉及以下部分 eureka启动过程,eureka服务接口暴露策略,eureka服务注册,eureka服务续约 双击 shift 搜索 EurekaServerAutoConfiguration 下面先对Marker部分做个了解 从上图中我们可以看到@EnbaleEurekaServer注入了M ......
源码 过程 eureka

vue做多选,传递数组类型到后端

1.需求:多选框选择多个类型,把选中的数据传递到后端 当初在做多选框,直接用了element-ui里面的el-check-box属性,在官网里面说,是使用v-modol绑定数值来传递,好嘛,,,传的一直是true!!不是我想要的数据,也是很久没使用vue框架了,做的时候很是怀疑自己,使用value来 ......
数组 类型 vue

Vue2.0 学习 第三组 条件语句

本笔记主要参考菜鸟教程和官方文档编写。1.v-if在div或者之类的dom中使用v-if可以控制是否插入该dom,控制由v-if的true和false决定。如:<div id="app"><div v-if="test"></div> </div><script>new Vue({el:"#app" ......
语句 条件 Vue2 Vue

app备案

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com ......
app

uni-app:input的样式调整(hbuilderx 3.7.3)

一,js代码: <template> <view> <input class="inputText" style="width:700rpx;height:76rpx;" v-model="mobile" placeholder="请输入手机号" ></input> <view style="dis ......
样式 hbuilderx uni-app input uni

IDEA进入一个类的源码

进入一个类的源码 按住Ctrl后单击类名即可进入类的源码 单击Structure即可看到类里的方法 ......
源码 IDEA

vue2源码-五、将模板编译解析成AST语法树2

生成render函数 前言 上篇,生成ast语法树,而这篇使用ast语法树生成render函数。 export function compileToFunction(template) { // 1,将模板编译称为 AST 语法树 let ast = parserHTML(template); // ......
语法 源码 模板 vue2 vue

Vue3中(vite.config.js)配置打包的时候去除console.log

参考:https://www.cnblogs.com/lovewhatIlove/p/16476165.html 安装terser npm add -D terser vite中配置 import { defineConfig } from "vite"; import vue from "@vit ......
console 时候 config Vue3 vite

Vue3中使用mitt事件总线

在utils下封装mitt.js import mitt from 'mitt' export default mitt() // mitt基本使用:https://juejin.cn/post/6973106775755063333 组件中引入mitt并使用 import mitt from '@ ......
总线 事件 Vue3 mitt Vue

3.Vue3.0 有什么更新

1.监测机制的改变 3.0 将带来基于代理 Proxy 的 observer 实现,提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制。 2.只能监测属性,不能监测对象 检测属性的添加和删除; 检测数组索引和长度的变更; 支持 ......
Vue3 Vue