x先生的博客

个人学习笔记,记录新的知识。

git基础你还得知道点这些(一)

git是如何存储数据的 直接记录快照,而非差异比较 git对待数据更像是一个快照流,每次你提交更新或者在git中保存状态时,他会对全部文件创建一个快照并保存索引,对于没有改变的文件,git不会再次存储,而是保留一个连接,连接到之前存储的文件。 在上图中,版本1创建了三个文件,提交后,git创建了...

2018-12-03 11:21:48

阅读数 29

评论数 0

fetch下载文件--统一拦截报表导出文件

做外卖报表导出功能,前端使用fetch请求,后端在正常情况向会返回csv文件,在异常时会返回对应的异常码;前端的请求都是使用request.js做了统一拦截和错误提示,但是不支持文件下载,于是对原有内容稍作改造,支持文件下载。 前端是怎么实现文件下载的? // 使用fetch发送请求并拿到返回值 ...

2018-11-08 20:25:14

阅读数 320

评论数 0

使用dva routerRedux.push跳转页面携带参数时请求两次问题

发现问题 页面使用routerRedux.push([path])进行跳转,部分页面跨页传参也是使用这种方式,然后发现了一个很奇怪的现象,部分页面接受参数后,执行两次subscriptions,所以导致两次请求。在dva的issues里面看到了2016年有人提过这个问题,并被列为bug解决了。很奇...

2018-11-08 19:53:47

阅读数 526

评论数 0

antd可展开单元格实现按需可展开

每次起一个文章名字的时候都很头疼,不知道怎么描述才算得上直截了当,直奔主题。 功能的使用场景 具体使用场景可以参考下图,当时失败原因下菜品多余一个时,当前行可展开;当仅有一个菜品时,当前行不可展开。 解决思路 antd table要用到的属性 expandedRowRender:额外的展开行属...

2018-09-30 14:47:36

阅读数 616

评论数 3

动态单元格合并---antd的table组件

怎么合并 antd提供了河边单元格的功能,支持合并行和列。以合并行为例,将第一行的高度rowSpan设置为2,其下一行高度设置为0,这样就实现了两行单元格合并,多行和列colSpan合并同理,给一个单元格设置值为要合并的行数,其余待合并为0,即可合并。 动态合并场景 以工作中的实际场景为例,用户通...

2018-09-30 14:45:53

阅读数 1084

评论数 1

记一次npm发包失败的经历

前言 早就注册了npm,就发布了一版测试包,搁置到此,最近想封装一些常用组件,发布到npm上面,也算是一种技术储蓄了。 从昂首挺胸到灰头土脸 正常的发布流程其实很简单: 注册个npm账号 本地使用npm登录npm login,填写用户名、密码、邮箱完成登录 在待发布的文件内执行npm publi...

2018-09-30 14:32:57

阅读数 281

评论数 1

antd可展开单元格实现按需可展开

每次起一个文章名字的时候都很头疼,不知道怎么描述才算得上直截了当,直奔主题。 功能的使用场景 具体使用场景可以参考下图,当时失败原因下菜品多余一个时,当前行可展开;当仅有一个菜品时,当前行不可展开。 解决思路 antd table要用到的属性 expandedRowRender:额外的展开行属...

2018-09-18 21:54:01

阅读数 314

评论数 0

使用antd开发可动态增加项的表单

我不知道应该怎么描述这个功能才算清晰,看图吧 环境是在antd的Form组件内开发大概的功能如下: 用户需要选择异常情况通知方式,并填写最少一个最多三个的联系人姓名和联系方式。 期望用户点击加号,可以增加一条,最多三条。 内容需校验,输入不能为空,联系方式需要根据用户勾选的通知方式校验输...

2018-08-14 16:55:23

阅读数 2694

评论数 12

hexo入门教程--部署到自己服务器

我服务器环境是centos7+Apache,只需要将编译好的静态文件上传至Apache服务的根目录下,即算完成。我们可以借助ftp来实现。 主角登场 安装 hexo-deployer-ftpsynct npm install hexo-deployer-ftpsync --save 修...

2018-07-19 20:35:12

阅读数 643

评论数 0

hexo入门教程--部署到git服务器

首先纠正自己一个错误,之前说部署到github,其实全面的说法应该是部署到git服务器—包括github和自己搭建的git服务器。我们可以在服务器上面搭建一个自己的git服务,设置hook,当我们在本地完成push后,服务端自动将push的内容复制到网站服务器的预留的目录下,完成网站服务器的部署。...

2018-07-19 20:34:32

阅读数 356

评论数 0

hexo入门教程--本地环境搭建

hexo入门教程 简介 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 由于生成的是纯静态文件,所以你可以直接放在github上面,把github当做自己的服务器使用,比如这里。当然也可以...

2018-07-19 13:38:42

阅读数 163

评论数 0

js输出蛇形矩阵

来自choice boh /** * 蛇形矩阵 * 思路整理:首先定义一个二维数组用来保存矩阵内容,蛇形矩阵的特点是数字顺时针回旋依次增加1, * 可以通过二维数组坐标控制输出内容。 * 传入值必须为正整数!!! * 循环定义:以3X3数组为例,一次循环为[0][0]==&...

2018-04-14 13:20:04

阅读数 402

评论数 0

ant design Tree组件多个叶子节点非全选时也需要提交所有直属父节点解决方案

问题场景:在子级非全选时,同时也要提交所有直属父级节点id 问题分析: 目前选择子级时,直属所有父级均变成半选状态原因如下 onCheck(val, enent) 打印的数据为event,可以看到halCheckedKeys属性,即所有半选状态的节点。 当节点为全选时,halChe...

2018-03-26 13:13:36

阅读数 1642

评论数 0

使用antd Modal组件时数据污染问题解决方案

问题再现: 现在有新增和编辑两个弹窗需求。由于内容一致,所以使用一个Modal组件即可。 问题随之而来。 点击编辑,Modal弹出并呈现出数据,编辑后点保存或关闭,再打开新增,弹窗内还是刚才的数据,即使在新增窗口打开前置空state也无效。头疼。。。。。 解决方案1: 设置Modal ...

2018-03-12 20:26:14

阅读数 1694

评论数 0

适用于React的富文本编辑器 -- react-umedito 图片上传本地服务器解决方案

react-umeditor,这是liuhong1happy同学将百度富文本编辑器用react封装的一个组件。 安装:npm install react-umeditor –save 使用:react-umeditor github文档中有介绍 这篇文章不是介绍插件是怎么用的,是总结如何将图...

2018-02-24 16:42:36

阅读数 5228

评论数 1

如何实现一个数与多个数比较

问题在现: 我需要根据后台传来的数据判断数据展示,下图中红色是后台数据对应的单选框,其他表示其他数值。值使用react 的state保存,所以当数值为前五个其中之一时,用户选择自定义出现的输入框内值也为改数值,用户需要先删掉,在从新填写。 需求: 当数据为前五个其中之一时,点选自定义,输...

2018-02-11 15:55:16

阅读数 117

评论数 0

React dva数据流程总结

一直在整理dva的运行流程,这次算是比较完善的一个吧,个人理解的dva流程图。 根据一个实际项目总结的流程,目录结构大致如下:

2018-02-01 11:25:21

阅读数 2351

评论数 0

webstorm不能自动重新编译问题

问题: 项目是react+webpack的,已经设置好,页面改动一次,就会自动更新,实际却需要手动执行 npm start,偶尔也会自己更新。 问题原因: system setting 里面默认勾选了safe write选项,其作用是首先把文件的修改保存到一个临时文件里,当确定保存完毕之后再...

2018-02-01 09:36:39

阅读数 2056

评论数 0

JS內建对象Math

Math是一个包含一系列方法和属性、用于数学计算的全局內建对象。/** * 随机数 Math.random(); * random()返回的0到1之间的某个数[0,1);如果要获得0-100之间的某个数100*Math.random() * 要获取min-max之间的数,使用公式:((max...

2017-12-23 14:41:23

阅读数 52

评论数 0

JS数组API知识点总结

/** * 数组API知识点总结 */var arr = [1, 2, 5, 4, 3, 6, 7, 8, 4]; /** * 数字转字符串 * 两种方法:String()和join(); * join参数为用于分隔的标识,若为空,则与String相同 */console.log(St...

2017-12-22 22:52:26

阅读数 92

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭