封装组件

react+antd封装组件完成忘记密码验证账号功能

需求还是很常见的,比如任何网站带有账号登录注册功能,忘记密码这种情况还是非常常见的,需求都是一步步来完成,没有人能够一口气把业务代码完全写出来,顺序是:验证账号信息,再次发送邮件importmessagefrom'antd/lib/message';//antd消息组件import'../../../styles/toast.scss';//样式import{Log,Iterator,Device
Banshee·2020-08-21 02:47

封装react antd的表格table组件

封装组件是为了能在开发过程中高度复用功能和样式相似的组件，以便我们只关注于业务逻辑层的处理，提高开发效率，提高逼格，降低代码重复率，降低劳动时间，减少加班的可能。
体育爱我·2020-08-21 00:34

NPM使用nexus3 发布封装组件

Nexus3信息私有库：http://**:8081/repository/cc-npm-hosted/代理库：http://**:8081/repository/cc-npm-proxy/仓库组：http://**:8081/repository/cc-npm-group/认证信息：cc_npm_publicer/cc_npm_publicerNPM处理过程：创建目录(目录名称建议与包名相同)，
亲爱的阿乾·2020-08-20 22:50

NPM使用nexus3 发布封装组件

Nexus3信息私有库：http://**:8081/repository/cc-npm-hosted/代理库：http://**:8081/repository/cc-npm-proxy/仓库组：http://**:8081/repository/cc-npm-group/认证信息：cc_npm_publicer/cc_npm_publicerNPM处理过程：创建目录(目录名称建议与包名相同)，
亲爱的阿乾·2020-08-20 22:50

Vue中使用select2无法获取数据问题

在vue项目中使用jquery的select2插件，无法获取到下拉框的值，后来看文档通过封装组件的形式解决了这一问题*select2封装*/Vue.directive('select2',{inserted
元仙僧·2020-08-20 20:52

内容管理模块（三） -面包屑导航的组件封装 和 更换路由页面内容时， 默认插槽的具体应用

03-内容管理-面包屑组件封装目的：面包屑导航的主干部分进行组件封装，只在路由文件中进行更换插槽插入的内容封装组件：components/my-bread.vue首页exportdefault{}使用组件
viceen·2020-08-18 23:47

vue2.0从项目环境模板搭建，到封装自己的插件，再到上传至github仓库

为什么又要自己去学封装组件库呢，因为上一个项目用到了elementUI，里面的一个上传图片功能没有裁剪预览功能，如果加上插件又和上传产生了冲突，总之就是很麻烦去写自己的配置，所以就想学一些，顺便回馈一下开源社区
起来改bug·2020-08-18 21:50

VUE（六）——框架推荐

尝试使用了ElementUI和IView，IView的封装组件更加好看些，但是Table标签的封装显得太过彻底，Table的生成全由Js代码决定，我不是很喜欢让所有的代码堆在Js中，我暂时还是选
疯狂的妞妞·2020-08-18 19:15

vue+element实现自定义主题功能

/theme/index.css'封装组件名为The
weixin_43926335·2020-08-18 05:24

vue简单组件封装

组件封装用于多个类似的样式或功能，直接封装组件减少代码重复率，提高维护效率例如一个面板panel：效果图：（手机端）vue创建一个panel.vue{{leftTitle}}{{leftInfo}}{{
管小贱·2020-08-18 05:01

vue2.x过渡(transition)与动画(animationend)

transitionVue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点示例：TogglehellonewVue
想搞全栈的前端·2020-08-16 07:53

vue 如何引入markdown展示md文件 并支持样式

在封装组件库的路上碰到了一个问题，展示md文档！网上很多办法只是单纯的将md文件转成了html，找了很多资料。最后发现很简单！
小墨宝·2020-08-15 19:51

Leaflet与OpenLayer

我们将在一个应用程序中使用这个封装组件。该应用程序给我们展示了一个地图并提供了一个可以移动到地图中指定位置的按钮。之前CloudMade，但现在受雇于Mapbox，由一个热衷贡献的团队开发。
Evan_Gu·2020-08-15 18:54

单元素/组件的过渡以及过渡钩子的运用

单元素/组件的过渡Vue提供了transition的封装组件，可以给任何元素和组件添加进入/离开过渡;对哪一块内容用动画,就对哪一款内容用transition标签;然后name带一个fade,fade和
俗世凡人行·2020-08-15 00:04

142、Reactjs 组件的更新机制

importReactfrom'react'//prop-types包中职能很单一，只提供了一些常见的数据类型，用于做类型校验importReactTypesfrom'prop-types'//封装组件的目的
香港胖仔·2020-08-14 03:26

封装react antd的form表单组件

其实，封装组件的意义我们在上一篇封装reactantd的表格table组件中已经介绍过了，这里不再做过多的描述了，且
小坏先生·2020-08-13 16:00

封装react antd的表格table组件

封装组件是为了能在开发过程中高度复用功能和样式相似的组件，以便我们只关注于业务逻辑层的处理，提高开发效率，提高逼格，降低代码重复率，降低劳动时间，减少加班的可能。
小坏先生·2020-08-12 17:00

Vue实战之封装组件echarts柱形图、折线图

封装一个echarts子组件，父组件可以多次调用封装一个柱形图。柱形图和折线图的区别在于series数据中的type的类型不同，柱形图的type为bar,折线图的type为line，所以封装柱形图的和折线图是一样的，只是两者传入的参数不同封装一个bar类型的echarts图子组件：//引入基本模板letecharts=require('echarts/lib/echarts')//引入柱状图组件r
_dalianmiao·2020-08-11 16:02

Vue封装组件实现响应式布局

Vue封装组件实现响应式布局主要思路：使用flex布局，左边主体内容区域根据页面宽度自适应，右边侧边栏固定宽度。使用媒体查询，当页面宽度小于768px时，侧边右边侧边栏隐藏。
boiboif·2020-08-11 14:23

2020.8.07 微信小程序（组件封装）

今天说一下微信小程序组件的封装…为什么要封装组件？写组件的目的就是为了复用，它的好处太多了a.写更少的代码。b.减少开发时间。c.代码的bug更少。d.占用的字节更少。
zj-zhangjie·2020-08-10 08:45

React Native三端同构（一： 基础方案）

（一）前言ReactNative三端（Web、iOS、Android）同构是指在使用ReactNative封装组件的代码下，让其在浏览器中运行出和在ReactNative环境下一样的页面。
Justin0223·2020-08-10 01:17

封装组件

简单的封装一个柱状图组件html和js分开写：第一部分html封装柱状图组件varobj={id:"container",/*容器的id（必填）*/borderType:1,/*1：全包2：半包3：没有包裹*/borderColor:"red",barWidth:40,width:500,/*容器的宽度*/height:300,/*容器的高度*/line:4,/*分隔线的数量*/lineColor
从此江山别·2020-08-09 15:10

我终于迈出了第一步——vue组件封装（分离）

终于肯封装组件啦！（注意是肯不是会，因为懒，我不管！）以前用vue做项目的时候，遇到公共的地方，直接复制粘贴，多好！
吕小胖纸·2020-08-09 15:00

vue封装组件调用时绑定click事件

我们在开发中会封装许多的通用的组件，那么如何封装好一个组件时，在调用的时候绑定click事件呢？1.child组件//说明：第一个参数：childClick，是事件名，在调用的时候需要用到，第二个参数123，是你在调用的时候传给父组件的值2.parent组件exxportdefaut{component:{Child:()=>import('./child')},methods:{childCli
猿者上钩·2020-08-09 10:20

Vue 爬坑之路（九）—— 用正确的姿势封装组件

迄今为止做的最大的Vue项目终于提交测试，天天加班的日子终于告一段落。。。在开发过程中，结合Vue组件化的特性，开发通用组件是很基础且重要的工作通用组件必须具备高性能、低耦合的特性为了满足这些特性，开发的时候有很多需要注意的地方，这里我和大家分享一下我的心得一、数据从父组件传入为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。父对子传参，就需要用到props，通常
weixin_33842328·2020-08-09 05:35

RN原生封装组件

Android代码:创建组件WebViewManager类继承:extendsSimpleViewManagerpublicclassWebViewManagerextendsSimpleViewManager{//返回JS调用时候使用的名称@OverridepublicStringgetName(){return"RCTWebView";}//用于创建初始化的实例控件对象@Overridepro
拜托。·2020-08-09 01:36

微信小程序：增加水印

通过封装组件的方式实现html{{name}}css.water{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex
qq_40919692·2020-08-08 20:26

vue中使用富文本编辑器Quill

下载Quillnpminstallquill封装组件importQuillfrom'quill'import'quill/dist/quill.snow.css'importQuillBetterTablefrom'quill-better-table
一只鹿喵·2020-08-07 21:09

vue中使用富文本编辑器

那就没办法了找了一些，自我感觉还是quill比较好用话不多说**先下载：npminstallquill--save推荐使用淘宝源**封装组件：新建一个edit.vue.editor{height:300px
bacckk·2020-08-07 12:53

vue-quill-editor 封装成组件；图片文件流上传；同一页面多个编辑器样式异常解决办法...

：引入并注册组件，然后直接使用；@getcode是同步获取编辑器内容的；:contentDefault是编辑器的默认内容；注意：如果同一个页面多个编辑器，参数id不能相同，否则只有第一个编辑器有样式；封装组件
anda9128·2020-08-07 12:53

Vue底部导航栏封装组件

我写在了入口App文件中为父组件//子组件子传父//this.$route.meta.isShowTabbar是在路由中定义这个底部导航是否显示//引入子组件importTabfooterfrom"./components/tabber/Tab_footer";//exportdefault{//局部注册子组件components:{Tabfooter},data(){return{//用来装底部
苏三金·2020-08-05 09:44

angular8 封装组件

组件封装的意义和方法需要重用，或者简化逻辑nggeneratecomponent组件名（驼峰模式）使用index.ts方便导入以及隔离内部变化对外部的影响nggc组件名（驼峰模式）如果想在某个文件夹下新建组件nggc文件名/组件名（驼峰模式）在每一个文件夹下新建一个index.ts引用每一个组件里export*from'./scrollable-tab.component';大组件文件夹下expo
Null_Bugs·2020-08-05 04:23

萌生了封装组件的想法

今天看uniapp的官方群里，发布了一个支持云的新版本。因为看了它的官方API，和之前微信小程序的云函数的API感觉很类似，于是就兴冲冲的上传了信息，认证了开发者。于是在刚刚验证通过了，就开始了查看API，简单调用云服务。就觉得，的确是一个东西。这两者都是一个思路，就是一个闭包。外部有一个网页来管理你创建的json格式的多个数据库，然后处理请求的URL地址，后台处理数据，返回JSON数据库中的查询
庆述·2020-08-05 01:25

vue2.0 自定义组件（vue组件的封装）

二、封装组件的步骤1.建立
HOLD ON!·2020-08-03 16:52

react-native iOS 原生组件 swift版

最近在学习着react-native，看到可以封装组件功能，就尝试着封装一个swift版本的（网上搜半天都是oc愣是研究半天）初始化一个React-native工程后,因是oc工程,直接创建一个swift
Wx_H_·2020-08-02 22:34

获取天气---百度API，JSONP实现跨域请求

一、安装Jsonpnpminstalljsonp--save二、封装组件建一个axios文件夹，创建index.js文件importJsonPfrom'jsonp'exportdefaultclassAxios
老张谋·2020-08-01 06:31

Ant Cascader级联选择实现省市区三级联动(React)

封装组件importReactfrom'react';importCSSfrom'.
罗恩-HAO·2020-07-31 23:04

有了这些UI组件，小程序开发事半功倍

文章目录组件库vant下载查看使用方法iView下载查看使用方法Wux下载查看使用方法Taro-ui下载查看使用方法ColorUI下载查看使用方法微信小程序请求封装标准请求请求封装组件库微信小程序现在非常火爆
程序员凯小白·2020-07-31 19:18

uni-app封装组件传值之子传值父

比如修改父页面的currentIndex值老版本：子：//methods中方法使用changeIndex(index){if(this.currentIndex===index)return//当前值点击不改变this.$emit('changeIndex',index)}父：调用组件上使用代码如下：@changeIndex=“changeIndex”//@changeIndex属于子，"chan
Joey3193·2020-07-31 13:54

vue封装导航栏组件

在项目中，经常需要我们自己封装组件，需要对组件进行抽取至封装度最高。这样一来，使这个组件复用性变得非常高，往往可以直接把封装好的组件文件一拖拽到另外的项目就可以直接使用。现在来封装一个底部导航栏组件。
理想的亡命之徒·2020-07-30 13:06

Vuejs--13创建Vue时template和el的关系、VUE文件来封装组件

1、创建Vue时template和el的关系当template和el并存。编译执行时template会取代挂载elnewVue({el:"#app",template:`{{msg}}测试替换`,data:{msg:"webpack安装"}})进化版在Vue中注册组件，然后template中设置标签使用constnewTemplate={template:`测试替换`}newVue({el:"#a
gaxing4615·2020-07-30 08:32

Springboot 进行war包部署，以及踩坑历险！！！

使用springboot也很长时间了，一直都是使用内置Tomcat运行项目，最近由于公司架构需要将项目以war包形式发布封装组件，又不想把自己多天的成功重新用spring造一遍，遂有了将springboot
清风徐来水波不清·2020-07-29 22:29

taro开发微信小程序-使用websocket(七)

本栏博客介绍如何使用使Trao和TaroUI框架来开发移动端微信小程序.websocket下面是我封装的tarowebsocket的组件代码链接：1.封装组件：https:
Museions·2020-07-29 21:06

在npm发布自己造的轮子

提到封装组件，发布到npm，很多同学都会觉得很神秘。但其实，npm包无非就是我们平时写的比较独立且可复用的模块。当然，想要发布，除了基础组件的编写外，还要进行一些包装。
Lemoncool·2020-07-29 14:00

评分以五颗星展示封装组件

评分以五颗星展示封装组件第一步接收score和size(代表评分和五角星大小)props:{score:Number,size:Number}HTML部分CSS部分：设计三种大小样式。
亲爱的，·2020-07-29 06:14

微信小程序：封装公共复用方法（js及wxs）、封装组件

简介在进行业务交互时，大概率都会重复使用同样的代码。这种时候，为了提交代码有效性，就需要小伙伴们把重复的代码封装到公共方法中，方便重复使用，也就是封装JS。但是有的时候，数据比较复杂，来源比较多，业务处理不一样，这种时候，直接在显示数据的时候处理是比较方便的，也就是封装过滤的方法。具体实现1.封装JS（1）创建公共方法在小程序项目的根目录，创建一个common文件夹，这个文件夹中创建一个commo
如此如此。·2020-07-28 22:30

使用tinymce富文本编辑器时图标不显示问题

封装组件：引入插件importtinymcefrom"tinymce/tinymce";//tinymce默认hidden，不引入不显示importEditorfrom"@tinymce/tinymce-vue
Finally_leave·2020-07-28 13:41

vux tab 切换封装组件

{{item}}import{Sticky,Tab,TabItem}from'vux'importripplefrom'../Details/components/ripple'exportdefault{props:['navList'],components:{Sticky,Tab,TabItem,ripple},data(){return{//navList:['热度','事件利好','主力
小小雪花儿·2020-07-28 09:44

Vue

transitionVue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡1.条件渲染(使用v-if)2.条件展示(使用v-show)3.动态组件4.组件根节点在进入
满舰饰v·2020-07-28 08:33

Vue组件(一)从CountUp.js 组件谈Vue中如何封装组件封装

本文主要从数字渐变组件谈第三方JS库的使用1.组件封装基础1.1准备阶段在views文件夹下新建count-to页面在路由中进行配置{path:'/count-to',name:'count-to',component:()=>import('@/views/count-to.vue')},组件封装需要放在components文件夹下，我们在components文件夹下创建count-to文件夹并
Neon_7·2020-07-28 08:52
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他