个人简介

Echo Blog


江湖无名 安心练剑
  • Ant Design-02-Visual
    色彩 Ant Design 将色彩体系解读成两个层面:系统级色彩体系和产品级色彩体系。 系统级色彩体系主要定义了蚂蚁中台设计中的基础色板、中性色板和数据可视化色板。产品级色彩体系则是在具体设计过程中,基于系统色彩进一步定义符合产品调性以及功能诉求的颜色。 色彩模型 Ant Design 的设计团队倾向于采用 HSB 色彩模型进行设计,该模型更便于设计师在调整色彩时对于颜色有明确的心理...
    2018-07-11 02:17:10 | Design
  • Ant Design-01-Rules
    亲密性 如果信息之间关联性越高,它们之间的距离就应该越接近,也越像一个视觉单元;反之,则它们的距离就应该越远,也越像多个视觉单元。 亲密性的根本目的是实现组织性,让用户对页面结构和信息层次一目了然。 纵向间距关系 通过『小号间距』、『中号间距』、『大号间距』这三种规格来划分信息层次。 在 Ant Design 中,这三种规格分别为:8px(小号间距)、16px(中号间距)、24px...
    2018-07-11 01:08:38 | Design
  • Ant Design-00-Overview
    Ant Design 🐜 Ant Design 一个服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观和模块化的解决方案,让设计者专注于更好的用户体验。 React 使用 Ant Design of React 是一套基于 React 的企业级实现。 暂时不做学习 设计语言 简介 蚂蚁的企业级产品是一个庞大且复杂的体系。这类产品不仅量级巨大且功能复杂,而且变动和并发...
    2018-07-11 01:08:38 | Design
  • Jib
    Jib Jib is is a Maven plugin for building Docker and OCI images for your Java applications. 目标 快速 快速部署您的变更。Jib将应用程序分成多个层,将依赖项与类分开。现在,您不必等待Docker重新构建整个Java应用程序——只需部署已更改的层。 可再现性 —用相同的内...
    2018-07-10 13:08:59 | Java
  • Vuex 状态管理模式
    Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 什么是“状态管理模式”? 计数的例子 ne...
    2018-07-06 07:42:03 | Web
  • PostCSS 未来的 CSS
    PostCSS PostCSS is a tool for transforming CSS with JavaScript. 特性演示 提升代码可读性 Autoprefixer 将使用基于当前浏览器流行度和属性支持的数据为您应用前缀。 input :fullscreen { } output :-webkit-:full-screen { } :-moz-...
    2018-07-06 06:27:21 | Web
  • Eslint JS 语法报告
    Eslint Eslint is the pluggable linting utility for JavaScript and JSX. 开始使用ESLint ESLint是一个用于识别和报告ECMAScript/JavaScript代码中的模式的工具,其目标是使代码更加一致并避免错误。 在许多方面,它类似于JSLint和JSHint,但有几个例外: ESLint...
    2018-07-06 06:04:56 | Web
  • JSX
    JSX JSX is XML-LIKE SYNTAX EXTENSION TO ECMASCRIPT. JSX是ECMAScript的类似xml的语法扩展,没有任何定义的语义。 它不打算由引擎或浏览器实现。将JSX合并到ECMAScript规范本身并不是一个建议。 它被各种预处理程序(传输程序)用于将这些令牌转换为标准的ECMAScript。 // Using JSX to expre...
    2018-07-06 03:28:06 | Web