组件opentiny特色
小程序自定义组件 - 数据方法与属性
这块在组件中的定义和使用, 同 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 ......
小程序自定义组件 - 创建与引用
简单理解组件即 "页面的一部分". 组件化开发也更多是为了代码复用, 方便管理和提高开发效率. 前端的组件化开发我想大抵也是借鉴后端开发思想吧. 从前端的实现来看, 以 vue 为例即通过扩展自定义 HTML 标签的的形式, 让其局部拥有"单文件"的功能 (包括了模板, 样式, 逻辑). 然后组件之 ......
记录-VueJs中如何使用Teleport组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 了解排序算法的优缺点和适用场景是非常重要的，因为在实际开发中，需要根据实际情况选择最合适的排序算法。不同的排序算法适用于不同的场景，有的算法适用于小规模的数据集，有的算法适用于大规模的数据集，有的算法适用于稳定排序，有的算法适用于不稳定排 ......
OpenTiny 的这些特色组件，很实用，但你应该没见过
业界组件库有的组件，OpenTiny 也都有，业界组件库没有的组件，OpenTiny 也有。本文将给大家介绍 OpenTiny 的一些特色组件。 ......
vue3学习第二课：组件和父组件的传递数据给子组件方式props
1，在conponents目录中新建header.vue <template> <div> <h1>这是头部组件</h1> </div> </template> 2，在App.vue中添加 <template> <div> <Header></Header> <Main></Main> <Foote ......
记录-VueJs中如何使用Teleport组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 在DOM结构相对比较复杂,层级嵌套比较深的组件内,需要根据相对应的模块业务处理一些逻辑,该逻辑属于当前组件 但是从整个页面应用的视图上看,它在DOM中应该被渲染在整个vue应用外部的其他地方,不能影响组件的结构 比较常见的应用场景:就是全 ......
uni-app 日历组件的实现
uni-app 日历组件的实现 以下是一个基于 uni-app 的简单日历组件实现代码，包括了日历的基本布局和日期选择功能： <template> <view class="calendar"> <view class="calendar-header"> <view class="calendar ......
uni-app 弹出层组件的实现
uni-app 弹出层组件的实现 以下是一个简单的 uni-app 弹出层组件的实现代码示例，它可以根据传递的属性来控制弹出层的显示和隐藏： <template> <view class="overlay " v-show="visible" @click="close" :class="{ 'ce ......
uniapp小程序/deep/修改全局组件样式不生效问题
1.uniapp小程序/deep/修改全局组件样式不生效问题 2. 用于处理小程序::v-deep 组件样式无效问题 全局把/deep/修改成 ::v-deep 并且在uniapp的全局方法里面加上下面代码 options: { styleIsolation: 'shared' }, 3. /dee ......
支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。
原文链接 https://github.com/501351981/vue-office 功能特色 一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了 简单：只需提供文档的src(网络地址)即可完成文档预览 体验好：选择每个文档的最佳预览方案，保证用户体验和性能都达到最佳状态 ......
FastCFS：FastDir-server、FastStore-server等服务器组件中的【[server-$id]】的多网卡多ip、单网卡不同port的精细配置
如题！ 之所以专门记录在此，是因为，作者官方的相关文档语焉不详、或无法轻易查找的到资料，让无经验的人不知如何配置（注：yuqing莫怪！） 其实，这些配置项，可以通过仔细研读程序启动的日志信息或提示获取到。 当然，如果你有功底，完全可以通过阅读源码获取到。 此处以FastDir-server的相关c ......
使用vue2从零开始搭建自己的组件库（完整版）
前言 在前端开发中，除了常用的UI组件库以外，我们还会涉及到基于公司业务，需要定制化开发一些业务组件，还有随着项目的增多，开发人员的增多，为了提高工作效率，我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库，因为涉及到一些公司的业务，我们只能发布到私服的npm上。下面几点是我们 ......
一个 OpenTiny，Vue2 Vue3 都支持！
TinyVue 是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 ......
Angular 复习与进阶系列 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation)
CSS Global Effect CSS style 是全局影响的. 假设我们有 2 个组件, AppComponent 和 TestComponent app html <div class="container"> <h1>Outside Hello World</h1> <app-test> ......
uni-app 滚动通知组件的实现
uni-app 滚动通知组件的实现 一、实现思路 二、使用scroll-view 组件实现 <template> <view class="notice"> <scroll-view class="notice-scroll" :scroll-y="true" :scroll-with-animat ......
2023.04.06 - vue组件中动态指定监听的值
业务场景：高拍仪给出的视频信息API回调里会不断返回图像数据。因为有主副摄像图像信息，并且两个图像信息会二选一展示在DOM容器里。所以就是二对一的关系。 // 主摄像数据 let priPic:string = ''; // 副摄像数据 let subPic:string = ''; // 展示在容 ......
Angular 复习与进阶系列 – Component 组件 の Pipe
介绍 Pipe 类似于 Template Syntax, 它的用途是 transform value for display. 参考: Docs – Understanding Pipes DatePipe 一个简单的例子, 我有一个 JavaScript 的 Date value, 我要 disp ......
Angular 复习与进阶系列 – Component 组件 の Template Binding Syntax
前言 这篇介绍一些基本的 Angular 模板语法. 参考 Docs – Understanding binding Render, Event Listening and DOM Manipulation Angular 作为一个 MVVM 框架, 有两个任务是一定要处理好的 1. First R ......
封装表单组件，如果通过计算属性来解决打破单项数据流问题
平常当我们封装表单组件时候，子组件修改了内容，会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ，从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v ......
可视化组件g2之分组箱型图、柱形图、散点图简单使用
<!-- 引入 G2 文件 --> <script src="./plugins/g2.v5.min.js"></script> <style> .container { display: flex; } .div { height: 500px; } </style> <!-- 创建图表容器 -- ......
二次封装ui组件，如何做到属性，作用域插槽以及 实例方法的穿透使用
A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template ......
2023.04.06 - 使用mixin动态混入，对vue组件中的数据做兼容经验总结(xp)
业务场景：在一个高拍仪的硬件设备中，厂家给了两套不同的API，分别支持win XP 和 winXP以上版本的系统，而这两套API的实现方式截然不同，一套使用的是http通信，一套是使用scoket通信，方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显，我除了修改组件里的函数 ......
直播平台软件开发，简单易修改的弹框组件
直播平台软件开发，简单易修改的弹框组件 弹窗组件 适用框架 vue, uniapp 使用再uniapp 框架中可简单修改标签与尺寸单位后使用 px与rpx <!-- vue --><template><div v-show="ishide" @touchmove.stop.prevent><!-- ......
SpringBoot中如何编写一个优雅的限流组件？
很早以前，我曾写过两篇介绍如何在SpringBoot中使用Guava和Redis实现接口限流的文章。具体包括： 使用Guava实现单机令牌桶限流 使用Redis实现分布式限流 现在，一个问题摆在我们面前：如何将这两种限流机制整合到同一个组件中，以便用户随时切换呢？ 显然，我们需要定义一个通用的限流组 ......
用python的pywinauto组件控制微信Windows版
使用pywinauto组件可以比较容易的操纵微信Windows版进行信息发送和接受 前提如下 1、已经安装有关python组件。 2、微信已经打开和登录，下面的代码不负责登录操作。 3、微信版本3.9.2.23 具体实现有两个类 1、帮助类Helper import datetime class H ......
Springboot 系列 (29) - Springboot+HBase 大数据存储（七）| Springboot 项目通过 Phoenix 组件使用 JDBC 访问 HBase
Phoenix 是 HBase 的开源 SQL 皮肤，通过 Phoenix 可以使用标准 JDBC API 代替 HBase 客户端 API 来创建表，插入数据和查询 HBase 数据。Phoenix 会把 SQL 编译成一系列的 Hbase 的 scan 操作，然后把 scan 结果生成标准的 J ......
handsontable 前端类似excel组件
基于table https://handsontable.com/docs/javascript-data-grid/demo/ 基于canvas canvas-datagrid 基于canvas SpreadJS ......