51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

jquery modal 封装 jquery封装插件的方法
　　俗话说的好：温故而知新，可以为师矣！　　学习是一个人一辈子的事情。于是乎趁着今天休息，回顾了一些知识点，可能做的不够完美，请多多指教。/** * Created by Administrator on 2017/5/6. *//** * 格式化日期 * @param dt 日期对象 * @returns {string} 返回值是格式化的字符串日期 */ function getD
jquery modal 封装
json
父级元素
Math
转载
技术领航探索者
2024-07-31 19:24:53
56阅读

vue3【组件封装】确认对话框 Modal
src/components/Modal.vue<template> <transition name="fade"> <div class="fixed w-full h-full z-100 top-0 left-0 bg-black bg-opaci
vue3
组件封装
ci
原创
朝阳39
11月前
182阅读

VieW Design modal封装组件 为什么只能打开一次
通用组件必须具备高性能、低耦合的特性一、数据从父组件传入为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。父对子传参，就需要用到 props，通常的 props 是这样的： 但是通用组件的的应用场景比较复杂，对 props 传递的参数应该添加一些验证规则 对于通过 props 传入的参数，不建议对其进行操作，因为会同时修改父组件里面的数据// vue2.5已经针对
数据
Vue
应用场景
转载
mob64ca13fd9f8e
7月前
33阅读

js 组件的常用封装方法【封装组件】★★★★
公共弹窗js写法：Dialog.js
组件
组件封装
封装组件
封装
方法
转载
mb5ff97fc6948e0
2019-12-18 10:48:00
352阅读
2评论

bootstrap jQuery 怎么打开modal组件
随着HTML 5时代的来临,移动开发开始进入了一个新的时代,现在只需要懂得HTML5,配合一定的开发框架,就可以开发出十分漂亮的HTML5的移动应用。在众多的 移动HTML5开发框架中，比较著名的是jQuery Mobile。最近，jQuery Mobile宣布发布了最新的1.1版本，其中的一些新特性必1.0时代有了很大的提升。在本文中，将会就这些新的特性进行介绍，还将讨论在1.2版本中 估计会新
移动开发
javascript
ViewUI
jQuery
jquery
转载
mob64ca13fe1aa6
11月前
15阅读

移动端 Modal 组件开发杂谈
Vant 是有赞开发的一套基于 Vue 2.0 的 Mobile 组件库，在开发的过程中也踩了很多坑，今天我们就来聊一聊开发一个移动端 Modal 组件（在有赞该组件被称为 Popup ）需要注意的一些坑。 在任何一个合格的UI组件库中，Modal 组件应该是必备的组件之一。它一般用于用户处理事物，
移动端
代码实现
垂直居中
水平垂直居中
css
转载
mb5fe55a1c73221
2018-11-15 09:55:00
168阅读
2评论

vue3:modal组件开发
项目环境@vue/cli 4.5.8最终效果需求分析显示/隐藏 点击遮罩层能否关闭 宽度和zIndex自定义 标题栏 -显示标题和关闭按钮 主体 底部 -内置取消和确定功能前置知识​​teleport​​​通过其to属性可以把实例插入到对应的​​body​​中实现过程搭建大体的html模版<template> <teleport to="body"> &
Modal
vue
component
ide
Boo
原创
Fly丶知秋
2023-03-06 03:56:20
325阅读

React 模态框 Modal 组件详解
引言 模态框（Modal）是一种常见的 UI 元素，用于显示重要信息或请求用户输入。在 React 中，实现一个功能完善的模态框组件并不复杂，但也有许多细节需要注意。本文将从基础概念出发，逐步深入到 React 模态框组件的实现，包括常见问题、易错点及如何避免，并提供代码案例解释。 什么是模态框？ 模态框是一种临时性的对话框，它会阻止用户与页面的其他部分交互，直到模态框被关闭。模态框通常用于显示
模态框
App
CSS
原创
尔等氏人
11月前
348阅读

antd design react modal 组件样式 antd常用组件
一、Antd(Ant Design)的使用：引入全部Css样式1.1 antd官网：https://ant.design/docs/react/introduce-cn1.2 React中使用Antd1、在项目根目录安装antd【每个项目都安装一次】： npm install antd --save / yarn add antd / cnpm install antd
css
App
ide
转载
colddawn
2024-04-22 23:08:49
413阅读

Vue组件的封装
vue如何封装一个通用组件​vue如何封装一个全局组件​vue封装公共头部组件
封装
javascript
2d
项目全局
3d
转载
mob604756f44f2a
2020-04-24 14:26:00
693阅读
2评论

组件封装的原则
1.业务与功能脱离2.用户可自定义（不可自定义，不算组件）
js
组件封装原则
自定义
IT
原创
一正_pro°
2021-09-07 14:11:38
599阅读

ios 简单组件封装 如何封装组件库
文章目录一、介绍二、处理组件边界问题二、attrs-listeners三、快速原型开发四、快速原型开发-ElementUI五、组件开发-步骤条组件六、组件开发-表单组件七、Monorepo八、Storybook九、yarn workspaces十、Lerna十一、Vue组件的单元测试十二、Rollup十三、设置环境变量十四、清理十五、基于模板生成组件基本结构十六、发布 一、介绍处理组件的边界情况
ios 简单组件封装
vue.js
数据
ide
Vue
转载
mob64ca13f8eecb
2024-05-30 21:41:32
102阅读

上传组件封装eleemntui 组件封装成npm
以我自己封装的一个npm包为例，用于音频打点切分，展示音频波形图，波形图选区播放等，如下图： 封装过程：1.初始化vue简单模板：vue init webpack-simple audio_wave_plugin cd audio_wave_plugin npm install npm run dev2.创建，目录结构如下：src/myPlugin目录：如果有多个插件的话规范整理src/
上传组件封装eleemntui
Vue
封装
github
转载
风轻云淡的开发
2024-02-26 09:45:23
122阅读

elementui 按钮封装组件 vue封装按钮组件
常见组件封装使用vue create green-ui命令初始化一个vue项目勾选如下选择scss选择eslint风格选择保存时校验选择In package.json保存输入项目名创建项目成功启动项目然后把App.vue修改为如下内容<template> <div id="app"> 定制组件 </div> </template>
elementui 按钮封装组件
ico
f5
ci
转载
mob64ca1407216b
2024-04-21 13:45:24
217阅读

IOS进行dialog组件封装 封装js组件
文章目录一、现在要你完成一个Dialog组件，说说你设计的思路？它应该有什么功能？大体功能二、文档结构三、样式Css文件四、模拟调用场景index.html文件五、dialog弹窗js组件最终效果 一、现在要你完成一个Dialog组件，说说你设计的思路？它应该有什么功能？以前没有尝试过封装组件，其实也没有严格意义的去笼统的学习过封装组件，最近使用layui满频繁的，想要封装一个dialog，尝试
IOS进行dialog组件封装
js
封装
html
jquery
转载
mob64ca13ff9303
2023-08-24 12:54:41
99阅读

swift封装组件 组件封装有哪些原则
什么时候需要封装如果一块内容在项目中出现了两次就要考虑是否应进行封装 一个组件、一个函数、一个css 只要是需要多次使用的都可以考虑封装封装原则封装的组件必须具有高性能，低耦合的特性，封装的组件为子组件，引用封装组件的地方叫父组件为了实现高新能、低耦合应该从这几个方面下手：1.数据从父组件传入（子组件本身尽量不要生产数据，如果需要生成数据，只能在组件内部进行使用，不要传递出去。） props: {
swift封装组件
javascript
前端
开发语言
封装
转载
mob64ca1419e0cc
2024-02-26 16:55:51
60阅读

TypeScript 封装vue组件 vue封装组件方法
1、使用 webpack-simple 模板，没有vue-router的中间件，不需要路由时推荐使用，同时 webpack-simple 没有格式的检测，新建项目vue init webpack-simple然后再 npm install 初始化在新建的项目的src目录下新建一个目录（components）目录下存放自定义组件组件封装好后在组件目录（components）下新建一个index.js
TypeScript 封装vue组件
vue
js
Vue
文件名
转载
mob64ca13f96cda
2024-05-30 22:23:17
114阅读

vue3 封装axios ts vue3 封装a-modal
由于之前搜索其他modal框封装的文章时，发现大多数在使用时需要引入并注册组件，传入参数再写方法。每次引用时都要经过上述操作，觉得太麻烦了。后面通过一些资料摸索出vue3如何利用命令方式（即避免写组件标签）来弹出弹框，写下这篇文章，方便日后自己复习调用及效果先上使用方法及效果代码<template> <div class="container"> &
vue3 封装axios ts
封装
Regular
搜索
转载
mob64ca13fd559d
2024-01-29 02:43:30
313阅读

vue 封装组件使用typescript 编译 vue自己封装的组件
一、前言    之前的博客聊过 vue2.0和react的技术选型；聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。    vue 的ui框架现在是很多的，但是鉴于移动设备的复杂性，兼容性问题突出。像 Mint-UI 等说实话已经很不错了，但是坑也是不少，而且项目中很多功能仅凭这些也实现不了，这需要我们去封装自
数据
List
封装
转载
mob64ca1404baa2
2023-10-30 14:12:30
215阅读

jquery Modal使用 jquery的modal方法
本篇实践一个多层模态窗口，而且是自适应的。点击页面上的一个按钮，弹出第一层自适应模态窗口。在第一层模态窗口内包含一个按钮，点击该按钮弹出第二层模态窗口，弹出的第二层模态窗口会挡住第一层模态窗口，即第二层模态窗口打开的时候，无法关闭第一层模态窗口。具体页面实现部分如下： <head> <meta http-equiv="Content-Type" content="tex
jquery Modal使用
模态窗口
bootstrap
css
转载
flybirdfly
2023-10-15 14:22:11
847阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

基础篇章：关于 React Native 之 Modal 组件的讲解

微信小程序 自定义组件（modal） 引入组件

React15.6.0实现Modal弹层组件

Vue 组件：给Bootstrap Modal增加缩放功能

Vue组件封装的过程

jquery引用封装的组件

封装自己的JS组件

springboot封装组件的步骤

jquery封装的常用函数 jquery封装组件

react axios的封装 react组件封装原则

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯