首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
vue UI库
订阅
css_Machinist
更多收藏集
微信扫码分享
微信
新浪微博
QQ
6篇文章 · 0订阅
Element源码分析系列1一Layout(布局)
打开index.js,这里最后一句导出Row供我们import,而中间的install方法则是把这个组件当成一个Vue的插件来使用,通过Vue.use()来使用该组件,install方法传递一个Vue的构造器,Element的所有组件都是一个对象{...},里面有个render…
Element UI 源码解读之 Table 组件
非常感谢 ElemeFE 团队开发的 Element 组件库,这套组件库不但界面美观而且代码优雅,十分值得借鉴。Table 是较为常用的组件之一,本文仅对 Table 结构做一个简单的分析,具体实现可参考 Element 源码 (V1.25)。 表格结构 <div clas…
Element源码分析系列3-Button(按钮)
我们一步步分析,首先很明确,<el-button>就是封装了原生的button而已,原生button有个地方需要注意,请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不同的默认值,值有3种,button,subm…
Element源码分析系列6-Checkbox(复选框)
简介复选框的逻辑比单选框更为复杂,代码量也更多,这里只介绍其与单选框不同的逻辑,其余的分析参考单选框先上代码,官网代码点此是不是看的一脸懵逼,最好是打开官网,对照checkbox用法一项项来分析其原理
Element源码分析系列5-Input(输入框)
可以看出-webkit-appearance:none,outline:none这些用法在和各个组件内都很普遍,目的就是去掉浏览器自己渲染出的样式,统一规定样式。这里的transition居然使用了贝塞尔曲线进行过渡,话说过渡时间才0.2秒,使用贝塞尔曲线能看出来么?直接eas…
Element源码分析系列2-Container(布局容器)
它是一个3元运算符,首先判断this.$slots&& this.$slots.default,如果不存在直接返回false,不存在的情况就是子元素为空。this.$slots是组件的实例属性,组件是可复用的Vue的实例,和 new Vue()一样是实例,因此有以下属性 因此这…