封装组件

【Angular】——无限级下拉列表框

前言前段时间换了新框架，将前后端分离，对Angular2有点感兴趣，所以参与一起封装组件。在小5的帮助下，学会了好多东西，这里总结下封装的无限级下拉列表框。
王虹芸_Yana·2020-09-14 15:47

【angular】 封装组件的整体思路和实现的全过程，完成一个radio表单组件

要实现的效果template模板试想一下场景：父组件只有点击事件：点击按钮时或点击label时，都一个方法，handleClick事件；属性和样式：2个关键属性，disabled和checked，并根据值设置对应css样式；{{label}}组件类知识点：@ViewChild(‘rb’)rb:ElementRef;可以快速获取template中的DOM元素的引用，并进行相关操作；也可以通过方法把模
To-Infinity·2020-09-14 15:01

Angular封装组件流程

1、如何对外暴露参数；input2、如何对外提供方法；直接写3、向外传递方法。output
飘叶入海·2020-09-14 12:32

前端三大主流框架的区别（三）

前面两篇已经做了细致的分析，这一篇就总结总结三大主流框架吧1.angular1.1.简介:angular是最早出现的框架，angularjs是通过directive（指令）去封装组件，react和vue
谷歌研发技术团队·2020-09-13 17:30

利用 JS 构造函数思想，同时设置多个页面元素的动态效果

JS构造函数思想在DOM上的应用对于页面中某些重复元素要设置相同或类似的动态属性，为了尽量减少代码重复，我们可以利用JS面向对象的构造函数思想来封装组件。
s_apy·2020-09-13 11:00

react中使用echarts封装组件

react+antd中使用echarts封装组件下载依赖包npminstallecharts--save封装组件importReact,{Component}from'react';importechartsfrom'echarts
ysunshine512·2020-09-13 00:45

vue+elementui 中el-table导出为Excel并封装组件

安装依赖：//xlsx与file-saver依赖npminstall--savexlsxfile-saver封装组件（Excel.vue）直接上代码：{{btn}}importFileSaverfrom"file-saver
前端菜鸡日常·2020-09-12 21:25

【Ant design vue】antd实现动态增减表单项，支持赋初始值！

【Antdesignvue】antd实现动态增减表单项效果图支持的功能官方案例封装组件代码演示封装的组件组件的使用效果图用了一年多antd组件，发现需要做动态表单的场景可真不少！
Emily酱·2020-09-12 16:32

vue 树形下拉框 多选 封装组件及应用

效果://事件有两个参数：第一个是所有选中的节点ID，第二个是所有选中的节点数据***importTreeSelectfrom"@/utils/components/tree-select.vue";*components:{TreeSelect},**数据格式*letobj={menuId:item.id,menuName:item.label,childrenList:children};*清
AmbroseLe·2020-09-12 16:10

vue 图片加载中默认图片的封装组件

这几天做项目，老遇到标签，加载失败需要显示默认图标的需求，如下data(){return{baseImage:'http://192.168.110.15/imgs?id='}}类似上面的代码,图片的服务为地址+Id的形式，按照以前的写法，我是这样写的importdefalutImgfrom'../imgs/default.png'data(){return{baseImage:'http://1
舰行天下·2020-09-12 11:53

构建前端项目的思考

现在都是组件化，用一个语义化的标签来渲染内容，让开发者看的更清楚，比如一些自定义的标签不能与html标签冲突来表达这一部分是什么，通过组件化的思想，来拆分功能模块，拆到不能拆为止，通过自定义封装组件，也让维护变得方便
刘勇大三入门前端·2020-09-11 20:18

Vue Transition 实现类原生组件跳转过渡动画

原理模版中使用了Vue提供的封装组件transition，配
weixin_34174105·2020-09-11 17:03

react native axios 封装组件

一、最近在研究reactnative的网络请求，然后自己封装了一个来练习1.添加axios和querystring依赖yarnaddaxios&&yarnaddquerystring2.新建src/common/httpBaseConfig.js3.新建src/utils/http/index.jsimportaxiosfrom'axios';importqsfrom'querystring';i
sinat_33134895·2020-09-11 16:39

专栏诞生 --「从0到1搭建自己的UI组件库」

文章目录前言拥有自己组件库的好处开通专栏涉及知识点最后前言相信每个前端最常做的事就是封装组件吧，如今热门的前端框架都是基
沸羊羊_·2020-09-11 11:28

Vue.js如何封装组件？

现在需要在多个页面使用到上拉和下拉的滚动效果，手动封装一个BScroll的，如果没有安装better-scroll插件的安装上就可以1、首先：在src文件目录下创建一个common文件夹，里面在建一个封装组件的文件夹
神符之巅·2020-09-11 10:40

React学习路线

核心思想是“封装组件”，组件封装后可以作为一个独立的实体被引入到新的组件中，这样新的组件就又是一个实体了，由于组件的实现了可复用，所以是大大减小了开发的工作量。
码奴吴彦祖·2020-09-11 08:28

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

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

详解vue父子组件状态同步的最佳方式

我是木瓜太香，一位老牌儿前端工程师，平时我们在使用vue开发的时候，可能会遇到需要父组件与子组件某个状态需要同步的情况，通常这个是因为我们封装组件的时候有一个相同的状态外面要用，里面也要用，今天我们就来看看怎么优雅的解决这个问题吧
·2020-09-10 10:01

vue父子组件状态同步的最佳方式

我是木瓜太香，一位老牌儿前端工程师，平时我们在使用vue开发的时候，可能会遇到需要父组件与子组件某个状态需要同步的情况，通常这个是因为我们封装组件的时候有一个相同的状态外面要用，里面也要用，今天我们就来看看怎么优雅的解决这个问题吧
木瓜太香·2020-09-09 23:00

封装Vue Element的dialog弹窗组件

其实，并不是所有封装组件的方式都是一成不变的，你可以采用函数式组件这种能提高性能的方式，也可以使用带有状态和生命周期的普通组件的封装方式。
小坏先生·2020-09-01 14:00

前端开发~uni-app ·[项目-仿糗事百科] 学习笔记 ·008【首页开发】

024】page-json配置【025】图文、视频和列表样式（上）图片引入设计细节整体代码【026】图文、视频和列表样式（下）设计细节整体代码【027】封装列表样式组件数据存储状态(关注、赞、踩)标识封装组件
God-Excious·2020-08-26 08:36

基于React、Mobx、Webpack 和 React-Router的项目模板。

封装组件Loading，不需要重复写组件Loading判断。完全自定义的cli，内置mobx、webpack、react-router、classnames、dayjs、eslint等。
发声的沉默者·2020-08-24 16:58

vue封装（上拉加载更多数据 ）组件

1、封装组件{{item.name}}//封装的调用后台的查询接口方法import{queryMaterial}from'@/api/serve'exportdefault{props:{//禁用状态disabled
板__栗·2020-08-23 21:35

组件中data为啥是一个函数？

Vue中如何封装组件？什么是组件，为何要封装？组件中data为啥是一个函数？为何要封装？主要目的就是为了解耦使用组件，可以提升高复用性通用组件，必须具备高性能、低耦合的特性。
青零羽笙·2020-08-23 19:01

.net平台的rabbitmq使用封装

文章最后，我会把封装组件和demo奉上。Rabbitmq的关键术语1、绑定器(Binding)：根据路由规则绑定Queue和Exchange。
weixin_30416871·2020-08-23 14:10

手把手教学~基于element封装tree树状下拉框

话不多说，先看效果图：封装组件该组件主要基于element的select组件、tree组件及input组件进行二次封装的。组件布局首先我们需要基于这几个组件对我们的
前端优选·2020-08-23 14:37

react-ant-design带有下拉框选择的搜索功能实现详解（表格组件的使用）

1、预实现效果2、首先我们使用的是调用的是公共的封装组件，表格组件的封装在另一篇文章中。
WebViewSuper·2020-08-22 19:20

初识React

react.pngReact的核心思想是：封装组件，再由组件构成复杂页面，同时各个组件维护自己的状态和UI，当状态发生变化，自动重新渲染整个组件。
levinhax·2020-08-22 17:58

微信小程序【组件-组件生命周期】

封装组件创建compoent文件在要使用的界面Json文件中的{"usingComponents":{}}内使用然后在界面的wxml文件中使用组件传值跟vue组件传值类似在组件内的js文件中的properties
Wyliss·2020-08-22 16:21

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

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

vue项目中使用screenfull.js实现全屏，缩放功能

第一步安装依赖cnpminstall--savescreenfull封装组件components下创建文件夹Screenfull下创建文件index.vue//index.vue中代码importscreenfullfrom'screenfull'exportdefault
weixin_43926335·2020-08-22 04:56

富文本编辑器-2-组件封装

由于公司业务需要定制一些功能，用vue-quill-editor或直接用quill没有太大区别，都需要自行封装组件，所以没有引入vue-quill-editor，而是参考其封装。
minxuan·2020-08-22 04:28

扩展 element input 组件

扩展原因elementui的多行文本编辑框，其中的换行和空格，在保存的时候，被去掉了，如果希望用html标签和 替代，需要通过自定义组件来封装组件。
老实先生·2020-08-21 20:49

vue3 tinymce4实现复制word文档内容保留原格式

封装组件import'../../..
qq_35487928·2020-08-21 15:33

Vue 过渡和动画

（能够触发的包括v-if、v-show、数据更新导致的页面更新、组件过渡等）1.在CSS过渡和动画中自动应用classVue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入
hgzzz·2020-08-21 14:13

vue ali-oss 视频播放、下载封装组件

上面文章https://blog.csdn.net/cxz792116/article/details/96906166讲到了ali-oss视频上传组件的封装单如果想播放或者利用浏览器下载，还需要进一步的调用ali-oss的接口文档，下面就开始这方面的介绍。1、获取oss-ali,client对象参数importOSSfrom"ali-oss"//说明，直接调用阿里云接口，有可能信息会暴露。建议请
微微暖风·2020-08-21 13:10

vue实现 UI 组件库

二，开始封装组件在componets下创建一个button.vue的文件，name为cbButton(名字就自己起，叫啥都
没人要的破小孩·2020-08-21 05:45

搭建企业私有npm仓库

必要性:如果公司处于隐私保护的目的,不想将封装的包推到npm社区,但是又急需一套完整的包管理工具来管理很多的封装组件,以方便公司内部人员使用.创建一套私有的npm仓库很有必要.注:创建私有仓库还可以存着一些常用的
NPC光明·2020-08-21 04:57

express + socket.io实现超简易聊天室

什么是socket.iosocket.io是webSocket的一个封装组件，实现双向通信，可以用这个来实现聊天室功能、在线小游戏等等，是个有趣好玩的东西，博主就喜欢捣鼓这些实现聊天室思路聊天室就是要聊天嘛
hhzzcc_·2020-08-21 03:48

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
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他