摘要:
不知道为什么,UI 很喜欢设计蜂巢效果(摊手) 一、实现六边形 首先用传统的方式来分析一下六边形 可以拆分成三个矩形,每个矩形旋转正负 60° 得到其它两个矩形 由此可以设计出基本的 HTML 结构 矩形的宽高先随便设置,后面组件化的时候再计算其关系,通过 props 设置 然后设置 CSS 样式 阅读全文
摘要:
在《Umi 小白纪实(一)》中有提到过简单的路由配置和使用,但这只是冰山一角 借用一句广告词,Umi 路由的能量,超乎你的想象 一、基本用法 Umi 的路由根结点是全局 layout src/layouts/index.js 路由会将相应的页面组件映射到上面的 props.children 中 之前 阅读全文
摘要:
Umi 通常会搭配 Dva 使用,用于管理页面状态和逻辑 一、注册 model 首先需要在 .umirc.js 中启用 dva 插件 export default { plugins: [ ['umi-plugin-react', { dva: { immer: true, }, }], ], } 阅读全文
摘要:
umi 是一个企业级 react 应用框架,也是蚂蚁金服的底层前端框架 《蚂蚁金服的前端框架和工程化实践》 一、安装脚手架 在创建项目之前,需要保证有 node 8.10 以上的环境 可以使用官方脚手架 create-umi 快速创建项目 首先创建一个新目录 mkdir myapp && cd m 阅读全文
摘要:
作为一名前端工程师,debugger 和 console.log 应该是最常用的调试命令 但 console.log 除了打印一条普通的 message 之外,还能做一些有意思的事情 比如打印一条不普通的 message 一、console.log console.log 除了常规用法之外,还可以通 阅读全文
摘要:
今年做了许多选择,就让时间来见证选择的结果吧 《2018 年终总结 & 2019 年度计划》 2019 年度计划完成情况: 1.健身时间不少于300天; 未完成 5月之前差不多一周三练,之后一周六练,总共只有250天左右 2.至少每个月看一本书; 达标 《大秦帝国(全6部)》《三体(全3部)》《人间 阅读全文
摘要:
问题描述: 将毫秒格式化之后,按“天、小时、分钟、秒”展示 如 630170722 处理之后展示为“7天7小时2分50秒” 解决方案: 阅读全文
摘要:
问题描述: 有这样一个对象 由于种种原因,需要将其中的字段名 e_mail 修改为 eMail 分析原因: 处理的方案有很多,比如用 for-in 语句遍历,或者 delete 之后再新增字段,但这两种方案都有问题 首先 for-in 遍历效率太低,直接忽略。使用 delete 处理基础类型很有效, 阅读全文
摘要:
项目中需要用到甘特图组件,之前的图表一直基于 EChart 开发,但 EChart 本身没有甘特图组件,需要自行封装 经过一番鏖战,终于完成了... 我在工程中参考 v-chart 封装了一套图表组件,所以这里只介绍甘特图组件的实现,图表的初始化、数据更新、自适应等不在这里介绍 一、约定数据格式 阅读全文
摘要:
问题描述: 将数值处理为 10 的倍数,并支持向上或者向下取整 如将 2345 可以处理为 2300 | 2400 | 3000 | 2000 解决方案: 阅读全文