代码改变世界

随笔分类 -  0x02.FrontEnd

Vben Admin 源码学习:状态管理-角色权限

2022-09-07 12:02 by Anduril, 4045 阅读, 收藏, 编辑
摘要: Vben Admin 源码学习:状态管理-角色权限 本文将对 Vue-Vben-Admin 权限的状态管理进行源码解读,耐心读完,相信您一定会有所收获! 阅读全文

Element 2 组件源码剖析之布局容器

2022-07-27 15:27 by Anduril, 856 阅读, 收藏, 编辑
摘要: Element 2 组件源码剖析之布局容器 本文将介绍用于布局的容器组件,使用 `Flexbox` 功能将其所控制区域设定为特定的布局,方便快速搭建页面的基本结构。 阅读全文

Vben Admin 源码学习:状态管理-错误日志

2022-05-31 14:32 by Anduril, 804 阅读, 收藏, 编辑
摘要: Vben Admin 源码学习:状态管理-错误日志 本文将对 Vue-Vben-Admin的状态管理(错误日志)实现源码进行分析解读,耐心读完,相信您一定会有所收获! 阅读全文

Vben Admin 源码学习:状态管理-项目配置

2022-05-30 21:47 by Anduril, 1812 阅读, 收藏, 编辑
摘要: Vben Admin 源码学习:状态管理-项目配置 本文将对Vue-Vben-Admin 的状态管理实现源码进行分析解读,耐心读完,相信您一定会有所收获! 阅读全文

Vben Admin 源码学习:项目初始化

2022-05-30 15:10 by Anduril, 1822 阅读, 收藏, 编辑
摘要: Vben Admin 源码学习:项目初始化 Vue-Vben 是一个免费开源的中后台模版。本文对项目代码进行深入分析 ,耐心读完,相信您会有所收获。 阅读全文

从0到1搭建自己的组件(vue-code-view)库(下)

2021-11-03 15:11 by Anduril, 603 阅读, 收藏, 编辑
摘要: 从0到1搭建自己的组件(vue-code-view)库(下) 本文将从源码功能方面讲解下项目 `vue-code-view` 实现逻辑,耐心读完,相信会对您有所帮助! 阅读全文

从0到1搭建自己的组件(vue-code-view)库(上)

2021-11-02 22:00 by Anduril, 1005 阅读, 收藏, 编辑
摘要: 从0到1搭建自己的组件(vue-code-view)库(上) 本文将从结构、功能等方面讲解下项目 `vue-code-view` 的搭建过程。耐心读完,相信会对您有所帮助! 阅读全文

[个人开源]vue-code-view:一个在线编辑、实时预览的代码交互组件

2021-11-01 17:05 by Anduril, 3725 阅读, 收藏, 编辑
摘要: [个人开源]vue-code-view:一个在线编辑、实时预览的代码交互组件 vue-code-view是一个基于 vue 2.x、轻量级的代码交互组件,在网页中实时编辑运行代码、预览效果的代码交互组件。 阅读全文

08.ElementUI 2.X 源码学习:源码剖析之工程化(三)

2021-06-08 11:27 by Anduril, 346 阅读, 收藏, 编辑
摘要: 本文是工程化系列第三篇,将详细介绍项目的打包配置及打包的详细过程,将涉及知识点一一概括标注,希望能对您有所帮助! 阅读全文

07.ElementUI 2.X 源码学习:源码剖析之工程化(二)

2021-06-07 15:28 by Anduril, 332 阅读, 收藏, 编辑
摘要: `build` 目录下定义了许多项目构建脚本和配置(开发,打包,部署,持续集成)。 `npm script`各命令作为入口,会调用 `build` 目录中文件,从而自动完成大量重复性工作。 阅读全文

06.ElementUI 2.X 源码学习:源码剖析之工程化(一)

2021-06-03 09:19 by Anduril, 780 阅读, 收藏, 编辑
摘要: 前端工程化 就是为了应对上述问题,把软件工程相关的方法和思想应用到前端日常开发中,以 系统化的、规范化的、可度量的方法 用于前端项目的开发、运行和维护等阶段,从而提高开发效率、提高产品质量。 阅读全文

05.ElementUI源码学习:项目发布配置(github pages&npm package)

2021-04-27 22:39 by Anduril, 780 阅读, 收藏, 编辑
摘要: 项目第一个组件已经封装好,说明文档也已编写好。下面需要将说明文档发布到外网上,以此来展示和推广项目,使用 Github Pages功能实现。同时将组件发布之 npm 上,方便引用。 阅读全文

04.ElementUI源码学习:组件封装、说明文档的编写发布

2021-04-21 22:30 by Anduril, 1293 阅读, 收藏, 编辑
摘要: 项目经过一系列的配置,开发脚手架已经搭建完毕。接下来开始封装自定义组件、并基于 markdown 文件生成文档和演示案例。 阅读全文

03.ElementUI源码学习:代码风格检查和格式化配置(ESlint & Prettier)

2021-04-17 01:51 by Anduril, 843 阅读, 收藏, 编辑
摘要: 在团队协作中,为避免低级Bug、以及团队协作时不同代码风格对彼此造成的困扰与影响,会预先制定编码规范。使用 Lint工具和代码风格检测工具,则可以辅助编码规范执行,格式化代码,使样式与规则保持一致,有效控制代码质量,实现项目代码风格统一。 阅读全文

02.ElementUI源码学习:babel配置

2021-04-15 11:29 by Anduril, 731 阅读, 收藏, 编辑
摘要: Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。 阅读全文

01.ElementUI源码学习:项目初始化和webpack配置

2021-04-14 18:56 by Anduril, 462 阅读, 收藏, 编辑
摘要: 项目初始化和webpack配置 阅读全文