摘要: 在前后端分离的当下,我们可以与后端并行开发来提高工作效率,但是在后端开发完成之前,我们一般是使用mock数据来进行前端的交互开发与前期bug排查的,常用的方式有: 1、mock一个json文件,比如json-server等工具。 2、使用mock.js配合例如koa等node服务器框架。 今天呢,我 阅读全文
posted @ 2020-07-31 13:59 小码飞驰 阅读(1913) 评论(1) 推荐(1) 编辑
摘要: 今天想写一篇关于indexedDB的文章,由于最近项目需要前端存储数据,但是localStorage存储空间有限,最后综合考虑采用indexedDB来存储。本文将简单介绍一下indexedDB的使用场景,以及简单的封装。IndexedDB是一个基于JavaScript的面向对象数据库,他是一个事务型 阅读全文
posted @ 2020-06-30 21:18 小码飞驰 阅读(937) 评论(0) 推荐(0) 编辑
摘要: 由于项目需要搭建一个node服务器,用来做html模板渲染,以及将渲染结果转化为pdf或者png。项目已放在GitHub,查看源码,请点这里。经过一段时间的调研,主要对比了两个工具。一个是chrome官方提供的无头浏览器node包,puppeteer,另一个是命令行工具wkhtmltopdf。接下来 阅读全文
posted @ 2020-06-28 21:24 小码飞驰 阅读(891) 评论(0) 推荐(0) 编辑
摘要: 之前的文章都是自己的学习日志,主要是防止自己遗忘之前遇到的坑。这次将从最基础的项目搭建开始讲起,做一个基于react和antd的后台管理系统。我会一步步进行下去,所以看完本文你哪怕不了解react,应该也会使用react做一个简单的项目。话不多少,直接开始。完整项目请前往GitHub查看,体验请点击 阅读全文
posted @ 2020-06-22 23:04 小码飞驰 阅读(11900) 评论(10) 推荐(0) 编辑
摘要: 1、首先简单介绍一下worker,MDN给出的定义是创建一个独立于主线程的javascript的后台线程。 优点: 1、可以利用它来处理一些耗时的任务,而不会阻塞主线程。 缺点: 1、使用限制比较多,在worker线程里不能使用window、document对象; 2、受到浏览器同源策略的限制; 3 阅读全文
posted @ 2020-05-24 21:58 小码飞驰 阅读(531) 评论(0) 推荐(0) 编辑
摘要: 1、由于项目需要,对文件进行加密,然后上传至阿里oss。出于后端带宽压力,在前端进行加密。由于加密过程比较耗时,容易阻塞主进程,所以决定使用worker来进行。 废话不多说,直接上代码。 2、首先是utils.ts,主要是封装一些加密、解密、通用工具类。 import CryptoJs, {Word 阅读全文
posted @ 2020-05-24 21:57 小码飞驰 阅读(1705) 评论(1) 推荐(0) 编辑
摘要: 在上一章节中,我封装了一个基于react的树状组件,后来想把它发布到npm上,下面主要介绍一下发布过程中遇到的问题: 1、去注册npm账号,注册地址(https://www.npmjs.com), 再登录 npm login输入账号密码 2、发布前需要先打包,不能直接发布react的组件源码 如果用 阅读全文
posted @ 2019-04-30 15:58 小码飞驰 阅读(498) 评论(0) 推荐(0) 编辑
摘要: 最近在react项目中需要一个树状组件,但是又不想因为这个去引入一套UI组件,故自己封装了一个基于react的树状组件, 个人认为比较难得部分在于数据的处理,话不多说直接上代码: 下面是tree.js 下面是tree.css utils里面是封装了一个stack栈,关于js栈的使用请移步js遍历树状 阅读全文
posted @ 2019-04-30 15:22 小码飞驰 阅读(3039) 评论(0) 推荐(0) 编辑
摘要: 将扁平化的数组处理为树结构数据,我们可以利用对象来处理,对象的复制是浅拷贝,指向相同的内存地址: 阅读全文
posted @ 2019-04-23 22:05 小码飞驰 阅读(1894) 评论(0) 推荐(0) 编辑
摘要: 1、深度遍历 深度遍历利用栈来实现 2、广度遍历 广度遍历利用队列来实现 阅读全文
posted @ 2019-04-18 23:49 小码飞驰 阅读(5158) 评论(0) 推荐(0) 编辑