愚墨的博客
  • 首页
  • 前端技术
  • 面试
只争朝夕不负韶华
Nodejs

简单中间件的实现

简易版实现中几点必须的操作: 一个array middleList 来存储中间件 执行中间件的操作,循环 middleList 将每一项执行,或者使用shift 将切出的每一项执行 有next 、 done 函数 初始执行next class MiddleWare { constructor(data) { this.data = data; this.middleList = []; this.next = this.next.bind(this) this.done = this.done.bind(this)…

2018年03月17日 0条评论 1899点热度 0人点赞 阅读全文
tools

拾遗npm与yarn的异同

常用的两种包管理工具: 1、yarn 2、npm(cnpm、公司内部源npm) 两种工具都使用过,但是一直没有总结过两者的异同,今天总结一下。 yarn 是Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具,解决了npm的一些缺陷。 1、yarn 采用的是并行安装,npm 采用的是串行安装,所以yarn 的安装速度要比npm快。 2、安装版本统一  :yarn.lock 文件和 pageage-lock.json 文件。 npm 和 Yarn 都是通过 packa…

2018年02月06日 0条评论 1665点热度 0人点赞 阅读全文
前端技术

JavaScript 执行机制

在网上发现了一片文章,比较全面的分析了一下JavaScript的执行机制,分析的很不错。外加自己的理解和经验分析整理一下。 首先我们要知道两点: JavaScript是单线程的语言 Event Loop是javascript的执行机制 1.关于javascript javascript是一门单线程语言,在最新的HTML5中提出了Web-Worker,但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的,一切javascript多线程都是纸老虎! 2.jav…

2018年01月20日 2条评论 1836点热度 0人点赞 阅读全文
React

查漏补缺React

React.Children React.Children 是顶层API之一,为处理 this.props.children 这个封闭的数据结构提供了有用的工具,这个顶层API是我之前项目中用的比较少的一个。 this.props 对象的属性与组件的属性一一对应,但是有一个例外,就是 this.props.children 属性。它表示组件的所有子节点。操作children 使用React.Children 比较方便。 常用的一下几个: React.Children.map  使用方法: React.Childre…

2017年11月22日 0条评论 1793点热度 0人点赞 阅读全文
React

React 组件性能优化

影响网站的速度是用户的网速和网站对http请求的处理,为了提升这一点我们通常都会减少http请求,比如,js和css的合并压缩、雪碧图等等。 影响网站性能最大的因素就是浏览器的重绘和重排版了,在原生js当中,我们在遇到需要操作添加DOM的时候,一般都会使用创建文档碎片(document.createDocumentFragment)的方式来减少DOM的重绘和重排版。 React 中的React Virtual DOM 和diff 的存在实则减少网站的性能消耗,但是对于性能优化的问题,我们往往会基于一个不信任的态度,…

2017年07月28日 4条评论 3715点热度 0人点赞 阅读全文
React

react-transition-group 升级指南

这只是一篇个人记录文章。   使用react-router切换页面显得有些单调乏味。所以我们会使用react-transition-group 来进行一些动画的设置,主要是路由的进出动画,当然也可以做其他的动画展示,只是css3 的问题。 react-transition-group 用的大多是1.2.0 或者 1.1.1 的版本,现在是2.2.2的版本,API基本上都变化了。 Note:ReactTransitionGroup和ReactCSSTransitionGroup已被移动到由社区维护的reac…

2017年07月26日 0条评论 1544点热度 0人点赞 阅读全文
CSS3

之前没有get到的overflow知识点

最近写一个移动端的活动页的的时候被overflow 戏弄一番,戏弄的点就是在pc上用浏览器调试一切正常,在手机上真机实测的时候就不行。想要隐藏的元素没有被隐藏掉。略显尴尬。查明之后确实发现这个知识点趋确实之前没有get到。 有的时候我们为了一些需求和页面的健壮性,经常使用overflow:hidden。使用其帮我们裁剪一下元素等。有时为了避免页面或者元素被撑开我们也会使用overflow属性。但是有些人(比如我)会对overflow:hidden 有一些误解,此属性并不能隐藏所有你想要隐藏裁剪的元素。 正常的使用:…

2017年07月20日 1条评论 2487点热度 0人点赞 阅读全文
前端技术

js 异步处理

0长10时间没有好好的总结点知识了,最近过的真的太颓废了,看来是要好好的约束一下自己了。 由于前段时间在写公司的机器人程序(没办法,产品用户少,只能是做机器人大军来稳定一下局面不至于太难堪)用的基本上都是异步,各种异步请求等等。采用promise+async解决,现在来总结一下异步的方法。 异步是所有编程语言中都存在的一种流程处理方式,所谓"异步",简单说就是一个任务不是连续完成的,可以理解成该任务被人为分成两段,先执行第一段,然后转而执行其他任务,等做好了准备,再回过头执行第二段。 解决异步的方法大概分为以下几种…

2017年06月16日 0条评论 1437点热度 0人点赞 阅读全文
React

React高阶组件应用

higher-order 这个词业界老司机基本上都知道,higher-order-function(高阶函数)在函数式编程中是一种概念。描述的是一种函数:这种函数接受函数作为参数,或者输出一个参数。 常见的有map、sort、reduce higher-order-component (高阶组件HOC)类似于高阶函数,它接受一个React组件作为参数,返回一个新的React组件。 通俗点讲就是:当React组件呗包裹时(wrapped),高阶组件会返回一个加强的React组件。  高阶组件让我们的代码更具有复用性、…

2017年03月15日 0条评论 1510点热度 0人点赞 阅读全文
Nodejs

pm2

之前有篇文章介绍过forever用来维护node进程,但是forever只能做的事情就是你的node崩了,它帮你自动重启。其他没什么耀眼的功能。相对于服务端来说,我更推荐pm2. pm2的作用: 内建负载均衡(使用Node cluster 集群模块) 后台运行 0秒停机重载,我理解大概意思是维护升级的时候不需要停机. 具有Ubuntu和CentOS 的启动脚本 停止不稳定的进程(避免无限循环) 控制台检测 提供 HTTP API 远程控制和实时的接口API ( Nodejs 模块,允许和PM2进程管理器交互 ) 安…

2017年03月10日 0条评论 1477点热度 0人点赞 阅读全文
12345…11
搜搜看看
历史遗迹
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年5月
  • 2021年4月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS