本篇文章介绍UML的相关知识.参考<UML从入门到精通> 一.UML综述 1. UML简介 统一建模语言(UML)是一个通用的可视化建模语言,用于对软件进行描述.可视化处理.构造和建立软件系统制品的文档.UML描述了一个系统的静态结构和动态行为. UML将系统描述为一些离散的相互作用的对象并最终为外部用户提供一定功能的模型结构.静态结构定义了系统中重要对象的属性和操作以及这些对象之间的相互关系.动态行为定义了对象的时间特性和对象为完成目标而相互进行通信的机制.从不同但相互联系的角度对系统建立的…

本篇文章介绍UML的相关知识.参考<UML从入门到精通> 六.状态机视图 1. 概述 状态机视图通过对类对象的生存周期建立模型来描述对象随时间变化的动态行为.状态是给定类的对象的一组属性值 ,这组属性值对所发生的事件具有相同性质的反应.状态机用于描述类的行为,但它们也描述用例.协作和方法的动态行为. 2. 状态机 状态机是展示状态与状态转换的图.通常一个状态机依附于一个类,并且描述一个类的实例对接受到的事件所发生的反应.状态机也可以依附于操作.用例和协作并描述它们的执行过程. 3. 事件 事件…

这篇是使用的Excel 2007 进行文档设计,Excel的设计也是一门学问,这里主要介绍一些Excel的设计技巧,后面也会陆续更新该文章. 1. 固定某行某列 首先设计这样的任务管理文档: 现在我想保持第一行以及前两列是保持固定.那么,我首先需要选定一个单元格,而这个单元格的左上角就是文档行列分割固定点.如图所示: 这里我选定的单元格是C2,然后选择“视图”-> “窗口” –> “冻结窗格” 这里选择“冻结拆分窗格”: 可以发现在B列后以及2行前多了两条线,这个就是作为分割固定点的位置,这样…

以下是关于前端项目模块化的实践,包含以下内容: 搭建 NPM 私有仓库管理源码及依赖: 使用 Webpack 打包基础设施代码: 使用 TypeScript 编写可靠类库 使用 TypeScript 的收益 使用 Mocha/Jest 进行单元测试 [实现中] 使用 Webpack 打包基础设施代码已经很大程度上解决了生产力,但日益复杂业务和逻辑仍然让前端陷入"动态一时爽.重构火葬场"的笑谈,TypeScript 为解决这个问题而来. 在本章节我们使用 TypeScript 完成一个类…

以下是关于前端项目模块化的实践,包含以下内容: 搭建 NPM 私有仓库管理源码及依赖: 使用 Webpack 打包基础设施代码: 使用 TypeScript 编写可靠类库 使用 TypeScript 的收益 使用 Mocha/Jest 进行单元测试 [实现中] 本文是关于前端项目模板化的第1部分 使用 Docker 搭建私有NPM仓库 关于 Docker 的使用不在本文之中,请自行参考其他文档. 经过测试, keyvanfatehi/sinopia 可用. 将 docker image 拉下来…

来自一位美团大牛的分享,相信可以帮助到你. 原文链接:https://juejin.im/post/5948985ea0bb9f006bed7472?utm_source=tuicool&utm_medium=referral 前言   本文主要介绍facebook推出的一个类库immutable.js,以及如何将immutable.js集成到我们团队现有的react+redux架构的移动端项目中. 本文较长(5000字左右),建议阅读时间: 20 min 通过阅读本文,你可以学习到: 什么是i…

前段时间有写过一个TypeScript在node项目中的实践. 在里边有解释了为什么要使用TS,以及在Node中的一个项目结构是怎样的. 但是那仅仅是一个纯接口项目,碰巧赶上近期的另一个项目重构也由我来主持,经过上次的实践以后,尝到了TS所带来的甜头,毫不犹豫的选择用TS+React来重构这个项目. 这次的重构不仅包括Node的重构(之前是Express的项目),同时还包括前端的重构(之前是由jQuery驱动的多页应用). 项目结构 因为目前项目是没有做前后分离的打算的(一个内部工具平台类的项目…

TypeScript在node项目中的实践 TypeScript可以理解为是JavaScript的一个超集,也就是说涵盖了所有JavaScript的功能,并在之上有着自己独特的语法.最近的一个新项目开始了TS的踩坑之旅,现分享一些可以借鉴的套路给大家. 为什么选择TS 作为巨硬公司出品的一个静态强类型编译型语言,该语言已经出现了几年的时间了,相信在社区的维护下,已经是一门很稳定的语言.我们知道,JavaScript是一门动态弱类型解释型脚本语言,动态带来了很多的便利,我们可以在代码运行中随意的修…

Golang项目的测试实践 最近有一个项目,链路涉及了4个服务.最核心的是一个配时服务.要如何对这个项目进行测试,保证输出质量,是最近思考和实践的重点.这篇就说下最近这个实践的过程总结. 测试金字塔 按照Mike Cohn提出的"测试金字塔"概念,测试分为4个层次 最下面是单元测试,单元测试对代码进行测试.再而上是集成测试,它对一个服务的接口进行测试.继而是端到端的测试,我也称他为链路测试,它负责从一个链路的入口输入测试用例,验证输出的系统的结果.再上一层是我们最常用的UI测试,就是测…

点击上方"前端自习课"关注,学习起来~ 前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM:但 Vue 项目中仍然存在项目首屏优化.Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能.更好的用户体验.本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化…