头部 组件 按钮z-paging
【HarmonyOS】一文教你如何通过内存图片方式使用image组件加载网络图片资源
【关键字】 内存图片方式、image组件、网络图片资源、api6、服务卡片 1、写在前面 之前写过一篇元服务卡片的开发指导，有需求的可以参考以下文章： 【HarmonyOS】低代码开发之FA卡片开发流程 在2.6 初始化卡片部分，我们实现了加载网络资源的图片，但是直接使用image组件加载网络资源 ......
vue3封装一个公共的异步组件函数
在 Vue 3 中，可以使用 defineAsyncComponent 函数来封装一个公共的异步组件函数。下面是一个示例： import { defineAsyncComponent } from 'vue'; export const asyncComponent = (loader, optio ......
VSCode插件：用于生成文件头部注释和函数注释的插件
需求背景 编写完成一个代码源文件，他人想查看这个文件是谁编写的？、什么时候创建的？、最后一个编辑时间？等。 如果文件所有者不写的话，那么不好意思，你无法知道这些信息。 我想在文件快速添加自定义头部信息以及函数注释信息，提供给自己和他人查询方便。当然我们可以一个一个字符敲上去，但是这种效率不高且容易忘 ......
React学习之类组件的this指向问题
免责声明 我们幼儿园有适合自己看的注释拉满版文档，目标是我奶来都能看懂（不是）。 1. 前置知识 类 this指向 call、bind、apply 待展开...欸嘿，我怎么什么都想不己来了 1.1 es6类的简单回顾 class Person { // 构造器 constructor(name, a ......
DevExpress WinForms图表组件 - 直观的数据信息呈现新方式！（一）
凭借界面控件DevExpress WinForms全面的2D和3D图表类型的集合，DevExpress WinForms的图表控件设计大大简化了开发者直观地向最终用户呈现信息的方式。 DevExpress WinForms有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务 ......
win10 uwp 简单制作一个 Path 路径绘制的图标按钮
本文告诉大家在 UWP 或 WinUI 3 里面如何简单制作一个由 Path 几何路径图形绘制的图标按钮 先在资源里面定义按钮的样式，重写 Template 属性，通过在 Template 里面放入 Path 绑定 Data 到内容从而实现让 Path 显示集合路径图形，代码如下 <Style x: ......
【转载】Vue Provide / Inject 详细介绍（跨组件通信、响应式变化、版本变化）
版权声明：本文为CSDN博主「前端不释卷leo」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/qq_41809113/article/details/122071958 一、背景 通常，当我们需要从父组件向子 ......
Vue组件懒加载
在当今快节奏的数字世界中，网站性能对于吸引用户和取得成功至关重要。然而，对于像首页这样的页面，在不影响功能的前提下优化性能就成了一项挑战。 这就是 Vue 组件懒加载的用武之地。通过将非必要元素的加载推迟到可见时进行，开发人员可以增强用户体验，同时确保登陆页面的快速加载。 懒加载是一种优先加载关键内 ......
Python从入门到实战-Scrapy源码2-核心组件
Scrapy 核心组件 本篇文章解决：Scrapy 有哪些核心组件？以及它们主要负责了哪些工作？这些组件为了完成这些功能，内部又是如何实现的？ 爬虫类 上次讲到 Scrapy 运行起来后，执行到最后到了 Crawler 的 crawl 方法，我们来看这个方法： @defer.inlineCallba ......
动态组件、插槽、vue-cli创建项目、vue项目目录结构、vue项目编写规范、es6导入导出语法
动态组件 <component :is="who"></component> component标签的is属性等于组件名字，这里就会显示这个组件 组件切换--笨方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit ......
bus兄弟组件传值
bus兄弟组件传值，注意： 1、监听时机要比发送时机早 2、这两个组件不要按需引入，不然会导致首次收不到传的值 例： 在组件1的mounted里面发送值： this.$bus.$emit('selected', true)在组件2的created里面监听值： this.$bus.$on("selec ......
Ant Design Vue 中的tab组件中，获取不到$ref
问题：在tab的组件中引入了一个组件，在页面渲染时，需要用到子组件bpmnModeler 里面的方法，调用this.$ref.bpm的时候报错了，找不到bpm <a-tab-pane key="3" tab="流程图" > <div class="search"> <a-card> <a-row s ......
el-select组件
问题描述： 最近在开发过程中，遇到el-select展开下拉框显示数据时，最后一行的数据显示不全的问题。 原因： 在全局的样式中，使用了el-scrollbar，为了防止出现横向滚动条，增加了over-flow-x属性 .el-scrollbar__wrap { overflow-x: hidden ......
Vue动态组件、插槽、vue项目
一、动态组件 1、动态组件 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < ......
[FAQ] Sortable 拖拽组件, 火狐浏览器中打开新窗口问题
Q：用了 sortable 组件，在火狐浏览器中进行拖拽时，会打开新窗口 ？ Sortable组件地址，https://github.com/SortableJS/Sortable 当前处理方式 阻止火狐浏览器中打开新窗口。 产生原因 Chatgpt ： Other article, https:/ ......
动态组件
动态组件 component标签的is属性等于组件名字，这里就会显示这个组件 组件切换方法一： <body> <div id="app"> <button @click="who='home'">首页</button> <button @click="who='shopping'">购物界面</bu ......
vue项目-封装树形控件公用组件
vue项目中，如h5端，第三方的树形选择器无法满足项目开发时，原生封装tree控件，通过判断是否存在子节点，循环递归组件完成树形封装，通过vue指令实现跨级传递数据或方法 封装树形组件如下： 1 <template> 2 <div class="tree-select-page"> 3 <div c ......
企业微信内置应用的h5页面，内部按钮关闭页面
以下内容非原创，遇到这个问题，查到这位大佬的做法，所以记录下来，以便于之后自己查阅。 原文链接：https://blog.csdn.net/qq_22182989/article/details/125674826 遇到的问题： 在做vue项目时，需求是要在微信环境内。 微信h5页面要求前端控制退出 ......
界面控件DevExpress WPF Sunburst组件，开启可视化分层扁平数据新方式！
DevExpress WPF的Sunburst组件可轻松灵活地创建交互式径向树图，用于分析和表示目的，以紧凑和精致的方式可视化分层和扁平数据。 P.S：DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着 ......
vue-动态组件、插槽
动态组件 方法一：笨方法-切换组件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body ......
动态组件，插槽， vue-cli创建项目，vue项目目录结构，vue项目编写规范，es6导入导出语法
1 动态组件💛 # <component :is="who"></component> # component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title ......
vue_vueRouter同组件跳转失败
目录场景再现资料查询解决 场景再现 现有一个Article页面, 通过/article/:id来匹配不同的文章页面, 当我需要实现跳转到上一篇或下一篇时, 即从/article/:id跳转另一个/article/:id时, 发现浏览器中只有地址变化了, 但是页面的很多组件, 包括文章内容都没有刷新, ......
Vue之与后端交互的三种方式、显示小电影案例、计算属性、监听属性、Vue生命周期、组件介绍和使用、组件间通信、ref属性
与后端交互的三种方式 后端写了一堆接口 前段会了 前后端要打通 》从前端发送 ajax 》核心：用js发送http请求，接收返回 原生js，可以开启可以开启ajax，但是原生js开启，比较麻烦，需要做浏览器兼容，有坑(基本不写) jq，写了个兼容所有浏览器的 $.ajax()，不仅仅有ajax，还封 ......
vue-组件
1.组件的介绍和使用 组件中是可以套组件的 组件就是：扩展 HTML元素，封装可重用的代码，目的就是复用 例如： 有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html组件把js，css，html放到一起，有逻辑，有样式，有html 组件的分类： - 全局组件：可以放在根中，可以在所有 ......
uniapp项目实践总结(十八)自定义多列瀑布流组件
导语：有时候展示图片等内容，会遇到图片高度不一致的情况，这时候就不能使用等高双列或多列展示了，这时候会用到瀑布流的页面布局，下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件； 按照 ......
打包vue组件包并上传到npm
在自己的项目中新建一个index.js做打包组件的配置 1 import 组件的名字 from "组件的地址"; 2 const comArr = [组件的名字]; 3 export default { 4 install(Vue) { // install是vue中的方法，此方法要在export ......
【微信小程序】【Demo】Picker模糊查询组件
微信小程序Picker模糊查询组件 pickerSelect.js Component({ options: { // 在组件定义时的选项中启用多slot支持 multipleSlots: true }, /** * 组件的属性列表 */ properties: { // 父组件传递过来的数据列表 ......
Vue之后端交互、计算、监听、组件间通信
一、与后端交互三种方式 1、 2、 3、 4、小电影案例 html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdeli ......
vue3 组件
学习随笔（Vue3 组件） 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......