5 Creabine

尚未进行身份认证

时无重至,华不再扬

等级
TA的排名 1w+

使用vscode断点调试egg后端代码

前端调试经常打断点,但后端之前一直是打log调试的,其实有些情况下断点更好用,而且vscode配置也很简单,是自己之前懒了没去弄。参考资料:egg文档按照文档做了相应配置,然后写上调试项目的绝对目录之后,从vscode中启动即可,egg本身就做了支持,还是非常方便的。...

2019-10-23 14:43:18

Mongoose 设置TTL(time to live) 过期自动删除数据

最近忙好忙。。。没什么时间积累,今天抽空赶紧随手记一个新操作什么是TTLTTL(time to live) 集合支持mongodb对存储的数据进行失效时间设置,经过指定的时间段后、或在指定的时间点过期,集合自动被mongod清除。这一特性有利于对一些只需要保存一定时间的数据信息进行存储,比如机器产生的事件数据、日志、会话信息等。简单场景比如用户的验证码,生成后需要存在数据库的ver...

2019-10-17 15:52:04

前端配合Egg实现导入导出Excle文件功能

本来我只是个小前端,来了新公司前后端一起搞,node也写的美滋滋,crud非常嗨皮。结果就在上周,突然多了个导入导出功能。虽然没做过,但是想一想查一查,应该也搞的定,没想到,一搞就是一周。今天终于弄好了,所以赶紧做个笔记,完整的记录下来,为自己整理思路,希望也能帮到后来的人。相关技术栈:Reactant DesignEggMongoDB。使用库:xlsx: 生成,解析excle...

2019-09-05 15:52:17

新遇到的神器--Tmux

又是一个之前从没听过的玩意,最近真的是疯狂长见识!之前三年明明都只是一个小前端,现在突然接触后端,看啥都新鲜,看啥都不会。前段时间项目提测,再测试环境的命令行里同时用了tmux,看的我一脸懵逼,赶紧请教了一下,然后百度了几个常用快捷键,算是知道咋回事儿了,今天周末,抓紧时间补一下,了解一波参考资料:有可能是最简单的tmux入门教程tmux简洁教程Tmux 快捷键 & 速查表...

2019-09-01 15:43:50

在Egg中使用MongoDB及Mongoose

新公司的项目中用了Egg和MongoDB及mongoose。最近有空来系统的梳理一下。参考资料&扩展阅读:Mongoose中文文档mongoose学习笔记(超详细)Mongoose中文文档-Mongoose的APIEgg链接MongoDBEgg 使用 egg-mongoose来方便的跟数据库进行链接// eggProject/server/config/config....

2019-08-19 15:09:04

MongoDB入门笔记

前段时间赶鸭子上架,前端的我也开始全栈了。用了egg+MongoDB来开发后端内内容。边做边学了解了个大概,这两天趁着有空,刷刷文档,系统的过一遍,争取快速把常用的80%内容都搞定。参考资料:菜鸟教程MongoDB官网MongonDB简介MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB...

2019-08-16 16:32:42

TypeScript

之前很早就听说过TypeScript,也看过好几遍文档。但是如果不在实际项目中使用,总是没有实感,看完就忘了。这次新公司的项目就是ts,写的非常开心,确实感觉ts写出来的代码要稳固健壮的多,一切都很可控,非常舒服。目录介绍参考资料常见用法原始数据类型任意值类型推论联合类型对象的类型 -- 接口 interface数组的类型函数的类型类型断言介绍TypeScript(一下简称TS)是由微...

2019-07-31 15:30:53

Moment.js

Moment 可以同时在浏览器和node环境中使用。是一个非常好用的时间日期处理类库。在新公司的项目中,大量使用Moment来处理时间日期,非常方便好用。参考资料:官方文档使用详情见官方文档,Moment基本可以代替Date,获取任意时间,时间格式化,时间日期计算,比较,都非常方便。常用方法:// 取当前时间moment();// 取当日开始时间moment().star...

2019-07-30 17:54:13

BigNumber.js

在新公司的第一个项目是区块链相关的管理后台和交易所,其中就涉及了很多的计算问题。而JavaScript因为存在计算的精度问题,所以直接计算就可能会导致各种各样的bug,为了解决这个问题,就要使用BigNumber.js这个库。BigNumber.js是一个用于任意精度计算的js库。可以在官方文档的console中测试使用。也可以通过npminstallbignumber.js--s...

2019-07-30 16:04:42

最近学到的新东西

目录为啥两个多月没写博客了关于新公司最近学到的新东西写在最后为啥两个多月没写博客了前段时间忙着面试跳槽,后来终于在6.13号入职了新公司–知道创宇。关于新公司之前的跳槽主要是想要进入更大的团队提升自己,希望能接触node等等我一直很想学习的东西。面试知道创宇的时候,面试官说这边就是node,刚好跟我的愿望不谋而合,后来也就顺利入职了。想想也很不容易了,从0开始自学,第一家公司只有我一个前...

2019-07-29 18:48:37

浏览器缓存机制学习

之前对浏览器缓存一直没什么了解,直到工作中遇到了一些相关需求。感觉自己的知识不论是深度还是广度都还差得远,都要一一补全。这次就来了解一下浏览器缓存的相关机制。参考资料:实践这一次,彻底搞懂浏览器缓存机制浏览器缓存机制浅析前端优化:浏览器缓存技术介绍浏览器缓存的作用及原理浏览器在打开页面时需要向服务器请求各种资源,但如果每次打开、刷新都去请求,不仅服务器压力大,显示速度也慢,体...

2019-05-08 10:50:14

前端错误监控与错误日志

平时工作中没怎么接触到这部分,对它的了解也零零碎碎的。今天看了几篇文章,算是有个完整的认识了,在这里总结记录一下。项目上线之后肯定无法避免所有的bug,有些bug出现后开发人员并不知道,有的知道了缺无法快速准确的修复。这时候就需要在代码层面去处理bug,一是方便debug,二则是通过错误处理防止程序崩溃。参考资料:前端错误日志收集方案前端错误监控与上报Vue SPA项目 + S...

2019-05-05 16:32:07

React Hooks 入门

之前就听过React的新特性Hooks,今天有空来学习了解一蛤~参考资料:React中文文档概述Hooks 是一项新功能提案,可让您在不编写类的情况下使用 state(状态) 和其他 React 功能。目前还在讨论中。简单来说,这个提案对React的函数式组件进行了加强。之前在React中的三种组件及其区别中提高过:函数式组件没有生命周期和内部状态,所以一般只做单纯的渲染。...

2019-04-24 15:49:05

JavaScript设计模式

转载自:JavaScript设计模式之前看了 JavaScript 中常见设计模式整理 这篇文章,这里我也把平时整体的设计模式分享一下。设计模式是解决一类问题的模板,为软件设计中常见的问题提供解决方案。JavaScript 是一种弱类型、动态的、基于原型的语言,所以它可以以很简单的方式去实现一些模式。切记不要去套用后台语言的设计模式,这往往会丢失 JavaScript 这门语言的动态性和灵活...

2019-04-22 15:43:22

requestAnimationFrame学习

之前知道异步有个requestAnimationFrame,但一直没去了解,今天有空学了下,记录一波。参考资料:requestAnimationFrame理解与实践为什么需要requestAnimationFrame传统的 javascript 动画是通过定时器 setTimeout 或者 setInterval 实现的。但是定时器动画一直存在两个问题:1. 动画的循时间环间隔...

2019-04-22 14:31:35

如何实现数组的map和filter方法

最近经常看到如何实现原生方法的文章,之前自己对于这些并没有特别在意,看了几篇之后发现还是挺有意思的,搞清楚其中的原理比业务代码有趣多了。今天来记录一下数组的map和filter方法参考资料:JS Array.reduce 实现 Array.map 和 Array.filterArray.prototype.myMap在实现map方法之前,有一个要注意的地方在于,map方法有一个很...

2019-04-07 14:35:39

JS数组去重

闲来无事,总结一下数组去重的各种思路。当然去重有很多种方法,这里只写几个相对简洁的思路。基本思路做一个空数组A,遍历数组,若A中不存在则放入Afunction uniqeArray (arr) { let result = []; arr.map(item => { if(!result.includes(item)) { result.push(item); ...

2019-04-07 11:07:26

组件化和React

组件化和React题目:说一下对组件化的理解jsx的本质是什么jsx和vdom的关系是什么说一下setState的过程阐述自己对react和vue的认识对组件化的理解:1.封装(视图,数据,变化逻辑)。2.复用(props传递)。jsx的本质是什么:jsx跟vue模板一样,都是语法糖,是为了降低学习成本和写代码的难度(相比直接写h函数来说)。最终也是编译成js在浏览器中运...

2019-03-27 17:31:14

MVVM 和 VUE

MVVM 和 VUE如何理解mvvm如何实现mvvm是否读过vue源码题目说一下使用jQuery和使用mvvm框架的区别说一下对mvvm的理解vue如何实现响应式vue如何解析模板vue的整个实现流程jQuery和vue的区别:数据和视图分离,解耦(开放封闭原则)以数据驱动视图,只关心数据变化,DOM操作被封装对mvvm的理解mvc(modal, view...

2019-03-27 17:29:24

虚拟DOM和Diff算法

虚拟DOM (virtual dom)vdom 是 vue 和 react 的核心,学习他们绕不开vdomvdom比较独立,使用也比较简单如果面试问到了vue和react的实现,免不了问vdom问题:什么是vdom?为何会存在vdom?vdom如何应用,核心API是什么?介绍一下diff算法什么是vdom?为何会存在vdomvirtual dom , 虚拟dom用js...

2019-03-27 17:28:29

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。