随笔分类 -  Js

Node.js - 阿里Egg的多进程模型和进程间通讯
摘要:前言 最近用Egg作为底层框架开发项目,好奇其多进程模型的管理实现,于是学习了解了一些东西,顺便记录下来。文章如有错误, 请轻喷 为什么需要多进程 伴随科技的发展, 现在的服务器基本上都是 的了。然而,Node是一个 语言(对于开发者来说是单线程,实际上不是)。我们都知道, ,而基于Node的特性, 阅读全文

posted @ 2019-04-17 11:05 菜的黑人牙膏 阅读(1536) 评论(0) 推荐(0)

Js-函数式编程
摘要:前言 JavaScript是一门多范式语言,即可使用OOP(面向对象),也可以使用FP(函数式),由于笔者最近在学习React相关的技术栈,想进一步深入了解其思想,所以学习了一些FP相关的知识点,本文纯属个人的读书笔记,如果有错误,望轻喷且提点。 什么是函数式编程 或称函数程序设计、泛函编程,是一种 阅读全文

posted @ 2019-03-31 22:07 菜的黑人牙膏 阅读(2233) 评论(0) 推荐(1)

React-代码复用(mixin.hoc.render props)
摘要:前言 最近在学习React的封装,虽然日常的开发中也有用到HOC或者Render Props,但从继承到组合,静态构建到动态渲染,都是似懂非懂,索性花时间系统性的整理,如有错误,请轻喷~~ 例子 以下是React官方的一个例子,我会采用不同的封装方法来尝试代码复用, "例子地址" 。 组件在 Rea 阅读全文

posted @ 2019-03-22 10:40 菜的黑人牙膏 阅读(623) 评论(0) 推荐(1)

Webpack系列-第三篇流程杂记
摘要:系列文章 "Webpack系列 第一篇基础杂记" "Webpack系列 第二篇插件机制杂记" "Webpack系列 第三篇流程杂记" 前言 本文章个人理解, 只是为了理清webpack流程, 没有关注内部过多细节, 如有错误, 请轻喷~ 调试 1.使用以下命令运行项目, 是你想要开始调试的地方 2. 阅读全文

posted @ 2019-03-12 09:41 菜的黑人牙膏 阅读(1629) 评论(1) 推荐(0)

webpack-插件机制杂记
摘要:系列文章 "Webpack系列 第一篇基础杂记" "webpack系列 插件机制杂记" 前言 webpack本身并不难,他所完成的各种复杂炫酷的功能都依赖于他的插件机制。或许我们在日常的开发需求中并不需要自己动手写一个插件,然而,了解其中的机制也是一种学习的方向,当插件出现问题时,我们也能够自己来定 阅读全文

posted @ 2019-03-05 09:51 菜的黑人牙膏 阅读(827) 评论(0) 推荐(0)

Webpack系列-第一篇基础杂记
摘要:前言 公司的前端项目基本都是用Webpack来做工程化的,而Webpack虽然只是一个工具,但内部涉及到非常多的知识,之前一直靠CV来解决问题,之知其然不知其所以然,希望这次能整理一下相关的知识点。 简介 这是webpack官方的首页图 本质上,webpack 是一个现代 JavaScript 应用 阅读全文

posted @ 2019-02-21 10:07 菜的黑人牙膏 阅读(843) 评论(0) 推荐(2)

前端模块化杂记
摘要:"更好的阅度体验" 前言 CMD\AMD简介 Commonjs简介 Module简介 Common和Module的区别 Module与webpack Module与Babel 一些问题 总结 引用 前言 前端模块化在近几年层出不穷,有Node的CommonJs,也有属于client端的CMD/AMD 阅读全文

posted @ 2019-01-23 19:14 菜的黑人牙膏 阅读(430) 评论(0) 推荐(0)

Redux进阶(Redux背后的Flux)
摘要:简介 Flux是一种搭建WEB客户端的应用架构,更像是一种模式而不是一个框架。 特点 单向数据流 与MVC的比较 1.传统的MVC如下所示(是一个双向数据流模型) 用户触发事件 View通知Controller执行相关逻辑 Controller通知Modal需要数据 Modal返回数据给Contro 阅读全文

posted @ 2019-01-21 14:49 菜的黑人牙膏 阅读(201) 评论(0) 推荐(0)

Redux进阶(像VUEX一样使用Redux)
摘要:"更好的阅度体验" 前言 redux的问题 方案目标 如何实现 思考 前言 Redux是一个非常实用的状态管理库,对于大多数使用React库的开发者来说,Redux都是会接触到的。在使用Redux享受其带来的便利的同时, 我们也深受其问题的困扰。 redux的问题 之前在 "另外一篇文章Redux基 阅读全文

posted @ 2019-01-14 14:28 菜的黑人牙膏 阅读(1552) 评论(0) 推荐(0)

Promise杂记
摘要:"更好的阅度体验" 前言 API Promise特点 状态跟随 V8中的async await和Promise 实现一个Promise 参考 前言 作为一个前端开发,使用了Promise一年多了,一直以来都停留在API的调用阶段,没有很好的去深入。刚好最近阅读了V8团队的一篇 如何实现更快的asyn 阅读全文

posted @ 2019-01-11 17:31 菜的黑人牙膏 阅读(549) 评论(1) 推荐(0)

React生命周期
摘要:自从React发布Fiber之后,更新速度日新月异,而生命周期也随之改变,虽然原有的一些生命周期函数面临废弃,但理解其背后更新的机制也是一种学习 在这里根据官方文档以及社区上其他优秀的文章进行一个对于生命周期的总结,大致上分为以下三个模块 新老生命周期的区别 新的生命周期增加了static getD 阅读全文

posted @ 2018-12-02 17:31 菜的黑人牙膏 阅读(702) 评论(0) 推荐(0)

React事件杂记及源码分析
摘要:前提 最近通过阅读React官方文档的事件模块,发现了其主要提到了以下三个点 带着问题,通过查询资料和源码来探寻~ 1.调用方法时需要手动绑定this 先从一段官方代码看起: 代码中的注释提到了一句话: This binding is necessary to make `this` work in 阅读全文

posted @ 2018-11-29 20:11 菜的黑人牙膏 阅读(522) 评论(0) 推荐(0)

关于setState的一些记录
摘要:在看React的官方文档的时候, 发现了这么一句话,State Updates May Be Asynchronous,于是查询了一波相关的资料, 最后归纳成以下3个问题 常见场景下的异步更新 以下是官方文档的一个例子, 调用了3次incrementCount方法, 期望this.state.cou 阅读全文

posted @ 2018-11-19 21:11 菜的黑人牙膏 阅读(302) 评论(0) 推荐(0)

React Fiber源码分析 (介绍)
摘要:写了分析源码的文章后, 总觉得缺少了什么, 在这里补一个整体的总结,输出个人的理解~ 文章的系列标题为Fiber源码分析, 那么什么是Fiber,官方给出的解释是: React Fiber是对核心算法的一次重新实现。 ummm, 这样说实在是有点泛,详细分析一下 先从开发者角度来看 实际上这次更新对 阅读全文

posted @ 2018-11-11 10:44 菜的黑人牙膏 阅读(2166) 评论(0) 推荐(0)

React Fiber源码分析 第三篇(异步状态)
摘要:先附上流程图~ 调用setState时, 会调用classComponentUpdater的enqueueSetState方法, 同时将新的state作为payload参数传进 enqueueSetState会先调用requestCurrentTime获取一个currentTime, 通过获取到的c 阅读全文

posted @ 2018-11-10 11:47 菜的黑人牙膏 阅读(1491) 评论(0) 推荐(1)

React Fiber源码分析 第二篇(同步模式)
摘要:先附上两张流程图 1.scheduleRootUpdate 这个函数主要执行了两个操作 1个是创建更新createUpdate并放到更新队列enqueueUpdate, 1个是执行sheculeWork函数 先从createUpdate函数分析, 他直接返回了一个包含了更新信息的对象 接着更新pay 阅读全文

posted @ 2018-11-08 21:44 菜的黑人牙膏 阅读(1120) 评论(0) 推荐(0)

React Fiber源码分析 第一篇
摘要:先附上流程图一张 先由babel编译, 调用reactDOM.render,入参为element, container, callback, 打印出来可以看到element,container,callback分别代表着react元素、DOM原生元素,回调函数 render实际上调用的是 legac 阅读全文

posted @ 2018-11-06 20:55 菜的黑人牙膏 阅读(1604) 评论(0) 推荐(0)

Node.js--Stream
摘要:Node.js--Stream 1. 概述 流(stream)在 Node.js 中是处理流数据的抽象接口(abstract interface)。 stream 模块提供了基础的 API 。使用这些 API 可以很容易地来构建实现流接口的对象。 流可以是可读的、可写的,或是可读写的。所有的流都是  阅读全文

posted @ 2018-02-06 16:30 菜的黑人牙膏 阅读(265) 评论(0) 推荐(0)

VUE 组件通信总结
摘要:1.prop 父组件传递给子组件,即通过VUE本身具有的Props属性来传递值 Child组件 Father组件 运行结果 2.非Prop传递数据 Child Father 运行结果 3.v-on v-emit 子组件传给父组件 Child Father 运行结果 4.空vue实例作为事件总线,非父 阅读全文

posted @ 2017-10-23 19:13 菜的黑人牙膏 阅读(222) 评论(0) 推荐(0)

JavaScript 二进制转文件
摘要:关于在javascript下,如何将二进制转换成相应的文件并下载。 首先, 我们需要得到二进制的数据以及相应的文件格式,没有相应的格式也可以,可以通过二进制来判断,但相对会麻烦很多,所以建议可以要求后端提供文件的名字来得到相应的文件格式。 http://blog.csdn.net/sdomain/a 阅读全文

posted @ 2017-08-16 17:52 菜的黑人牙膏 阅读(1988) 评论(0) 推荐(0)

导航