封装组件

vue项目实现添加图片裁剪组件

具体内容如下功能如下图所示：1、安装命令如下npmivue-cropper--save2、调用组件，引入vue-cropperimport{VueCropper}from“vue-cropper”;3、封装组件代码如下
·2022-03-31 12:13

vue+el-menu实现菜单栏无限多层级分类

1.模拟菜单数据，引入封装组件      Header                                            Main       importMenuTreefrom'
·2022-03-28 13:04

Vite打包组件库

动机去年使用vue3+TSX封装组件，结果卡在了打包上，直到最近发现，vite提供了tsx的打包插件。
·2022-03-23 00:15

Jeecgboot-Vue3 v1.0.0 首版本重磅发布，开源低代码平台项目介绍

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
·2022-03-22 10:55

Jeecgboot-Vue3 v1.0.0 版本正式发布，基于代码生成器的企业级低代码平台

项目介绍Jeecgboot-Vue3采用Vue3.0、Vite、Ant-Design-Vue、TypeScript等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
·2022-03-21 16:29

灵活的Vue组件——原来这么简单

本篇学习目标能够理解vue组件概念和作用能够掌握封装组件能力能够使用组件之间通信能够完成todo案例1.vue组件1.0_为什么用组件以前做过一个折叠面板需求:现在想要多个收起展开的部分方案1:复制代码代码重复冗余不利于维护案例用
几何心凉·2022-03-21 15:19

Vue使用Tinymce富文本自定义toolbar按钮的实践

目录安装tinymce、tinymcets、tinymce-vue声明文件封装组件组件使用Vue使用Tinymce富文本编辑器自定义toolbar按钮富文本编辑器有很多，流行的有UEditor,kindeditor
·2022-03-20 17:27

3.认识Angular2组件之1

应用的基础和核心.可以这样说,组件用来包装特定的功能,应用程序的有序运行依赖于组件之间的协同工作.1.组件化标准:W3C为了统一组件化的标准方式,提出了WebComponent的标准.通过标准化的非侵入方式封装组件
徐自勉·2022-03-16 09:39

element ui Pagination 分页二次封装

效果图如下，后续还会为大家更新自定义表格，日历，表单等组件的封装封装组件内容接受父组件传过来的值，给父组件指令触发对应的方法import{Pagination}from"element-ui";exportdefault
qwyio·2022-03-16 09:57

react-transition-group小结

在vue中想要实现动画效果，Vue提供了transition的封装组件。
iiichigo·2022-03-16 09:15

vben:vue3后台管理项目框架

包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈，可以作为项目的启动模版，以帮助你快速搭建企业级中后台产品原型。
浩星·2022-03-14 04:48

React自定义Hook-useForkRef的具体使用

目录开篇思路实现自定义Hook-useForkRef开篇使用过React技术栈的同学相信都使用过ref传递给render中的元素，而在使用React封装组件时，会有这样一个场景：组件将props.children
·2022-03-07 10:27

100 左右实现查询表格？真的假的？一起来体验一下 Amiya 的魅力。

“那个呀，我知道，官方的二次封装组件库，200行就可以了吗？嗯，可以。等等，你说的代码是否包含了操作按钮？”“操作按钮？是指你图上的【新增】【详情】这些按钮吗？”“是啊。”“点了之后长啥样
·2022-03-01 11:53

vue-tree-chart树形组件的实现(含鼠标右击事件)

vue-tree-chart：https://github.com/tower1229/Vue-Tree-Chart大家可以直接安装使用(具体事例可以查看官网)但是个人建议最好是下载整个项目,封装成组件调用基于官网初始代码，封装组件
·2022-02-28 11:04

Vue 组件通信/单向数据流

组件介绍1.全局注册使用:2.局部注册2.组件-scoped作用3.组件通信-父向子-props4.组件通信-子向父5.理解单项数据流1.组件介绍组件概念:可复用的vue实例,封装标签,样式,JS什么时候封装组件
FellAsleep·2022-02-20 14:04

阿里云部署nuxt.js应用(单页应用与服务端渲染)

页面上是我乱加的东西，后续会慢慢完善（可能是模仿某个成熟的项目，也有可能是封装组件）。文章概括部署一个vue-cli脚手架生成的项目，丢到服务器上。预览地址部署
林冲_cb57·2022-02-16 17:44

你知道怎么基于 React 封装一个组件吗

目录antd是如何封装组件的仓库地址divider组件源代码如何暴露组件属性如何设置统一类名前缀如何处理样式与类名divider组件样式源代码总结前言很多小伙伴在第一次尝试封装组件时会和我一样碰到许多问题
·2022-02-16 16:03

vue 使用过程中所遇到的各种问题

一、最近在封装组件的时候遇见的一个问题在父组件上的值如果不通过data中取得时候为什么又是需要：data有时候不用在子组件props中type:[Number,String],加上：代表数字类型number
我爱喝可乐123·2022-02-11 00:28

macOS SwiftUI 封装组件之路径组件实现目录式菜单选择NSPathControl （教程含源码）

实战需求macOSSwiftUI封装组件之路径组件实现目录式菜单选择NSPathControl本文价值与收获看完本文后，您将能够作出下面的界面截屏2021-02-03下午7.09.23.png基础知识NSPathControl
iCloudEnd·2022-02-09 18:38

macOS SwiftUI 封装组件之日期选择器文本模式NSDataPicker (教程含源码)

实战需求macOSSwiftUI封装组件之日期选择器NSDataPicker本文价值与收获看完本文后，您将能够作出下面的界面日期选择器NSDataPicker日期选择器NSDataPicker基础知识日期选择器日期选择器使用户可以选择日期
iCloudEnd·2022-02-05 12:01

TableView之Component

image在这里，我们把每个最小的封装组件叫做一个Component，每个事件的响应动作都叫做一个Action。
Joyous·2022-02-03 09:01

JavaScript笔记之如何写好JavaScript

>Structural;CSS->Presentational;JavaScript->Behavioral应当避免不必要的由JS直接操作样式可以用class来表示状态纯展示类交互应寻求零JS方案组件封装组件是指
·2022-01-17 23:17

Vue-cli——代理服务器&nanoid

一、过渡（1）transition组件Vue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染（使用v-if）条件展示（使用v-show）动态组件组件根节点
我的安娜有点菜·2022-01-11 18:53

(Vue-cli)十、过渡transition&nanoid&代理服务器devServer

1.过渡transitionVue提供了transition的封装组件，将需要有过渡效果的内容用transition组件包裹起来。
Jinxchan·2022-01-09 16:47

Vue封装组件利器之$attrs、$listeners的使用

目录前言$attrs例子：$listeners(官网解释)使用场景总结前言多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。但仅仅是传递数据，不做中间处理，使用vuex处理，未免有些大材小用了。所以就有了$attrs、$listeners两个属性，通常配合inheritAttrs一起使用。$attrs从父组件传给自定义子组件的属性，如果没有prop接收会自动设置到子组件内部的最外层标签上，
·2021-12-30 10:03

vue中transition组件在项目中运用小结

vue中的transtion是一个动画过渡封装组件，常见的情景时用transition标签包裹的DOM含有动画效果。transition组件的动画效果过渡设置基于css的transition属性设置。
·2021-12-29 16:56

Svelte入门——Web Components实现跨框架组件复用（二）

Svelte封装组件跨框架复用，带来的好处也十分明显：1、使用框架开发，更容易维护2、发布后没有框架依赖，其他任何场景都可以使用3、发布的WebComponent体积小这些得天独厚的优势，使得Svelte
·2021-12-19 14:32

vue 3.0 封装 Toast 组件

使用vue3.0封装组件与vue2.x相比有一些区别：创建组件时使用的函数不同在vue2.x中创建一些独立组件，我们一般都是使用Vue.extend+$mount这对组合；而在vue3.0中，我们可以使用
异想天不开_9950·2021-12-15 11:57

【Vue】如何更好的封装组件？几个小技巧助你成为组件封装达人，让我们封装的组件更加优雅易用

目录一、$attrs二、$listeners一、$attrs我们在使用组件的过程中，有时需要给被封装的子组件传递Prop例如：exportdefault{name:"MyInput",data(){return{innerVal:this.value}},watch:{value(){if(this.value!==this.innerVal){this.innerVal=this.value}}
CharmDeer·2021-11-29 22:42

基于React封装组件的实现步骤

目录前言antd是如何封装组件的divider组件源代码如何暴露组件属性如何设置统一类名前缀如何处理样式与类名divider组件样式源代码前言很多小伙伴在第一次尝试封装组件时会和我一样碰到许多问题，比如人家的组件会有
·2021-11-28 11:57

如何基于 React 封装一个组件

如何基于React封装一个组件前言很多小伙伴在第一次尝试封装组件时会和我一样碰到许多问题，比如人家的组件会有color属性，我们在使用组件时传入组件文档中说明的属性值如primary，那么这个组件的字体颜色会变为
孤影的博客·2021-11-27 18:00

前端开发之React框架入门学习

Reactnpmi-Sreactreact-domreact：react是React库的入口点react-dom：提供了针对DOM的方法，比如：把创建的虚拟DOM，渲染到页面上什么是ReactReact框架的开发中心思想就是封装组件
·2021-11-23 10:50

Vue首屏性能优化组件知识点总结

首屏性能优化组件简单实现一个Vue首屏性能优化组件，现代化浏览器提供了很多新接口，在不考虑IE兼容性的情况下，这些接口可以很大程度上减少编写代码的工作量以及做一些性能优化方面的事情，当然为了考虑IE我们也可以在封装组件的时候为其兜底
·2021-11-11 10:51

Vue项目首屏性能优化组件实战指南

首屏性能优化组件简单实现一个Vue首屏性能优化组件，现代化浏览器提供了很多新接口，在不考虑IE兼容性的情况下，这些接口可以很大程度上减少编写代码的工作量以及做一些性能优化方面的事情，当然为了考虑IE我们也可以在封装组件的时候为其兜底
·2021-11-09 13:15

Vue首屏性能优化组件

首屏性能优化组件简单实现一个Vue首屏性能优化组件，现代化浏览器提供了很多新接口，在不考虑IE兼容性的情况下，这些接口可以很大程度上减少编写代码的工作量以及做一些性能优化方面的事情，当然为了考虑IE我们也可以在封装组件的时候为其兜底
WindrunnerMax·2021-11-09 10:00

vue封装组件之上传图片组件

本文实例为大家分享了vue上传图片组件的封装具体代码，供大家参考，具体内容如下未上传状态上传状态其他状态(查看/删除)自定义组件文件名称-这里叫UploadImg.vue//查看图片//如果不是需要直接上传的,而是需要按钮点击再进行图片上传请打开此方法//上面的el-upload标签里on-change换成http-request方法-->//引入上传图片接口import{uploadImg}fr
·2021-10-28 10:49

Vue+Element UI实现下拉菜单的封装

2、组件封装组件的封装用到了CSS动画、定位，以及ElementUI提供的下拉菜单组件el-dropdown，代码如下黄金糕狮子头螺蛳粉-->{{item}}export
·2021-10-17 14:16

Vue项目中封装组件的简单步骤记录

目录前言如何封装一个Toast组件使用案例具体实现总结前言随着业务的发展功能性开发已经无法满足我们对于前端的需求，这一篇主要带大家体验一下如何开发一套属于自己的组件库使用场景：公司内部组件库的开发，个人组件库的开发，与项目解耦，多项目中使用同一组件，只需维护一套组件库如何封装一个Toast组件组件说明：实现提示功能。效果展示：实现的功能：根据某个判断条件或者点击某个按钮，弹出弹框；可配置位置，类型
·2021-10-09 11:37

vue3使用echarts5封装组件,无法显示

1.开发环境vue3+echarts52.电脑系统windows10专业版3.在使用vue3+echarts5开发的过程中,我们根据项目的需要有时候需要封装一些组件,下面我来分享一下如何实现。4.废话不多说,直接上代码://曲线组件import{defineComponent,reactive,onMounted}from"vue";import*asechartsfrom"echarts";ex
·2021-10-08 15:47

vue面包屑组件的封装方法

vue中自己封装面包屑组件，供大家参考，具体内容如下要实现效果前言很多电商类产品都需要实现面包屑导航，用来优化用户体验一、初级面包屑封装组件1.封装基础结构组件Bread.vue首页二级级导航三级导航.
·2021-09-26 14:40

vue3手动封装弹出框组件message的方法

本文实例为大家分享了vue3手动封装弹出框组件message的具体代码，供大家参考，具体内容如下封装组件{{text}}import{onMounted,ref}from'vue'exportdefault
·2021-09-26 12:53

vue中自己封装面包屑组件

vue中自己封装面包屑组件要实现效果前言很多电商类产品都需要实现面包屑导航，用来优化用户体验一.初级面包屑封装组件1.封装基础结构组件Bread.vue首页二级级导航三级导航.xtx-bread{display
run-Ameng·2021-09-16 23:52

.net平台的rabbitmq使用封装demo详解

文章最后，我会把封装组件和demo奉上。什么是rabbitMQRabbitMQ是一个由erla
·2021-09-14 13:37

日更(五十)-react-JsBarcode

瞎扯百度,google搜了一下,发现很多教怎么用的,就是没有封装组件的.实际这个东西,用起来还是很简单的.今天正好封装了个组件.今天算是写react的第三个月了.react还是比较好上手的.JsBarcode
Jlanglang·2021-09-06 13:18

vue.js管理后台table组件封装的方法

目录问题分析为什么封装封装的内容都有哪些封装table组件确认数据格式封装组件封装全局组件table组件封装分页组件封装数据定义封装总结最近开了新的项目，简单说了自己的table封装。
·2021-08-05 15:08

Angular封装WangEditor富文本组件的方法

Angular的强大，封装WangEditor组件非常简单1.使用yarn或者npm安装wangeditoryarnaddwangeditor2.创建一个Angular的组件nggcq-wang-editor3.封装组件逻辑
·2021-07-30 10:51

Vue开发高德地图应用的最佳实践

目录前言异步加载封装组件使用组件自定义界面最佳实践总结前言之前做不过不少关于地图交互的产品系统，目前国内主流的地图应用SDK只有几家：高德、百度和腾讯。
·2021-07-01 14:18

前端-React

React知识React的核心思想是：封装组件。各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组件。
白小菜的路·2021-06-24 23:00

组件封装的相关笔记

封装组件的思路封装组件时，需要先抽象组件的功能，比如一个form组件，里面包含input、select等子组件，那我们先从逻辑上拆分1、我们最终业务使用的是一个整体form，里面包含input、select
石豌豆·2021-06-23 17:44

【JS】封装组件：DropDown（下拉菜单）

第一次写js组件｀（∩_∩）′，有什么不对的请随便指点出来，单个下拉菜单组件单个下拉菜单效果图JS//author：Ercyao(function(){dropDown=function(id,items,title){varoDiv,oP,oUL,oLis,oA,oLi;oDiv=document.getElementById(id);if(oDiv){oP=document.createEle
北极星丶超帅的·2021-06-21 21:19
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他