样式 组件scoped vue

Zookeeper分布式服务协调组件

Zookeeper分布式服务协调组件 1.简介 Zookeeper是一个分布式服务协调组件,是Hadoop、Hbase、Kafka重要的依赖组件,为分布式应用提供一致性服务的组件。 Zookeeper是Hadoop、HBase、Kafka的重要依赖组件。 Zookeeper主要包含文件系统以及通知机 ......
分布式 组件 Zookeeper

浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析

Chrome支持以下几种进程模型:Process-per-site-instance Process-per-site Process-per-tab Single Process。Browser只有一个,主控整个系统的运行,管理Chrome大部分的日常事务;而Renderer则可以有多个,主要负责... ......
前端 线程 层面 组件 模型

Vue——patch.ts【十四】

前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们扩展下 Vue 的 patch。 内容 这一块主要围绕 vue 中的__patch__进行剖析。 __patch__ Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/in ......
patch Vue ts

Vue开发规范

############################### 单文件组件内容: <!--componentA.vue--> <script>/*...*/</script> <template>...</template> <style>/*...*/</style> 组件相关: 尽可能的减少wa ......
Vue

post-css/less/sass样式嵌套与命令之"&"符号—BEM

button {&-ok {}}, button { &:after {}} 这一类用法是非常熟悉的。p, a, ul, li { & + & {border-top: 0;}} 这一类组合就可以吓死人咯。&符号还可以改变 css类的输出顺序。如 button{a&{}} ......
quot 样式 符号 post-css 命令

Vue Router 学习整理

Vue Router 是Vue.js的官方路由。它与Vue.js 核心深度集成,让用Vue.js构建单页应用变得轻而易举。功能包括: 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由Vue.js的过度系统提供的过渡效果 细致的导航控制 自动激活CSS类的链接 H ......
Router Vue

.NET 通过组件CLSID执行系统命令

.NET通过Type.GetTypeFromCLSID获取组件的 CLSID,CLSID 是一个唯一标识符,用于标识 组件,如果遇到某些拦截的场景,可以使用GetTypeFromCLSID替代GetTypeFromProgID,这样做的好处传递的组件的方式从名称转成唯一标识符,例如ShellBrow ......
组件 命令 系统 CLSID NET

VUE-Antd开发,validate规则校验第一次为空,后面无论怎么输入都显示不可为空

问题描述 场景是修改弹窗,给数据赋值,其中数据有String 和 Array 第一次操作 多选框(数据类型是Array)输入为空并在输入框外点击,显示不可为空。 之后无论怎么输入都显示不可为空。(当你控制台输出校验value时,会发现里面的值永远是第一次操作的数据,而非为空) 可能原因 1️⃣rul ......
VUE-Antd validate 规则 第一次 Antd

ant-design-vue日历面板 a-calendar 属性自定义设置

通过自定义属性设置,实现一个周末与工作日的不同颜色设置 效果图: 使用的属性: 自定义头部设置 headerRender 自定义日期显示 dateFullCellRender 代码: <template> <div class="box"> <h3>1.自定义头部; 2.自定义日期显示,工作日显示, ......

将Vue项目部署到Tomcat服务器上(简单、粗暴)

1. 将项目打包 Vue中自带webpack,可以通过一行命令将项目打包 # 执行该命令打包 npm run build 2. 上传相应文件到服务器上 打包完成后,项目中会多出一个dist文件夹, 这个文件夹中就包含html、css、js等文件 直接将dist文件夹上传到Tomcat的ROOT目录下 ......
服务器 项目 Tomcat Vue

Vue常用指令

常用指令 指令:HTML标签上带有V-前缀的特殊属性,不同指令具有不同含义。 常用指令 | 指令 | 作用 | | | | | v-bind | 为HTML标签绑定属性值,如设置href , css样式等 | | v-model | 在表单元素上创建双向数据绑定 | | v-on | 为HTML标签 ......
指令 常用 Vue

html页面里面的button标签使用@click属性时,无法定位到Vue的method里面

问题解决 就很离谱,都是按照网上的教程来的,一直无法定位,之后跟着加上了div标签,加上了id属性,方法还是灰白色,调用不了; 后来直接将el属性名称更改掉了,没想到这样就成功识别到了,反正就是逻辑没有出问题,最后也达到期望值了。 ......
属性 页面 标签 button method

vue-router 设置active路由颜色

声明:以下是vue3设置方式,vue2一样 第一步 createRouter({ // router-line-active 可以自定义别的名字,随便 linkActiveClass: 'router-line-active', history: createWebHistory(), routes ......
路由 vue-router 颜色 router active

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

这篇如果 Vue 和 CesiumJS 不发生史诗级的变动,应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化,并升级开发服务器的版本。 心急的朋友拉到文末,有示例工程链 ......
CesiumJS 教程 Vue3 2023 Vue

小程序自定义组件 - 插槽slot

和 vue 的 slot 几乎是一模一样的. 这个学小程序就相当于复习了一把 vue, 还是很值的. 我们之前说组件是页面的一部分, 目的是为了代码复用, 作为组件封装者, 有时候需要设计一些让用户能自定义输入的内容, 即通过预留一些 "占位符" 空间给到用户, 那实现这种占位的设计就叫做 slot ......
组件 程序 slot

vscode 开发 vue3项目 , src 别名 为 @ ,报错

https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射,可 ......
别名 项目 vscode vue3 src

小程序自定义组件 - 数据方法与属性

这块在组件中的定义和使用, 同 vue 是大致相同的. 在小程序组件中定义在 .js 的 Component ( ) 中即可. data 和 methods 小程序中, 组件数据要定义在 data 中, 而事件处理函数和自定义方法都定义在 methods 中. 以一个页面点击 + 1 的例子作为演示 ......
组件 属性 程序 方法 数据

Vue3 如何查看挂载在 vue 上的 全局组件

使用app.component 查看 [1]你可以通过全局 API app.component 注册全局组件并查看。在 Vue 3 中,你可以通过以下方式来查看挂载在 app 上的全局组件: const app = createApp({}); // 全局注册组件 app.component('my ......
全局 组件 Vue3 Vue vue

小程序自定义组件 - 创建与引用

简单理解组件即 "页面的一部分". 组件化开发也更多是为了代码复用, 方便管理和提高开发效率. 前端的组件化开发我想大抵也是借鉴后端开发思想吧. 从前端的实现来看, 以 vue 为例即通过扩展自定义 HTML 标签的的形式, 让其局部拥有"单文件"的功能 (包括了模板, 样式, 逻辑). 然后组件之 ......
组件 程序

vue2源码-一、rollup环境配置

npm init -y创建初始化package.json并修改script为"dev": "rollup -cw " 安装rollup及其插件: npm install rollup rollup-plugin-babel @babel/core @babel/preset-env --save-d ......
源码 环境 rollup vue2 vue

记录-VueJs中如何使用Teleport组件

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 了解排序算法的优缺点和适用场景是非常重要的,因为在实际开发中,需要根据实际情况选择最合适的排序算法。不同的排序算法适用于不同的场景,有的算法适用于小规模的数据集,有的算法适用于大规模的数据集,有的算法适用于稳定排序,有的算法适用于不稳定排 ......
组件 Teleport VueJs

第二周vue学习

单文件组件: 框架: 如果我们的组件为一个,通常采用默认暴露:export default school(名字) 上图中,name:“school”;组件名通常与xxx.vue名相同(name省略也可以运行,组件名则会被随便取) app.vue:汇总全部组件 main.js:创建vue实例,并且指明 ......
vue

在Vue中使用键盘事件,回调函数被执行两次

暂时先不考虑v-for的key,查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项:</span> <input type="text" placeholder="请输入..." v-model="text" ......
函数 键盘 事件 Vue

npm err! command sh -c vue-cli-service serve

代码中给到的node_modules没法直接使用 从新install rm -rf node_modules npm install https://www.jianshu.com/p/9bc970082020 ......
vue-cli-service command service serve npm

vue-router传参问题

// 字符串路径 router.push('/users/eduardo') // 带有路径的对象 router.push({ path: '/users/eduardo' }) // 命名的路由,并加上参数,让路由建立 url router.push({ name: 'user', params: ......
vue-router router 问题 vue

vue中使用web-editor-markdown在线编辑浏览markdown

web-editor-markdown是Web浏览器中的Markdown编辑器,用于实时渲染,如.它基于 TypeScript 和 JavaScript,不依赖于任何第三方框架。它支持中文友好,可以轻松扩展并连接到原生JavaScript,Vue,React,Angular和其他应用程序。它提供四种 ......
markdown web-editor-markdown editor vue web

vue学习记录

前端运行环境搭建 node安装 注意自己需要的node版本即可 npm配置 npm默认安装的路径在C盘,如果介意可以修改配置 npm config set prefix "X:\XXX\node_global" npm config set cache "X:\XXX\node_cache" 墙的原 ......
vue

OpenTiny 的这些特色组件,很实用,但你应该没见过

业界组件库有的组件,OpenTiny 也都有,业界组件库没有的组件,OpenTiny 也有。本文将给大家介绍 OpenTiny 的一些特色组件。 ......
组件 OpenTiny 特色

vue中 ref、$refs、$emit、$on、$bus、$off 详解和使用

1.ref 和 $refs ref 被用来给元素或子组件注册引用信息, 引用信息将会注册在父组件的 $refs 对象上,如果是在普通的DOM元素上使用,引用指向的就是DOM元素,如果是在子组件上,引用就指向组件的实例。 $refs 是一个对象,持有已注册过 ref 的所有的子组件。 ref用法: r ......
emit refs vue ref bus

vue导入处理Excel表格详解

https://blog.csdn.net/m0_46309087/article/details/125022676 目录1. 前言2.vue导入Excel表格2.1 使用ElementUI中的upload组件2.2 使用input文件上传3. 总体代码与效果4. 总结1. 前言 最近遇到前端导入 ......
表格 Excel vue