源码extend vue
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的初次使用,代码并没有什么出彩的地方,却是能正常运行,而且工作了近 ......
eureka源码简单剖析-服务端(启动过程)
服务端涉及以下部分 eureka启动过程,eureka服务接口暴露策略,eureka服务注册,eureka服务续约 双击 shift 搜索 EurekaServerAutoConfiguration 下面先对Marker部分做个了解 从上图中我们可以看到@EnbaleEurekaServer注入了M ......
vue做多选,传递数组类型到后端
1.需求:多选框选择多个类型,把选中的数据传递到后端 当初在做多选框,直接用了element-ui里面的el-check-box属性,在官网里面说,是使用v-modol绑定数值来传递,好嘛,,,传的一直是true!!不是我想要的数据,也是很久没使用vue框架了,做的时候很是怀疑自己,使用value来 ......
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源码-五、将模板编译解析成AST语法树2
生成render函数 前言 上篇,生成ast语法树,而这篇使用ast语法树生成render函数。 export function compileToFunction(template) { // 1,将模板编译称为 AST 语法树 let ast = parserHTML(template); // ......
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 ......
Vue3中使用mitt事件总线
在utils下封装mitt.js import mitt from 'mitt' export default mitt() // mitt基本使用:https://juejin.cn/post/6973106775755063333 组件中引入mitt并使用 import mitt from '@ ......
3.Vue3.0 有什么更新
1.监测机制的改变 3.0 将带来基于代理 Proxy 的 observer 实现,提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制。 2.只能监测属性,不能监测对象 检测属性的添加和删除; 检测数组索引和长度的变更; 支持 ......
vue自定义密码输入框解决浏览器自动填充密码的问题
问题描述 浏览器对于type="password"的输入框会自动填充密码,但有时出于安全或者其他原因,我们不希望浏览器记住并自动填充密码。通过网上查到的一些解决方案,可以总结出以下几种解决方案(主要用edge浏览器进行测试): 通过autocomplete="off"/autocomplete="n ......
Vue3组合API自动引入插件
插件名:unplugin-auto-import url:https://github.com/antfu/unplugin-auto-import 安装 1、下载插件 npm i unplugin-auto-import -D 2、配置vite.config.ts import vue from ......
vue-element-admin 动态菜单改造
vue-element-admin 动态菜单改造 vue-element-admin 是一款优秀后台前端解决方案,它基于 vue 和 element-ui实现。开源后台管理系统解决方案项目 Boot-admin的前端模块就是基于vue-element-admin开发而来。 作为一款纯前端的后台界面解 ......
vue 自定义季度选择器
1、效果 时间格式:2023-Q1 2、封装 quarter-picker.vue <template> <div class="quarter-picker"> <select class="year-select" v-model="year" @change="updateQuarter"> ......
vue 不同版本定义 el-date-picker 日期选择器快捷项
1、效果 2、vue 2 :picker-options <el-date-picker style="width: 350px" v-model="dates" type="daterange" align="right" unlink-panels range-separator="至" sta ......
从零编译 Qt 源码
写在前头 为了保证流程可复现,本文档展示的编译全过程在 Windows 10 提供的沙盒中进行。 Linux 安装 Qt 想必都不会有什么问题,所以本文讲的其实是 Windows 上如何从零编译 Qt 源码。此处的 Qt 源码指的是 Qt 这个第三库本身,所以想找怎么编译自己写的 Qt 项目的可以到 ......
vue3+echart5 遇到的坑 Cannot read properties of undefined (reading 'type')(转)
原文:https://www.cnblogs.com/Bin-x/p/15342949.html 1、错误说明 vue3中,使用data的方式初始化echart图表 export default { data() { return { chart: null, ... } }, mounted() ......
vue3微信公众号商城项目实战系列(5)页面适配手机屏幕
上一篇完成了2个页面之间的跳转,在浏览器中也可以正常浏览和跳转,但这2个页面并没有为适配手机屏幕设计, 如果我们用 chrome 浏览器模拟手机屏幕的大小后再看,结果如下图: (注:用 chrome 模拟手机屏幕只需要在正常情况下按下 F12 键,然后点击 红框2 处的小图标就可以了 ,改变模拟屏幕 ......
vue3.2入门
vue3.2 版本开始可以使用语法糖!对于从2.0过来的人我就直接看3.2的语法了 helloworld.vue <!-- setup语法糖 vue3.0的变量需要return出来才可以在template中使用, 写法冗余 vue3.2 在script标签中添加setup解决问题 组件只需要引入,不 ......
亲测一份PHP在线客服系统源码-thinkphp+workerman开发-网上流传最广的客服源码搭建教程
为了帮一个客户修改自己的客服系统,所以把源码在本地搭建了一下。因为,我本身就是使用golang有开发一款客服系统的,本来不愿意看这种旧版本的PHP客服源码。但是客户那边需求很少,购买我的商务版感觉不合算,所以网上找了这一个客服源码,也是流传最广的一款PHP客服系统。当然这个源码有没有后门漏洞,就需要 ......
vue项目在打包时Some chunks are larger than 500 kBs after minification(一些区块在缩小后大于500 kB)
https://blog.csdn.net/qq_45284938/article/details/129707796 加上适应的配置项 根目录上vite.config.ts 文件 outDir: BUILD_DIR, // 指定打包文件的输出目录 emptyOutDir: true, // 打包时 ......