组件uniapp select
drf——序列化组件的基本使用
一、准备工作 首先需要一张数据库表（以Book表为例） 在models内书写： class Book(models.Model): name = models.CharField(max_length=32) price = models.BigIntegerField() url： path('b ......
去掉uniapp程序中顶部返回按钮
去掉uniapp程序中顶部返回按钮 1.javascript "autoBackButton": false 在小程序下生效，H5不生效 { "path": "pages/donation/list", "style": { "navigationBarTitleText": "公益捐款", "ap ......
Istio从入门到精通—— Istio 的主要组件
Istio 的主要组件 Istio 主要由控制面组件和数据面组件组成。Istio 1.20.0(https://github.com/istio/istio/releases/download/1.20.0/istio-1.20.0-linux-arm64.tar.gz) 默认安装的组件如下： ......
MySQL Select 语句执行顺序
一条 SQL 查询语句结构如下： SELECT DISTINCT <select_list> FROM <left_table> <join_type> JOIN <right_table> ON <join_condition> WHERE <where_condition> GROUP BY < ......
uniapp的tap和click事件获取原始dom元素
uniapp支持tap和click事件 必须在template模板中绑定 tap事件会把event对象的target原生dom对象去除，替换为组件(未发现)，文档上支持冒泡，还需测试 要获取原始dom元素 可在mounted周期自行addEventListener，方可读取 ......
uniapp vue可以通过mixins混入代码，可以通过下面方法混入template
vue全局混入template方法：在根目录vue.config.js（没有就新增）里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
（uniapp）小程序实现自定义弹框，自定义样式showmodal
在components里新建自定义弹框组件——modal.vue <template> <!-- 自定义弹窗 --> <view class="_showModal" v-show="show"> <view class="_shade"></view> <view class="_modalBox ......
vue2+element+vue-quill-editor实现富文本框组件（使用链接引入视频+上传本地视频+上传本地图片）
参考文档：https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述，npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue： <template> <div class=""> <!-- 富文本框 --> <qui ......
14、Flutter Card组件
Card是卡片组件块，内容可以由大多数类型的Widget构成，Card具有圆角和阴影，这让它看起来有立 体感。 Card实现一个通讯录的卡片 class MyApp2 extends StatelessWidget { const MyApp2({super.key}); @override Wid ......
UNIAPP 钉钉微应用调试 PC端移动端调试钉钉微应用H5
https://open.dingtalk.com/document/resourcedownload/micro-application-four-terminal-debugging-tool-web-edition 流程可以参考钉钉文档 https://open-dev.dingtalk.co ......
uniapp使用uni-grid时出现BUG第二次进入少一列
在使用uniapp的uni-grid组件时，出现了一个bug，第一次进入页面是是显示正常的，第二次进入就会发送少一列的情况 第一次进入时显示 第二次进入时显示 在网上找了半天没啥解决办法，最后是在dcloud社区中找到解决方法： 1.把最外层的view固定宽度 2.去掉边框 因为我这边是需要进行对不 ......
简单的低开编辑器(一):实现组件渲染
好家伙, 项目目录如下: 该项目使用Vue3, Element-plus 效果图如下: 开搞: 1.写出简单界面 App.vue <template> <div class="app"> <Editor v-model="state"></Editor> </div> </template> <sc ......
在Vue3中使用Element-Plus分页（Pagination ）组件
在Vue3中使用Element-Plus分页（Pagination ）组件 开发过程中数据展示会经常使用到，同时分页功能也会添加到页面中。 记：在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。 开始实现 引入表格和分页组件的H5标签。 <strong>Element-Plus ......
React学习二：表单受控绑定、获取Dom、组件通信、useEffect、自定义Hook
一、受控表单绑定 概念：使用react组件的状态（useState）控制表单的状态。双向绑定，数据变化视图也变，视图变数据也变。 import { useState } from 'react' function App() { const [content, setContent] = useSt ......
mysql语句小提示之select * 和select 变量 ----------之间的区别
select * from 表名 得到的结果是该表中某一行符合要求的数据 select 某一变量 from 表明 得到的是该表中的某一变量 总结来说 ，前者得到的是一整个json数据元素，而后者得到的是该表中的某个变量（不是一整个json数据） 外层的select语句得到的结果是stu表中符合要求的 ......
Android Material组件库(日期选择和时间选择器)基本使用
原文:Android Material组件库(日期选择和时间选择器)基本使用 - Stars-One的杂货小窝 简单的封装下Material组件里的日期选择器和时间选择器的使用方法 效果 代码 需要添加Material组件库的依赖(不过后面新版本Android Studio创建的新项目都会有此依赖了 ......
WPF----日志输出组件
输出日志需要另外下载日志专用的包比如使用 Serilog 将日志输出到文件需要下载以下几个包 Serilog Splat.Serilog Serilog.Sinks.File Serilog 记录日志 - 雨水的命运 - 博客园 (cnblogs.com) 官网：https://serilog.ne ......
Form表单组件封装和使用
表单Form是中后台频繁使用的组件，以下是一个基于arco design vue组件库封装的表单组件。 这个表单组件特点： 所有配置都是直接继承组件库组件的props，无需其他文档 可配置展开折叠 支持响应式布局 表单项支持动态隐藏 插槽支持，自定义扩展 组件库的良好支持，封装代码简洁优雅 plac ......
uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示
uniapp脚手架中vue3项目配置@,并且在vscode中有提示 在vite.config.js中配置一下代码 import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni"; import { re ......
log4j三大组件(入门级)
@目录🥪log4j简介🌭Logger🍔Appenders🍕 Layouts🍟 Layouts的输出格式🧀按时间拆分( DailyRollingFileAppender)🍧 按大小拆分(RollingFileAppender) 🥪log4j简介 Log4j有三个主要的组件：Logger ......
select/poll/epoll 优缺点比较
校招应届生简历中，有一个 C++ 项目出现的频率非常高... select 🙁 1024 fd 限制（可修改，麻烦） 🙁 需要遍历才知道哪些 fd ready 🙁 副作用：修改传入 fd_set，每次需要重新赋值 poll 🙂 解决了 select 的 fd 1024 限制 🙁 依然需要遍 ......
SQL 查询优化指南：SELECT、SELECT DISTINCT、WHERE 和 ORDER BY 详解
SELECT 关键字 SQL的SELECT语句用于从数据库中选择数据。SELECT语句的基本语法如下： SELECT column1, column2, ... FROM table_name; 其中，column1, column2,等是您要从表中选择的字段名称，而table_name是您要选择数 ......
javascript 自定义分页组件
仿boostrap 前端分页组件的实现 一 写一个前端自定义分页组件，需要考虑以下问题 /* 需要一个<ul id="pagination"></ul>标签 total; // 总数据的数量 pageSize; // 一页显示数量 pageIndex; // 当前页 */ 二 实现细节 编写html ......
Vue 该如何实现组件缓存?
在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来，那么自然会存在组件之前切换的问题，vue 中有个动态组件的概念，它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化，切换组件时，动态组件在切换的过程中，组件的实例都是重新创建的，而我们需要保留组件的状 ......
Vue-keep-alive 缓存组件 & 动态组件
动态组件： 动态组件：即组件是否展示需要根据条件判断，该组件即为动态组件 作用：多用于 tap 切换时某个板块展示对应组件内的内容 功能点：点击一级 tap 时，展示一级 tap 对应板块内容（一级组件）；点击二级 tap 时，展示二级tap对应的板块内容（二级组件） 示例图： 创建组件; 最外层包 ......
vue-echarts图表组件
封装代码： <!-- * @Descripttion：图表组件--> <template> <div class='YxkEcharts'> <VEcharts :params="echartsObj"></VEcharts> </div> </template> <script> // 图表 co ......
Vue-打印组件
组件代码： <el-button v-print="{id: 'print-content'}" icon="el-icon-printer">打印</el-button> // 插件 vue-print-nb 示例： ......
Vue-表格组件封装
封装代码： <!-- * @Descripttion：表格组件--> <template> <div class='YxkTable'> <el-table :data="data" v-bind="tableBind" v-on="this.$listeners"> <ELTableColumn ......
Vue-搜索组件封装
组件代码： <!-- * @Descripttion：搜索组件--> <template> <div class='YxkSearch'> <el-form :model="form" :ref="$attrs.formRef" v-bind="$attrs"> <!-- 搜索项 --> <temp ......
Vue-Drag 拖拽组件
组件代码： <!-- 拖拽组件，使用说明见 README.md，--> <template> <div class='YxkDrag'> <VDraggable v-bind="dragBind(dragObj)" @start="dragStart" @end="dragEnd" v-on="th ......