vue源码 周期 生命

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

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

vue自定义密码输入框解决浏览器自动填充密码的问题

问题描述 浏览器对于type="password"的输入框会自动填充密码,但有时出于安全或者其他原因,我们不希望浏览器记住并自动填充密码。通过网上查到的一些解决方案,可以总结出以下几种解决方案(主要用edge浏览器进行测试): 通过autocomplete="off"/autocomplete="n ......
密码 浏览器 问题 vue

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 ......
插件 Vue3 Vue API

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

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 ......
el-date-picker 日期 版本 picker date

从零编译 Qt 源码

写在前头 为了保证流程可复现,本文档展示的编译全过程在 Windows 10 提供的沙盒中进行。 Linux 安装 Qt 想必都不会有什么问题,所以本文讲的其实是 Windows 上如何从零编译 Qt 源码。此处的 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() ......
properties undefined echart5 reading echart

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解决问题 组件只需要引入,不 ......
vue3 vue

亲测一份PHP在线客服系统源码-thinkphp+workerman开发-网上流传最广的客服源码搭建教程

为了帮一个客户修改自己的客服系统,所以把源码在本地搭建了一下。因为,我本身就是使用golang有开发一款客服系统的,本来不愿意看这种旧版本的PHP客服源码。但是客户那边需求很少,购买我的商务版感觉不合算,所以网上找了这一个客服源码,也是流传最广的一款PHP客服系统。当然这个源码有没有后门漏洞,就需要 ......
源码 workerman thinkphp 教程 系统

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, // 打包时 ......
区块 minification 500 项目 chunks

(二)vue组件化基础跟脚手架vue-cli/vite

vue组件化开发思想 组件化的思想: 将一个页面的所有的处理逻辑放到一起,处理起来就会非常复杂,而且不利于后续的管理以及扩展; 如果,将一个页面拆分为一个个小功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了; 就像搭积木一样来搭建我们的项目; 用组件化思想 ......
脚手架 组件 vue vue-cli 基础

【Spring Cloud】Ribbon工作原理源码剖析

Ribbon调用流程 Ribbon工作原理 为什么@LoadBalanced注解能赋予RestTemplate负载均衡的能力? Ribbon组件在启动时,会自动加载RibbonAutoConfiguration这个配置类,如下图 RibbonAutoConfiguration加载于EurekaCli ......
源码 原理 Spring Ribbon Cloud

vue3 父子组件共享响应式对象

父组件 <template lang=""> <div> <div class="greetings">按钮值:{{ num }}</div> <div> <button @click="num++">按钮</button> </div> <div> i am parent</div> <butto ......
父子 组件 对象 vue3 vue

论Vue和React的不同之处

论Vue和React的不同之处 Vue 和 React 都是用于构建 UI 界面的流行框架。 它们的哲学也有很多相似的地方,我们可以认为这些特性是流行前端框架的一个趋势。它们是: 组件化。将结构、样式、脚本进行耦合,让界面一部分区域能够独立出来,并可以提供复用; 声明式。摒弃了 JQuery 那种手 ......
React Vue

Vue3 防止子组件触发父组件 点击事件

需求:我在写一个todocard,当我点击checkbox时候,父组件也会触发。 我需要在点击子组件checkbox的时候,父组件不触发。 解决方案: 在子组件上加 @click.stop ......
组件 事件 Vue3 Vue

解决vue项目访问地址自动添加#号问题

新建一个vue项目,访问地址url后自动添加#号,很不美观。 在项目路由文件index.js文件中,将路由模式修改为history,代码如下: export default new Router({ mode: 'history', routes: [ { path: '/', name: 'Hel ......
地址 项目 问题 vue

typescript vue3 VueDraggable 报错 Uncaught TypeError: Cannot read properties of null (reading 'element')

Uncaught TypeError: Cannot read properties of null (reading 'element') nnot read properties of null (reading 'index') 错误写法 就是说子组件需要用div包着,你用其他东西,他无法添加 ......

Go For Web:Golang http 包详解(源码剖析)

前言: 本文作为解决如何通过 Golang 来编写 Web 应用这个问题的前瞻,对 Golang 中的 Web 基础部分进行一个简单的介绍。目前 Go 拥有成熟的 Http 处理包,所以我们去编写一个做任何事情的动态 Web 程序应该是很轻松的,接下来我们就去学习了解一些关于 Web 的相关基础,了 ......
源码 Golang http For Web

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

将模板编译成ast语法树 complileToFunction方法 vue数据渲染:template模板->ast语法树->render函数,模板编译的最终结果结果就是render函数。 在complileToFunction方法中,生成render函数,需要以下两个核心步骤: 通过parserHT ......
语法 源码 模板 vue2 vue

VUE框架中实现HTML页面(局部)内容转PDF下载

有一朋友想把网页内容变成PDF下载下来。问我有没有好办法。 这还真巧了,咱公司也有这个需求,就是网页生成合同,然后可以直接打印合同内容。最早吧,就是可以直接打印就好了。 当时为解决完美打印的问题,挺费劲的,当时第三方插件还有BUG(当然把解决放给发给作者了,作者早已经修复了),正经反复折腾了好一阵子 ......
局部 框架 页面 内容 HTML

vue3微信公众号商城项目实战系列(4)第一个页面

在开始写第一个页面之前,先简单看下 index.html 、App.vue、main.js、HelloWorld.vue、TheWelcome.vue、WelcomeItem.vue 这几个页面及文件是怎么运作的,然后再新建2个页面,完成从一个页面跳转到另一个页面这个最简单的操作。 index.ht ......
实战 公众 页面 商城 项目