封装组件

Vue_过渡&动画transition用法

简介Vue提供了transition的封装组件。过渡的类名在进入/离开的过渡中，会有6个class切换。v-enter：进入过渡–开始。v-enter-active：进入过渡–生效时。
zyueer·2020-06-28 20:47

封装Vue组件的一些技巧

本文同步在个人博客shymean.com上，欢迎关注写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。
weixin_34354945·2020-06-28 17:53

新鲜出炉的8月前端面试题

怎么去设计一个组件封装组件封装的目的是为了重用，提高开发效率和代码质量
weixin_34252686·2020-06-28 15:07

vue+element-ui+slot-scope或原生实现可编辑表格(日历)

1.前言咱开发拿到需求大多数是去网上找成型的组件，找不到再看原生的方法能否实现，大牛除外哈，大牛一般喜欢封装组件框架。
weixin_33724659·2020-06-28 04:04

vue中使用element-ui封装dialog组件

使用组件代码说明:.sync修饰符（这个地方是一个重点，子组件也会引用到）会被扩展为：dialogWallet=val">封装组件代码注意点:props子属性props:[‘dialogWallet’]
假笑女孩Teffy·2020-06-28 03:38

Vue——关于css过渡和动画那些事

1.单元素/组件的过渡transitionVue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点实例
weixin_30839881·2020-06-28 01:31

新手教程：不写JS，在MIP页中实现异步加载数据

诚然，“所有交互都要使用组件，或自己封装组件”对于大部分开发
weixin_30650039·2020-06-27 22:34

如何实现一个这样的级联组件

Vue封装组件系列文章如何实现一个这样的级联组件如何实现一个这样的级联组件组件背景根据产品原型实现一个级联组件，下面看演示图应用场景很多，如：后台管理系统，旅游系统，广告投放系统，营销系统...等，现在流行
weixin_30627381·2020-06-27 22:58

vue封装组件的正确方式-封装类似elementui的组件

最近读了下element的源码，仿照他封装了两种不同的组件。第一种：通过组件来调用显示的{{title}}exportdefault{name:"test-component",props:{title:{type:String,default:"组件标题"}}}$black:#333;$mainSize:16px;$mainLineHeight:30px;$lineCenter:center;.
weixin_30311605·2020-06-27 15:16

vue实现easyui-layout的伸缩拖拽功能

Vue官网对于transition组件的解释：Vue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点利用
Jeff1804·2020-06-27 09:41

【React】如何使用 React Hooks实现一个返回顶部的按钮

最近在把玩ReactHooks，感觉用起来是真的流畅，不得不说Hooks刷新了我对于封装组件的体验，趁着手热，赶紧写了一个【回到顶部】的组件来试试水这篇文章默认各位已经熟悉以下知识点：ReactReactHooksTypescript
Kagashino·2020-06-27 02:51

Vue封装组件的过程

vue组件的定义●组件(Component)是Vue.js最强大的功能之一●组件可以扩展HTML元素，封装可重用代码●在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能●有些情况下，组件也可以表现用is特性进行了扩展的原生的HTML元素●所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周期钩子vue组件的功能1）能够把页
tangxiujiang·2020-06-26 18:16

个人对比Vue、React和angular三大前端框架小小见解

1.angular1.1.简介:angular是最早出现的框架，angularjs是通过directive（指令）去封装组件，react和vue是通过component。
全世界最好的肥猪精·2020-06-26 12:29

Vue封装的组件全局注册并引用

当vue接触的多了之后，你可能也会到自己封装组件的程度，试想每个页面的功能级模块全部拆分成组件，然后后续请求后台数据传入进去或者自己模拟数据，是多么方便的一件事情。
坏丶毛病·2020-06-26 01:42

antdesign 表格超出隐藏

封装组件tableTip.vue{{content}}{{content}}exportdefault{data(){return{fileList:this.attachList,hiddenTip:
天健行，君子以自强不息·2020-06-26 01:10

使用Vue封装组件完成计数器插件功能

今天得空自己封装了一个组件的计数器小功能，分享给大家。代码都有注释详细。注意点：组件里的父子传值；以及如何使用使用Vue.use()开发插件。那就直接来上代码啦/index文件DocumentVue.use(inputNumberUI)//实例化一个appconstapp=newVue({el:"#app",data:{count:0,},methods:{fatherChange(count){
leaf ...·2020-06-26 00:40

完美解决Vue+element-ui 中upload组件使用多个时无法绑定对应的元素

完美解决Vue+element-ui中upload组件使用多个时无法绑定对应的元素项目时间赶,未来得及封装组件,莫怪莫怪!
qq_38902230·2020-06-25 15:41

Vue2.0分页查询封装组件（PC端）

本文主要介绍Vue2.0如何封装分页查询的组件一、业务场景1.1适用于Vue，PC端使用的小伙伴，养成封装的习惯，可以方便你我他。1.2案例展示图二、完整代码2.1组件页面在src\components目录下创建Pager.vue上一页{{i}}{{i}}pageSize-4&&i>pageSize-5)"@click="jump(i)">{{i}}……4&&i==pageNo-3"class="
吴维炜·2020-06-25 13:10

vue 封装组件el-select，el-select组件值是对象的解决方案

1.效果（工作中遇到一个问题，记录一下）1.1核心代码在用select组件的时候，官方给出的例子是option里面的value绑定一个值（不能是对象，绑定的对象的话就会出问题）。但是在开发过程中，确实遇到了需要绑定对象的时候，看官方文档根本没发现怎么解决，后来通过百度，谷歌才知道，原来在select上面加上value-key=id，然后在option里面的:key="item.id"，就可以通过v
@必意玲·2020-06-25 11:45

手把手教你写vue插件

组件与插件的区别组件:对某功能或某模块的封装（例如我们写的弹窗，loading）插件:对一系列组件的封装(例如vuex,vue-router)关系:插件可以封装组件，组件暴露数据给插件插件的优点1.开箱即用
欧阳呀·2020-06-25 10:50

面向对象 封装组件优化

代码主要是JSCSS中有个技巧，灰色的背景用box-shadow//页面居中position:fixed;top:50%;left:50%transform:translate(-50%,-50%)functionDialog(options){//这是一个构造函数this.options=optionsthis._prepareHtml()//加下划线的是不想给使用者用的方法this._bind
毕子歌·2020-06-25 09:31

前端如何封装组件？

这里写自定义目录标题前端如何封装table组件？欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流程图导出与
qq_34832387·2020-06-25 08:11

vue组件的继承用法

vue组件的继承适用于UI几乎一样，只是数据不一样的情况下，但是这种情况通过统一封装组件也是能实现的，小功能建议用封装，大功能建议用组件继承，因为大功能在结合搜参数的需要多重的判断，这样会导致封装的组件比较繁杂
傻小胖·2020-06-25 08:15

小程序video封装组件时获取video节点的方法

小程序video封装组件时获取video节点的方法#js#1、在compont上方定义一个全局的空变量，用来承载video标签节点letvideoCtx=nullComponent({...2、在attached
安静的小女子·2020-06-25 02:22

前端知识体系 --- 2020年版本

CSS权威指南》、《图解CSS3》、《HTML5秘籍》、《ReactNative入门与实战》2、JS和ES6核心原理JS堆栈、闭包作用域、浏览器词法解析（V8渲染机制原理）、面向对象和this处理（独立封装组件和插件
独坐空山后·2020-06-24 20:36

使用zookeeper封装组件curator的锁,发现zookeeper大量临时节点没有被删除

转自：https://www.cnblogs.com/xiaodu1993/articles/xiaodu1993.html使用zookeeper封装组件curator的锁,发现zookeeper大量临时节点没有被删除现象
潘建南·2020-06-24 19:16

Vue+Typescript实战开发-封装组件

熟悉Typescript如何在vue项目中使用觉得写的还不错的请帮我star一下谢谢github地址独立封装一个button组件UIbutton.vue中的代码buttonimport{Component,Vue,Emit,Prop}from"vue-property-decorator";@ComponentexportdefaultclassUIbuttonextendsVue{@Prop(B
七月的小迷弟·2020-06-24 12:58

angularjs随笔 -- angularjs使用自定义指令封装下拉框

angularjs使用自定义指令封装下拉框1.效果图如下：2.代码如下：3.封装组件总结：angularjs核心部分在自定义指令的使用，本文以封装下拉框为例做介绍，其他组件封装方法类似，有需要的请自行扩展
快乐的糖糖·2020-06-24 08:26

借助动态代码生成技术在基于Webkit引擎的HTML5网页JS内调用易语言函数

具体来说，就是在使用基于Webkit引擎的封装组件wke的过
Liigo·2020-06-24 05:15

【猿说VUE】Vue效果法宝，过渡&动画

Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js11.1元素·组件过渡Vue提供了transition的封装组件
黑白猿·2020-06-23 09:54

React（二）

概览React的核心思想：封装组件。各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组件。一个React应用都是构建在组件之上的。
osoLife·2020-06-23 07:46

基于springboot2的开源OA办公系统

SpringMVC为模型视图控制器，MybatisPlus为数据访问层，ApacheShiro为权限授权层,Redis为分布式缓存，Quartz为分布式集群调度，JSP作为前端页面引擎，采用JSTL标签库封装组件的开源框架
麻木神·2020-06-22 12:28

组件过渡&动画之transition方法

在components下新建一个Transition.vue文件Vue提供了transition的封装组件，在下面四种情形下，可以给任何元素和组件添加entering/leaving过度条件渲染(使用v-if
雅玲哑铃·2020-06-22 01:04

在React项目中使用表格‘无缝滚动’

以下是一个表格无缝滚动的封装组件importReactfrom'react';import{observer}from'mobx-react';import{Table,Input,InputNumber
☞你你你☜·2020-06-21 21:49

基于webpack的vue项目发布自己封装组件到npm上,其他人通过命令进行安装使用

本文主要讲解如何将自己写的组件集成到npm上，然后通过命令行进行安装插件使用。1、在src下创建一个文件夹plugins，将自己写的组件都复制到这个文件夹下面。如下图所示，index.js为入口文件。想了解index.js的代码可以看上一篇文章https://blog.csdn.net/CuiCui_web/article/details/1061812312、在webpack.base.conf
web前端_CC·2020-06-21 18:35

从零实现一套属于自己的UI框架-发布到npm

接下来我将从零实现一个自己的UI组件库并发布到npm上，提供给需要的朋友参考也总结下自己对封装组件的理解方便以后复习。本项目以bu
isNealyang·2020-06-21 04:04

vue如何像Element那样封装组件

用过vue的应该都知道element，因为确实是vueui组件中做的非常不错的，里面的组件封装也比较值得学习。前不久我发过一篇如何合法的在子组件中改变父组件的值，从而实现自定义组件的文章，但是里面用到了TypeScript，所以写法上和普通的不使用TypeScript的项目有很大差别，这里整理一下最简单的vue环境该怎么封装。TS版链接其实官网里有如何封装的描述，链接在这里=>使用自定义事件的表单
青岑lw·2020-06-21 04:08

Vue2实现子组件改变父子组件的数据(TS版)

如需查看常规Vue环境的教程，移步=>vue如何像Element那样封装组件本文环境-vue2(2.5+)-vue-class-component-vue-property-decorator大致思路是用
青岑lw·2020-06-21 04:07

网易云音乐招聘 | 遇见offer之就要圆你的大厂梦

2、以不断提升质量、效率、体验为目的，封装组件、沉淀文档、生产工具、搭建系统,享受工程师的日常3、分享自己日常的所见所想，引导同事共同成长，营造积极
遇见OFFER·2020-06-20 21:23

VUE+ELEMENT-UI的后台项目封装组件--table的封装

最近项目打算重构，项目的模块几乎都是以后台查询展示的传统的增删改差模式，所以卑微的我想要自己封装一下table，效果图子组件：{{item1.name}}{{item2.name}}exportdefault{props:{tableData:{//表格数据源默认为空数组type:Array,default:()=>[]},columns:{//表格的字段展示默认为空数组type:Array,de
小码农敲代码的日常·2020-06-19 16:00

VUE+ELEMENT-UI的后台项目封装组件--查询form的封装

最近项目打算重构，项目的模块几乎都是以后台查询展示的传统的增删改差模式，所以卑微的我想要自己封装一下查询form，先上效果图子组件页面：1231011121314152021222324252627333435364142505152535455565758596061666768697071{{ch.label}}77787980818283848586{{item.name}}93949596
小码农敲代码的日常·2020-06-19 16:00

vue+element-ui的后台项目封装组件--面包屑的封装

最近项目打算重构，项目的模块几乎都是以后台查询展示的传统的增删改差模式，所以卑微的我想要自己封装一下tab，子组件--可以添加icon的。12341112{{13item.title14}}15{{item.title}}161718192021exportdefault{22props:{23breadlist:{24type:Array25},26title:{27type:String28}
小码农敲代码的日常·2020-06-19 16:00

antd上传文件OSS

封装组件：importReactfrom'react';import{Upload,message,Button}from'antd';import{UploadOutlined}from'@ant-design
百事皆可乐i·2020-06-17 15:34

Vue二次封装组件，并传递props和v-on事件

有的时候我们全局引用UI框架（类似于ElementUI）的时候，有些简单的组件我们想进行二次封装，并确保能传递所需的props和事件，这时候就需要用到vue实例上的两个属性:$props和$listeners,最后全局注册组件覆盖掉原始的就好了。import{ElInput}from'element-ui';exportdefault{name:'ElInput',components:{ElIn
zh_rey·2020-06-13 17:55

面试题：组件封装

vue组件封装组件(Component)是Vue.js最强大的功能之一组件可以扩展HTML元素，封装可重用代码组件是可复用的Vue实例组件创建：建立组件的模板，先把架子搭起来，写写样式，考虑项目组件的基本逻辑注册组件
jane_panyiyun·2020-06-02 19:00

Vue的一些个人看法

Web组件-Web组件的一种有前途的用途是封装组件并将其用作独立于框架的本机自定义元素，这些元素可以在任何地方使
前端老王·2020-06-01 19:59

Vue组件封装之一键复制文本到剪贴板

前言为了提高组件的复用性，所以利用插件vue-clipboard2，封装组件CopyDialog以实现一键复制文本到剪贴板的功能。
zxNoral·2020-06-01 15:00

自己封装组件npm发布，vue.config.js报错

module.exports={//修改src为examplespages:{index:{entry:'examples/main.js',template:'public/index.html',filename:'index.html'}},//强制内联CSScss:{extract:false},//扩展webpack配置，使packages加入编译chainWebpack:config=
预见@·2020-05-12 14:05

vue + vant根据后台传递数据动态渲染组件

根据后台数据动态渲染页面封装组件，方便使用field和actionsheet封装selectPicker等组件利用Render函数来渲染利用动态组件的属性is来渲染需求：根据后台返回的数据，来生成一个form
Kayson13·2020-04-28 10:00

优化elementui框架Select组件远程搜索不支持上拉加载更多功能

一,封装组件背景elementui框架Select组件远程搜索不支持上拉加载功能，本教程用vue自定义指令（directive）结合elementSelect远程搜索加mixin混合模式，封装select
蜗牛老湿·2020-04-14 17:06
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他