Yangtzem-CSDN博客

原创初识MobX要点

MobX中文官网：https://cn.mobx.js.org/refguide/api.html看完官网再来看我的总结：MobX简介mobx 是一个数据管理库，可以和 react 配合使用可以直接修改数据，对 UI 进行精确刷新透明的函数响应式编程，状态管理变得简单和可扩展核心要点（1）State状态集，一个可实例化的类（2）observable可观察的，...

2018-09-27 17:59:20 862

原创 node-xlsx将Excel表格数据转换为JSON格式

背景：某个项目采用mock模拟数据，客户给了一份Excel，身为前端的我等了一个星期的数据还是没有等到，中间穿插了N个项目。。。故事是这样开始的某一天老板跟我说：“小王啊，我最近实在太忙，这数据实在没有时间处理，你帮忙处理下吧！” 我：“这个没有弄过。。。” 心想：“我是一名前端，这不是后端的事吗” 老板：“你搜下node插件，有专门处理Excel数据的，很简单...

2018-09-26 17:42:17 1828

原创一个基于 TypeScript + React 微信禁用分享通用组件

前端项目开发环境：TypeScript + React封装一个通用的组件：该组件可在任意父组件中引入，亲测微信有效，企业微信无效方式一：纯React方法形式经过测试发现，未写componentWillReceiveProps方法时，只在进入系统的第一个页面把微信分享禁用了，切换页面后微信分享按钮就出来了。真的是坑。。。然后苦寻原因。解决办法：由于React 生命周期分为三种状态...

2018-08-10 18:11:25 777

原创 GitLab 生成 SSH Keys

无ssh keys时ssh-keygen -t rsa -C "[email protected]" -b 4096生成ssh-key ，在需要设置密码时直接enter生成后用cat ~/.ssh/id_rsa.pub 打开复制秘钥放入GitLab即可...

2020-04-01 09:55:52 181

原创 Cytoscape.js 学习

官网有多种 layout，可根据业务场景选择合适的 layout。由于项目业务涉及产品及成分关系的研究，选用 CoSE Bilkent 和 fCoSE 2种 layout，比较美观、清晰。 fCoSELayout如图节点的关系获...

2019-09-27 10:17:46 1552

原创 Redux 认识

Redux 数据流管理图解1.使用场景：涉及多个页面组件共享一个状态时; Store 存放全局对象某个组件的状态，需要共享某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态2. 无须使用Redux的场景页面组件内部状态无须Redux，只需要局部state缺点：(1) 代码耦合性高(2)繁琐，需要不断调用 ...

2019-09-23 10:37:16 194

最近接到一个需求，要求用雷达图的拐点表示占比，雷达图表示性格值。在ECharts社区没有找到现成的例子，只找到拐点用不同颜色表。而折线图的拐点是可以表示数值大小的。经过对比、研究折线图数据和示例中的数据，发现是由6组数据生成的该图，雷达图原始数据+五组缺少其它点的数据。修改后的图地址：https://gallery.echartsjs.com/editor.html?c=x6s6CfRpwg...

2019-05-28 11:15:35 4563 1

原创 umi + dva 应用框架中yield串行接口调用填坑（二）

在看本文之前先回顾下umi + dva 应用框架中yield串行接口调用填坑（一）本文提供第三种接口优化的方法R3:将getCompares 异步方法拆分为多个异步方法，耗时1s / 2s / 10s，每个异步返回结果后会直接改变state，缩短了页面看到所有内容时间effects: { *getCompares({ params, onSuccess }: any, {...

2019-05-10 18:29:47 1091

转载 Git worktree 建立工作库

常用git worktree add <path> [<branch>]：增加一个新的 worktree ，并指定了其关联的目录是path，关联的分支是<branch>。示例：git worktree add ../csi-mobile master在新的工作目录下安装包即可运行参考内容：git worktree 的使用...

2019-04-25 13:40:01 884

原创 Echarts 雷达图指示器名称rich使用示例

1.radar.name.rich'radar.name': { textStyle: { color: '#5a4b66' }, formatter: (str) => { let obj = _.find(personalityChart, (pc: any) => pc.image === str) || {}; ...

2019-04-16 18:18:59 3908 5

原创 umi + dva 应用框架中yield串行接口调用填坑（一）

DvaJS，基于 Redux 的数据流方案，一个轻量级的应用框架。经典组合 Dva + Ant Design + TypeScript + ES8UmiJS，蚂蚁金服的底层前端框架，企业级 React 应用框架，开箱即用。umi + dva 1）根据文件名自动生成路由----约定式路由（ nuxt.js / next.js ）2）脚手架能力3）Mock 数据dva 的 mo...

2019-01-23 16:14:25 5188

原创网易第二届前端技术大会参会总结

来自7位老师的分享主题：megalo-网易考拉小程序解决方案嘉宾：网易高级前端开发@吴子然主题：支付宝小程序最佳实践嘉宾：蚂蚁金服前端技术专家@勾玉主题：NEIMockStore 演变之路嘉宾：网易云音乐前端技术专家@包永明主题：世界是平的吗？嘉宾：阿里云高级前端技术专家@徐飞主题：如何构建企业级 Node.js 应用嘉宾：网易考拉高级前端开发@许骏宇主题：Div...

2019-01-23 15:45:28 608

原创 react 组件关系梳理

最近在做一个增删改查的类后台管理系统，页面结构和交互比较复杂，权限也有多种。开发周期只有3周，时间是很紧迫的。项目背景介绍：一个基于网红关于某些品牌活动的帖子分析系统，一个页面Campaign Performance无数据状态：Campaign Performance页涉及功能模块：1）活动筛选2）活动创建、编辑、删除3）帖子基本信息创建、编辑、删除4）帖子数据输入...

2019-01-16 13:43:41 723

原创让前端人员很苦恼的几件事

作为一名前端开发人员，最常见的就是根据设计稿和需求文档评估工作量，最后项目组就会给一个合理的开发排期。前端在开发过程中很苦恼的几件事？设计：Q1: 设计稿难产处理办法：1）先催再等 2）拿固定不变的半成品先做结构、划分组件Q2: 在开发过程中发现某处设计用常规办法无法实现处理办法：1）做好评估，在开发前发现问题，向设计反馈意见 2）跟设计说明情况，采用折中办法 ...

2019-01-16 13:41:49 343

原创 Gitflow工作流程填坑（一）——解决新建、删除只本地仓库有效的问题

本文重点在于填坑，在填坑之前请自行补Git相关基础知识及Git flow的工作流程。可参考Gitflow工作流程Git flow是一种广泛应用的多人协作流程。用于维护的分支但是亲测发现，该工作流程只适用于本地。新建任意release/feature分支都是本地分支，需要手动push到远程。所有的操作都只针对本地仓库，远程仓库相应的操作都需要额外的步骤。有没有感觉用起来很不爽？不...

2019-01-07 11:52:03 868 1

原创 Git命令（二）

今天讲讲Git 命令中的删除 .gitignore 忽略文件的缓存。为什么会讲这个呢，在多人协同开发中很容易产生合并冲突，尤其是忽略文件。开发者明明在本地.gitignore忽略了某个文件，合并的时候就某个被忽略文件产生冲突。这个时候就比较糟心了。那么怎样删除缓存呢？示例：在.gitignore 忽略文件配置 /.webpackrc.js（1）git pull（2）删除根 ...

2018-11-23 14:56:53 156

原创 VS Code 踩过的那个坑——自动更新 import 语句的路径

项目：VS Code + TypeScript + React + Mac用户设置: 打开方式（command+,）默认用户设置// 启用或禁用在 VS Code 中重命名或移动文件时自动更新 import 语句的路径。可选值有: "prompt" (在每次重命名时提示)、"always" (始终自动更新路径) 和 "never" (从不重命名路径且不要提示)。要求工作区使用高于 2....

2018-07-31 18:55:06 27517 3

原创 Git常用命令（一）

以下命令都是基于已安装Git，项目已初始化。在电脑自带终端或者iTerm上运行，笔者电脑为Mac提交本地代码到远程仓库git add .git commit -m "" 引号里面写备注信息git pullgit push查看提交记录git log 退出查看记录按Q拉取远程分支新建本地分支方式一：git checkout -b test origin/t...

2018-07-09 17:12:33 224

原创前端开发者心得

作为一枚具有2年工作经验的前端开发工程师，在职场中遇到一些问题，现在跟大家分享一下自己解决问题的想法，有缘人可以一起交流。本人在大数据互联网公司工作，项目两周一次版本迭代。开发新功能的基本流程1）了解需求2）解读设计稿设计稿上的信息显示不作为参考，只看样式，具体内容一定要找产品。3）不明确的地方再跟产品确认需求，避免返工（这是一个很糟心的过程，自己体会）跟产品沟通，...

2018-07-09 17:11:11 1751

Yangtzem的博客