发布前端组件时,通常为求彻底组件化,npm publish 命令会只发布组件本身,package.json 的所有依赖均不允许一起发布,否则大家的组件可能越发布越庞大,从“发布组件”变成“发布系统”。。。 但是,有时组建会用到一些必要的小图标或者较精简的小代码库,此时发布组件时包含这些资源较为必要。 ...
分类:
其他好文 时间:
2019-10-06 11:19:02
阅读次数:
83
本文所用组件传送门:vue-org-tree 本文基于antd (其他前端组件框架操作基本都类似的: iview,elementui,boostrap-vue...) 当然,github上还有其他类似的组件,实现方法各有不同,显示效果也有差异,但都是很方便的组件。 看到网上有很多相关的使用教程,gi ...
分类:
其他好文 时间:
2019-09-07 12:31:14
阅读次数:
462
本文梳理如何搭建和构建前端组件库. 了解几个问题 为何需要组件化? 大部分项目起源都是源于业务方的各种各样的奇葩需求。随着公司的业务发展,公司内部开始衍生出很多的B2C系统、后台系统,前端部门也疲于应对越来越多同质化的项目,这些项目在很多基础模块层、源代码存在不小的相似,甚至存在相似的业务模块。 笔 ...
分类:
其他好文 时间:
2019-08-23 10:26:24
阅读次数:
81
在前后端分离的模式下,所有的交互场景都变成了数据交互,因此传统业务系统中的权限控制方案在前端已经不再适用(比如使用后台模板标签进行权限控制),需要另外设计权限控制方案。 权限控制的概念 要理解权限控制,需要明白两个概念:资源和权限。 资源:对于一个系统来说,系统内部的所有信息都可以理解为是这个系统的 ...
分类:
其他好文 时间:
2019-08-20 10:59:30
阅读次数:
113
一、组件化思想概念 1. 思想背景 1.1业务场景 在做一次项目需求开发的过程中,涉及到动态创建多个条件区域,对于每个单独的条件区域,分为左边表格数据区和右边勾选左边表格某些数据行的区域。具体到左边表格数据区,包括一个通过用户输入的某个条件来查询数据,以一个表格分页的形式展示出来。其中这个表格里面包 ...
分类:
其他好文 时间:
2019-07-19 19:09:49
阅读次数:
180
最近的一个项目采用前后端完全分离的架构,前端组件:vue + vue router + vuex + element ui + axios,后端组件:Spring Boot + MyBatis。之所以这样做是为了考虑后端水平扩容的便利性,在部署的时候完全可以将前后端彼此独立部署,前端部署可以直接使用 ...
分类:
编程语言 时间:
2019-06-01 21:21:07
阅读次数:
135
一、蚂蚁金服团队推出的基于React antd (全名:ant.design) 友情跳链:https://ant.design/index-cn;使用antd模板:https://pro.ant.design/ (基于react) 优点: 不言而喻,阿里的蚂蚁金服团队,在前端组件UI上是下足了功底, ...
分类:
其他好文 时间:
2019-04-08 13:17:20
阅读次数:
243
第1章 课程介绍 本章主要介绍课程的知识大纲,学习前提,讲授方式及预期收获。 1-1 课程简介试看 第2章 Vue 起步 本章将快速讲解部分 Vue 基础语法,通过 TodoList 功能的编写,在熟悉基础语法的基础上,扩展解析 MVVM 模式及前端组件化的概念及优势。 2-1 课程学习方法 2-2 ...
分类:
移动开发 时间:
2019-03-29 00:54:34
阅读次数:
383
1 layui https://www.layui.com/ 2 sui http://sui.taobao.org/sui/docs/tutorial.html 3 sui mobile http://m.sui.taobao.org/ 4 mui http://dev.dcloud.net.cn ...
分类:
其他好文 时间:
2019-03-24 17:22:34
阅读次数:
118
前面几篇都是在介绍结构化与非结构化的数据存储,本篇换换口味介绍一下框架是如何实现前端组件化开发的。首先得感谢Vue、ElementUI等优秀的前端开源项目,这些项目帮助作者快速实现了框架的两个前端工程(IDE及Web应用)的开发。 当初框架的设计目标是 ...
分类:
移动开发 时间:
2019-03-05 16:53:19
阅读次数:
311