uni-popup-dialog组件uni键盘
记录-VueJs中如何使用Teleport组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 了解排序算法的优缺点和适用场景是非常重要的，因为在实际开发中，需要根据实际情况选择最合适的排序算法。不同的排序算法适用于不同的场景，有的算法适用于小规模的数据集，有的算法适用于大规模的数据集，有的算法适用于稳定排序，有的算法适用于不稳定排 ......
在Vue中使用键盘事件，回调函数被执行两次
暂时先不考虑v-for的key，查看下面的代码 <template> <div> <form @submit.prevent="addTask"> <span>请输入待办事项：</span> <input type="text" placeholder="请输入..." v-model="text" ......
OpenTiny 的这些特色组件，很实用，但你应该没见过
业界组件库有的组件，OpenTiny 也都有，业界组件库没有的组件，OpenTiny 也有。本文将给大家介绍 OpenTiny 的一些特色组件。 ......
自动旋转ROS小车（rviz+urdf+xacro）（附加python操作键盘控制小车运动）
自动旋转ROS小车（rviz+urdf+xacro）（附加python操作键盘控制小车运动） 成果图 STEP1 创建工作空间 mkdir -p car_ws/src cd car_ws catkin_make STEP2 在vscode中准备需要的文件夹 右键src，点击Create Catkin ......
uni-app去掉导航栏
在package.json中添加这句 "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigation ......
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 ......
五键键盘 华为OD机试 五键键盘
本期题目：五键键盘 题目 有一个特殊的五键键盘 上面有A、Ctrl-C、Ctrl-X、Ctrl-V、Ctrl-A A键在屏幕上输出一个字母A Ctrl-C将当前所选的字母复制到剪贴板 Ctrl-X将当前选择的字母复制到剪贴板并清空所选择的字母 Ctrl-V将当前剪贴板的字母输出到屏幕 Ctrl-A选 ......
RK键盘说明书
图片说明 多媒体快捷键 Win系统Mac系统 Win系统Mac系统 FN+F1 我的电脑 屏幕亮度+ FN+F7 播放/暂停 上一首 FN+F2 浏览器 屏幕亮度- FN+F8 停止 播放/暂停 FN+F3 邮件 多任务切换 FN+F9 音量+ 下一首 FN+F4 播放 所有任务 FN+F10 音量 ......
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上。下面几点是我们 ......
uni-app:nvue:配置底部安全区域(hbuilderx 3.7.3)
一，文档地址: https://uniapp.dcloud.net.cn/collocation/manifest-app.html#full-manifest 如图: 说明：offset:底部安全区域偏移， "none"表示不空出安全区域， "auto"自动计算空出安全区域 二，编辑配置文件: m ......
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 ......
uni-app:nvue:居左/居右/居中对齐(hbuilderx 3.7.3)
一，代码: 居中: <view style="position: fixed;bottom:0;width:750rpx;height: 60rpx; display: flex;flex-direction: row;justify-content:center;"> <span>{{appNam ......
半天时间写完一个案例，循序渐进的掌握uni-app，使用uni-app完成一个简单项目——新闻列表
一、创建项目 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。 uni-app在手，做啥都不愁。即使不跨端，uni-ap ......
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 ......
小程序原生 转 uni-app
1. 下载miniprogram-to-uniapp npm install miniprogram-to-uniapp -g 2. 项目下打开终端 wtu -i "你的小程序项目路径" 如：wtu -i "G:wx_project" 回车后: 在项目根目录出现一个后缀为_uni的目录 -- 就是转 ......
封装表单组件，如果通过计算属性来解决打破单项数据流问题
平常当我们封装表单组件时候，子组件修改了内容，会通过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 ......