封装组件

Vue中的transition封装组件的实现方法

vue版本信息：2.5.2问题起源于使用Vue做网站时涉及到的一个小部件显示动画，阅读了Vue的文档后结合网上各位的经验，花了点时间研究了下。最终的效果如上图所示，当鼠标移入灰色方块时弹出层会至上而下显示出来，类似于拉链式窗帘(?)。实例实现上图所示的效果代码如下：transition{{content}}弹出层varapp=newVue({el:"#app",data:{flag:false,c
StarlightUnion·2019-08-13 09:55

Vue中的transition封装组件

vue版本信息：2.5.2问题起源于使用Vue做网站时涉及到的一个小部件显示动画，阅读了Vue的文档后结合网上各位的经验，花了点时间研究了下。最终的效果如上图所示，当鼠标移入灰色方块时弹出层会至下而上显示出来，类似于拉链式窗帘(?)。实例实现上图所示的效果代码如下：transition弹出层{{content}}varapp=newVue({el:"#app",data:{flag:false,c
StarlightUnion·2019-08-13 00:00

Vue过渡效果的实现

1、Vue过渡组件Vue在插入、更新或者移除DOM时，使用内置的过渡封装组件可以实现过渡效果语法格式：2、过渡的类名在进入/离开的过渡中，会有6个class切换：v-enter：进入过渡的开始状态v-enter-active
Leophen·2019-07-29 16:00

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

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

h5实现下拉刷新，模拟原生下拉刷新，封装组件

上一篇，我们实现了h5实现向左平滑，出现按钮操作，封装组件，模拟购物车左滑删除，现在我们将要实现一个下拉刷新的组件，模拟原生下拉刷新的操作。
一个写前端的姑娘·2019-07-16 14:53

h5 实现向左平滑，出现按钮操作，封装组件，模拟购物车左滑删除

需求背景购物车用h5做页面？，那对手势的考验就很大了，毕竟h5操作手势不是那么的简单的，比如说点击事件和触摸事件的冲突、上下滑动触发左右的平滑事件等等，这些都是很难把握的冲突，但是我们今天就实现一个向左平滑的组件，操作手势，解决冲突。其实不仅仅是购物车会用到向左平滑删除这个功能，其他的列表页也会有这种需求。下面我们就将其封装成组件，以供其他页面引用。注：以下的代码使用vue基础知识1.触摸事件to
一个写前端的姑娘·2019-07-16 13:32

echarts.js 动态生成多个图表 使用vue封装组件

组件只做了简单的传值处理，记录开发思路及echarts简单使用。这里默认所有图表样式一致，都为柱状图，如需其他类型，可查阅echarts官网文档，再动态传值即可。vue使用组件------在外层用v-for循环，传不同值进charts即可vue创建子组件-----初始化空模板主要部分------初始化echarts.jsVue.component('charts',{template:'#char
ange2017·2019-07-08 18:46

vue-upload 封装组件-上传组件

我后端的，刚接触vue个星期，根据需求写了个上传控件，很灵活的。没有看elementel-upload源码，样式用的element的。感觉vue确实好用。先看样子：{{autoUpload?label:'选择文件'}}{{label}}{{label}}{{label}}importglobfrom'@/utils/global.js'exportdefault{model:{prop:'path
何博·2019-07-04 21:00

vue学习笔记(下)

之所以分开写这两篇文章是因为我意识到不知道什么时候就写了非常多的字了,所以我决定拆分来写,这一篇我一定写得比上一篇还要简洁争取用更少的字更通俗易懂的解释让大家都能学会甚至精通vue过度&动画Vue提供了transition的封装组件用于封装需要过渡的组件
看物看雾·2019-06-29 10:28

XView小程序组件库

https://github.com/xwzj12138/Xview官方文档：https://xview.weapp.xwzj88.cn在使用前大家可以扫描二维码体验：XView小程序组件库本着简单易用的原则封装组件化
资深php_web工程师·2019-06-11 12:11

组件库按需加载 借助babel-plugin-import实现

对于大中型前端项目为了解耦与复用，更多的公司会选择自己封装组件库，那么一次引入整个组件库必然导致项目过大，如何按需加载则必须要做前世ant-design的babel插件babel-plugin-import
whhlu·2019-05-28 00:00

4.17前端日报—封装Vue组件的一些技巧

每天打卡学习长按二维码即可识别“进入网页”查看哟~1、封装Vue组件的一些技巧本文同步在个人博客shymean.com上，欢迎关注写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式
前端开发博客·2019-04-17 23:01

vue.js封装组件

vue.js封装组件1.放在main.js全局注册importcomponentsfrom".
xiao聪聪·2019-04-16 15:26

组件化设计思路总结

A:拆分功能，封装组件，单独维护Q:组件化开发的优点?A:可以很大程度上降低系统各个功能的耦合性，并且提高了功能内部的聚合性。这对前端工程化及降低代码的维护来说，是有很大的好处的。
网络上人称代码说唱的陈八一·2019-04-16 14:26

高德地图二次封装组件库（三维视图）

公司最近做了一个关于环保的项目有很多地方要求强烈的可视化，如果使用公司之前技术ArcGis表示有点寸步难行，所以我就提出可以使用高德地图试试，结果效果还挺好，对高德地图的一些可视化UI和语法熟悉之后，就想，东西都在这里了，码来码去也是这几句代码为何不将通用组件抽离出来呢，后来我就将组件一块一块封装成了我们系统风格的通用组件，要哪个用哪个个人感觉还挺不错嘻嘻嘻，不足之处还请大佬们见谅。-------
WebGis学习笔记·2019-03-22 11:59

使用Vue实现图片上传的三种方式

我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思
易水人去丶明月如霜·2019-03-06 19:48

使用Vue实现图片上传的三种方式

我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思
程序汪丶·2019-03-06 19:17

番外篇：入门React

简介React的核心思想是：封装组件。各个组件维护自己的状态和UI，当状态变更，自动重新渲染整个组件。
zero·2019-03-01 00:00

面试题

怎么去设计一个组件封装组件封装的目的是为了重用，提高开发效率和代码质量低耦合，单一职责，可复用性，可维护性前端组件化设计思路js异步加载的方式渲染引擎遇到script标签会停下来，等到执行完脚本，继续向下渲染
凡凡_4e04·2019-02-18 16:59

[Vue] 封装过渡组件

封装过渡组件例子参考代码：code实现功能：封装过渡组件使用思路html封装组件封装组件ChangejsVue.component('fade',{props:['show'],template:``,
BnuzLeon·2019-02-17 22:31

Spring中的自定义标签

自定义标签目的更好的封装组件增强组件的易用性自定义组件步骤采用XSD描述自定义标签的元素属性编写Bean定义的解析器注册自定义标签解析器绑定命名空间解析器自定义标签的第一步是定义标签元素的XML结构，采用
Like-BC·2019-02-12 17:09

基于antd二次封装组件库

AntDesign是蚂蚁金服提供的一个优秀的react组件库，npm上包名为antd。文档详细、使用简单，节省了react开发的大部分时间。antd提供的是通用组件，而针对特定的业务场景，我们可以进一步封装，提高开发效率修改antd组件库名为yoantd从github上下载AntDesign源码将antd改成自己的包名，我的是改成yoantd修改文件夹名字为yoantd，修改package.jso
_朽木_·2019-02-07 23:47

基于antd二次封装组件库

AntDesign是蚂蚁金服提供的一个优秀的react组件库，npm上包名为antd。文档详细、使用简单，节省了react开发的大部分时间。antd提供的是通用组件，而针对特定的业务场景，我们可以进一步封装，提高开发效率修改antd组件库名为yoantd从github上下载AntDesign源码将antd改成自己的包名，我的是改成yoantd修改文件夹名字为yoantd，修改package.jso
_朽木_·2019-02-07 23:47

vue组件封装及父子组件传值,事件处理

(本文总结于Vue2实战解密一书)代码如下:封装组件BookList.vue{{heading}}更多...
orange·2019-01-11 00:00

在Vant的基础上封装下拉日期控件的代码示例

封装组件过程中我们要解决：和表单的样式能兼容错误提示参数问题事件机制格式化解决问题就给新的组件取名为VantFieldDate。期望使用的时候是这样的具体实现，我贴上代码详细讲解。{{text?
拳头巴掌·2018-12-05 14:26

封装Retrofit2+RxJava2网络请求框架

而且当成功封装第一个组件时，再次遇到需要封装组件这样的任务也会变得得心应手。1、封装的主要逻辑主要的逻辑根据这个逻辑图一步一步封装网络框架吧。
CTO_1649900265·2018-10-08 18:00

VUE v-for循环中每个item节点动态绑定不同函数的实例

一.业务场景：一个title处可能有一个或多个按钮，按钮对应不同的响应事件二.思路:按钮个数根据传入的数据length来循环渲染，每条数据对应的事件名称通过动态绑定三.封装组件1.视图层面2.代码部分2.1
gogh2017·2018-09-26 09:15

vue动画原理

Vue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点注意：transition标签中只能包裹一个元素
huyao_road·2018-09-22 09:28

element dialog组件

第一步：封装组件thisisadialogexportdefault{data(){return{visible:this.show};},props:{show:{type:Boolean,default
木槿之夏·2018-09-07 14:49

程序员小胖子之从设计图到npm发布组件过程

我脑海里YY到了哪些内容我们拿到设计图可以看到，目前是两种toast，我们在封装组件的时候要考虑后面有可能增加其他样式的组件，所以我们在设计的时候，尽量要有拓展性一定要有type属性，依据type属性控制显示哪种类型的组件一定要有
阿里河前端·2018-08-27 00:00

封装分享组件

h-share.gif1.引入相关的JS2.利用虚拟DOM封装组件varVueQrcode=window.VueQrcode;Vue.component('qrcode',VueQrcode);Vue.component
董懂同学·2018-08-20 17:50

常见的前端面试题

怎么去设计一个组件封装组件封装的目的是为了重用，提高开发效率和代码质量低耦合，单一职责，可复用性，可维护性前端组件化设计思路js异步加载的方式渲染引擎遇到script标签会停下来，等到执行完脚本，继续向下渲染
知末随未·2018-08-18 12:28

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

怎么去设计一个组件封装组件封装的目的是为了重用，提高开发效率和代码质量
白霸天·2018-08-07 00:00

使用Vue实现图片上传的三种方式

我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思
huangjincq·2018-07-17 15:56

Vue 教程（17）—— 进入、离开与列表过渡动画

Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js2单元素/组件的过渡Vue提供了transition的封装组件
deniro_li·2018-06-25 17:54

react组件封装自己的理解

为什么使用组件一开始用react做项目的时候只知道react是组件化的，但是没有深入去理解为什么要封装组件，怎样去封装组件上周在实际项目中自己尝试去封装了一个组件，最大的感受就是代码变得简洁了很多，本来要写三次类似代码现在只写一次就搞定了
快乐的小z·2018-06-11 19:41

VUE2.0 better-scroll封装滚动组件

本文主要介绍better-scroll组件的引入，以及封装组件的使用。还用到了父子组件的特性。
吴维炜·2018-06-11 09:59

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

像Mint-UI等说实话很不错了，但是坑也是不少，而且很多功能也是仅凭这些实现不了，这需要我们去封装自己的可复用组件二、封装组件的步骤1.建立组件的模板，先把架子搭起来，写写样式，考虑你的组件的基本
Mr.聂·2018-06-05 08:44

自我救赎之路—（js自己封装组件）

由来一直以来做开发，尤其是web开发，少不了和JavaScript打交道，自认为js脚本还可以吧！有一天，我发现select控件、下拉框、ajax请求、文件上传控件等等大多地方都要使用的到，有些虽然用的也是别人的写好的控件，可是根据项目的要求，自己想在封装一下，来满足自己的需求！可是写了很久，以失败而告终！常用的，说实话，大家都会，可是要深入研究久逊色点了。所以，不能放弃治疗，哪里有病就要治疗哪里
继续明天·2018-05-23 16:44

ngx-color-picker angular4封装颜色选择器组件

from'ngx-color-picker';@NgModule({...imports:[...ColorPickerModule]})3、使用4、过多细节，不再啰嗦，参考下面两个网址，我们主要展示封装组件实例
zxc19890923·2018-05-08 00:00

Mockplus——更快、更简单的原型解决方案

核心功能有快速界面设计：300多个高度封装组件，2000多个矢量图标，无需绘制，拖拽即可呈现界面设计。快速演示：8
葱油拌面雯·2018-05-01 23:13

浅谈父子组件通讯方式

最近在封装组件，我整理了一些封装方法，感谢我司的前端团队，如果还有更好的方法，欢迎来稿，欢迎切磋。
你你·2018-04-23 00:00

Angular 封装并发布组件的方法示例

一、封装组件作为入门，这是一个非常简单的demo，但核心的接收使用者的输入@Input()，以及返回数据给使用者@Output()都实现了，所以有一定的借鉴意义。
赵寒·2018-04-19 09:46

CSS布局--圣杯布局和双飞翼布局以及使用Flex实现圣杯布局

前言我曾一度觉得总写css的前端很low，有了这种思想以后我便远离网页布局，H5的工作更不想接，沉迷于页面逻辑和封装组件。
yuezhongbao·2018-03-20 00:00

React入门介绍（2）- React Component-React组件

允许用户自由封装组件是React非常突出的特性，用户可将自己创建的组件像普通的HTML标签一样插入页面，React.CreateClass方法就是用来创建一个组件类的。
alien6u·2018-03-04 17:28

vue封装插件并发布到npm上

，创建文件夹和文件，最后结构是这样的然后根据需求，实现具体功能，这里我封装了一个轮播图组件mini-sliders，主要功能写在lib/slider.vue组件中功能写好后，我们要写index.js来封装组件
Ping果狸·2018-02-15 23:56

element-ui 封装dialog组件

封装组件：thisisadialogexportdefault{data(){return{visible:this.show};},props:{show:{type:Boolean,default:
风情雨·2018-02-02 01:44

Vue.js组件封装——下拉列表

封装组件-下拉菜单*{margin:0;padding:0;}#app{width:600px;height:auto;margin:0auto;/*background-image:url("http
CarolLXW·2017-11-30 12:40

高性能迷你React框架anujs1.1.3发布

主要更新点：抽象出一个Update类，用于封装组件实例上的所有私有数据抽象出一个instantiateCo
司徒正美·2017-10-08 00:00

vue webuploader 文件上传组件开发

最近项目中需要用到百度的webuploader大文件的分片上传，对接后端的fastdfs，于是着手写了这个文件上传的小插件，步骤很简单，但是其中猜到的坑也不少，详细如下：一、封装组件引入百度提供的webuploader.js
我不要做网红·2017-09-23 15:41
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他