5 Creabine

尚未进行身份认证

时无重至,华不再扬

等级
TA的排名 1w+

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,二则是通过错误处理防止程序崩溃。参考资料:前端错误日志收集方案前端错误监控与上报VueSPA项目+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方法参考资料:JSArray.reduce实现Array.map和Array.filterArray.prototype.myMap在实现map方法之前,有一个要注意的地方在于,map方法有一个很...

2019-04-07 14:35:39

JS数组去重

闲来无事,总结一下数组去重的各种思路。当然去重有很多种方法,这里只写几个相对简洁的思路。基本思路做一个空数组A,遍历数组,若A中不存在则放入AfunctionuniqeArray(arr){ letresult=[]; 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(virtualdom)vdom是vue和react的核心,学习他们绕不开vdomvdom比较独立,使用也比较简单如果面试问到了vue和react的实现,免不了问vdom问题:什么是vdom?为何会存在vdom?vdom如何应用,核心API是什么?介绍一下diff算法什么是vdom?为何会存在vdomvirtualdom,虚拟dom用js...

2019-03-27 17:28:29

jQuery 和 zepto中原型的实际应用

jquery和zepto的简单使用zepto如何使用原型jquery如何使用原型在jquery中,我们获取不同的dom元素,但他们都有相同的jquery方法(如css(),html(),hide()等),这些方法就是在原型上的。zepto和jquery中原型的使用<!DOCTYPEhtml><htmllang="en"><hea...

2019-03-27 17:26:29

ES6中的Proxy、Reflect以及Vue3.0中的应用原理

Vue3.0中,EvenYou表示会使用Proxy代替Object.defineProperty来做数据的响应式。对于Object.defineProperty我们已经很熟悉了,之前也写过相关的Vue双向绑定原理(二)访问器属性defineProperty()和发布/订阅模式。我们也知道了使用Object.defineProperty的一些劣势:Object.definePropert...

2019-02-20 17:59:39

数组的reduce方法及其应用

前两天在群里看到一道题,折腾半天没做出来。今天查了查,了解了前因后果,在此整理记录一下。参考资料:MDNredux之compose题目:constfn1=x=>x+1;constfn2=x=>x+2;constfn3=x=>x+3;constfn4=x=>x+4;letFn=compose(fn1,...

2019-02-19 18:21:31

React生命周期整理

之前对React的生命周期的理解一直比较浮于表面,今天有空来梳理一下。发现React的新版本对生命周期也做了改动,更有必要搞清楚了。参考资料:React.ComponentReact生命周期[译]如何使用React生命周期方法Mounting阶段constructorconstructor方法在组件建立前被调用:在这个方法里面,应该先调用super(props),否...

2019-02-18 16:45:13

class中的static

参考资料类(class)通过static关键字定义静态方法。不能在类的实例上调用静态方法,而应该通过类本身调用。这些通常是实用程序方法,例如创建或克隆对象的功能。classClassWithStaticMethod{staticstaticMethod(){return'staticmethodhasbeencalled.';}}conso...

2019-02-18 15:51:28

查看更多

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