首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
UI
订阅
晚风181
更多收藏集
微信扫码分享
微信
新浪微博
QQ
21篇文章 · 0订阅
Element-UI 技术揭秘(1)- 前言
如果你用 Vue 技术栈开发 PC 的 to B 业务,那么对 element-ui 一定不会陌生,我目前在 Zoom 工作,fork 了一份 element-ui 的源码做二次开发,对 element-ui 的源码也有了一定的研究。由于自研组件库并不是开源的,所以我也不能把它…
Element UI 源码解读之 Table 组件
非常感谢 ElemeFE 团队开发的 Element 组件库,这套组件库不但界面美观而且代码优雅,十分值得借鉴。Table 是较为常用的组件之一,本文仅对 Table 结构做一个简单的分析,具体实现可参考 Element 源码 (V1.25)。 表格结构 <div clas…
Element源码分析-Carousel走马灯
以下的element官方标准的调用方式。其实调用起来很简单,初学vue就能看能看懂。 throttle 这个是 节流函数,在很多场景都需要用,element单独从npm引入包,我们可以点开学习一下,在之后的项目实战中,肯定会多遇到。其实要注意就是this的改变,callbak.…
Element UI源码中学到的技巧
Element UI 是世界级最优秀的UI框架之一。这个优秀的框架有哪些我们学习的优点呢?这篇文章将分享作者在查看这个框架仓库源码中认为值得参考的技巧。
ElementUI 源码简析——源码结构篇
ElementUI 作为当前运用的最广的 Vue PC 端组件库,很多 Vue 组件库的架构都是参照 ElementUI 做的。作为一个有梦想的前端(咸鱼),当然需要好好学习一番这套比较成熟的架构。 .github:存放贡献指南以及 issue、PR 模板,这些是一个成熟的开源…
Element源码分析系列7-Select(下拉选择框)
可见最外层的<el-select>有一个v-model,这个是组件的v-model用法,具体参考官网,value初始为空,当选择了下拉菜单的某一项后,value变成那一项的值。<el-select>标签内是用v-for循环出所有的options,<el-option>也是Ele…
Element-UI 技术揭秘(2)- 组件库的整体设计
当我们去实现一个组件库的时候,并不会一上来就撸码,而是把它当做产品一样,思考一下我们的组件库的需求。那么对于 element-ui,除了基于 Vue.js 技术栈开发组件,它还有哪些方面的需求呢。 丰富的 feature:丰富的组件,自定义主题,国际化。 文档 & demo:提…
Element源码分析系列1一Layout(布局)
打开index.js,这里最后一句导出Row供我们import,而中间的install方法则是把这个组件当成一个Vue的插件来使用,通过Vue.use()来使用该组件,install方法传递一个Vue的构造器,Element的所有组件都是一个对象{...},里面有个render…
element-ui 的组件源码还能这么看
作为一位有深度(老了)、有追求(但学不动)的前端开发者,我们肯定都曾想通过看组件库的源码(本章以 Element 为例)来拔高自己的水平,也肯定都尝试过,只是最终不了了之罢了,这很正常,我也是这样的😭,到现在也只看了 1/6 🙃,还是最简单的那几个组件。其实(对于功底 一般…
跟着Element源码学组件化
ElementUI作为当前最流行的Vue组件库,以其丰富多样的组件和可配置化程度高吸引着众多的开发者;今天我们就深入它的源码,看一下它内部众多组件究竟是如何来实现的,以便我们在今后的开发中写出通用化程度更高的组件,同时也加深对其组件用法的理解。 可以看出,Element的使用范…