首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
封装组件
订阅
CAN1177
更多收藏集
微信扫码分享
微信
新浪微博
QQ
11篇文章 · 0订阅
React 之触底加载
我们经常在页面开发中遇到“渲染列表”的情况。今天给各位小伙伴带来“React”中触底加载的一种实现方式(注:以下将使用函数式组件),希望能对各位有所帮助,蟹蟹٩('ω')و。
十分钟封装一个好用的axios,省时又省力他不香吗
十分钟封装一个好用的axios,省时又省力他不香吗。请求响应拦截器; 全局的loading配置, 默认开启,可配置关闭;统一文件下载处理
React hooks 封装入门级 scroll 组件
入门级react版scroll组件开发 , 功能:滚动到底部加载更多、错误提示、没有更多、没有更多数据底部提示。
vue组件封装指南
因为直接赋值,对于对象和数组而言只是浅拷贝,指向的是同一个内存地址,其中一个改变另一个也会改变。而通过 JSON颠倒转换之后,实现了深拷贝,则可以互不影响。 这样既降低了耦合性,也保证了各自的数据不被污染。 上面是一个通用组件,在某些场景中,右侧的按钮是 “处理” 和 “委托”…
聊聊组件设计
1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发(本文重点) 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX,把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条,如果你不确定该组…
使用npm发布一个vue组件
这是一篇包教不包会的npm发布教程,为了避免很多文章中的分享,跟着一步步做,最后发包失败。。时间没了,搞得心情都不好了。 在项目中,我们都希望安装的插件体积尽可能的小,因此,我们在发包的时候也要尽量控制我们的依赖,所以我选择自己创建一个打包项目,而不是用笨重的vue和rea…
手把手教你封装 Vue 组件,并使用 npm 发布
本文主要记录一下如何基于 Vue 开发组件,并在 npm 上发布。废话不多说,进入正题 好了,到这里准备工作做好了,我们可以开始开发组件了,接着上面的例子,下面开始开发一个 switch 组件。 写的比较简单,主要还是提供思路。用习惯了开源的组件自己总得了解一下嘛,有的时候在…
[Vue 进阶] 封装组件 并上传npm仓库
前景:在项目开发中,会用到重复的功能模块需求,普遍的做法是构造公用组件。但是想在新项目中重新使用,把公用组件扣出来,步骤繁琐。所以,小弟研究了下组件封装并上传 npm仓库,再此写下操作步骤。 libraryTarget:为了支持多种使用场景,我们需要选择合适的打包格式。常见的打…
如何封装一个Vue UI组件库,并实现按需加载?
这篇文章会介绍如何基于Vue CLI 命令行工具封装一个Vue UI组件库。之前有写过 React 版本从零开始配置做一个React UI 组件的文件,有兴趣的可以看下。 可通过 vue --version 命令查看是否安装成功。 这条命令会生成一个 lib 文件夹,将所有的组…
React 实现一个简单实用的 Form 组件
这已经是比较简单的登录页,一些涉及到详情编辑的页面,十多二十个组件也是常有的。一旦组件多起来就会有许多弊端: 不易于维护:占据大量篇幅,阻碍视野。 可能影响性能:setState的使用,会导致重新渲染,如果子组件没有相关优化,相当影响性能。 表单校验:难以统一进行表单校验。 .…