马骏超的博客

Element-ui源码系列——初识框架Element-ui源码系列——初识框架序言目录结构package.json1.基础信息2.依赖关系3.Scripts对象总结序言现在前端的技术越来越杂,也越来越细了,以至于每次看完文档都会有个错觉,就是自己差不多会了.真正去做项目的时候又是重复之前的步骤.之前写Java的时候，会习惯性的看看源...

Element-ui源码学习系列二——搭建ESlint语法检测及Karma测试环境​ 先介绍下背景,这件事发生在我们团队的开发过程中,这件事也是我们团队为什么要坚定不移使用Eslint的导火索.事情是这样,项目在稳定版本后进行分支继续开发,新人同事无意中将之前的一个Web Worker文件里的半角)改成了圆角）,Webpack编译一直报错并无法定位到错误,只能一片一片代码去注释来定位错误,...

Element源码系列——搭建开发环境序言由于其中涉及的知识点比较多,为了尽可能写的更详细,将会有一些文章间的跳转.如有带来困扰,实在抱歉.个人觉得在搭建之前,角色互换一下,设身处地的想一下如果让您做一个这样的产品应该怎么去开发? 既然咱们开发的是一个UI框架,那么一个美观的教程网站肯定是必须的,并且网站至少要有展示效果+代码+API这种组合来呈现内容.那么我们首先要解决的...

Element-ui源码系列——build:file命令build:file是一个组合命令,它由四个子命令构成.命令大致都是通过解析配置文件,生成最终文件.那么下面,让我们来一个一个具体的看看每个命令是做什么的.1.icon图标初始化 node build/bin/iconInit.js该子命令的作用是读取icon的样式表,通过解析样式表.最终生成一份所有可用的icon清单...

Element-ui源码学习系列三——Vue加载Markdown格式组件上篇Element-ui源码学习系列三——Vue加载Markdown格式组件上篇序言安装vue-cli安装相关依赖编写Webpack配置文件编写组件总结序言文档是如何工作的 – vue-markdown-loader 当初写 Mint UI 时就遇到了要用 Vu...

Element源码系列——Row以及Col组件Element源码系列——Row以及Col组件序言RowCol总结序言官网中对Layout 布局的定义是: 通过基础的 24 分栏，迅速简便地创建布局. Element中的栅格系统也与Bootstrap类似,组件开发的目的都是为了解决基本布局定位的问题.Layout主要组件为Row与Col,其中...

Element源码系列——Form、Form-item组件Element源码系列——Form、Form-item组件序言控件组成数据收集校验数据提交数据总结序言Element团队将组件主要分为Basic、Form、Data、Notice、Navigation、Others几大类.如果您跟我一样学习到Form大类的时候,先看Form组件绝对没...