博客园 - 菜的黑人牙膏
uuid:6cbd1ba2-f883-4c34-aed1-30dde64a3a3e;id=662066
2019-04-17T03:04:33Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
feed.cnblogs.com
https://www.cnblogs.com/Darlietoothpaste/p/10722188.html
Node.js - 阿里Egg的多进程模型和进程间通讯 - 菜的黑人牙膏
前言 最近用Egg作为底层框架开发项目,好奇其多进程模型的管理实现,于是学习了解了一些东西,顺便记录下来。文章如有错误, 请轻喷 为什么需要多进程 伴随科技的发展, 现在的服务器基本上都是 的了。然而,Node是一个 语言(对于开发者来说是单线程,实际上不是)。我们都知道, ,而基于Node的特性,
2019-04-17T03:05:00Z
2019-04-17T03:05:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】前言 最近用Egg作为底层框架开发项目,好奇其多进程模型的管理实现,于是学习了解了一些东西,顺便记录下来。文章如有错误, 请轻喷 为什么需要多进程 伴随科技的发展, 现在的服务器基本上都是 的了。然而,Node是一个 语言(对于开发者来说是单线程,实际上不是)。我们都知道, ,而基于Node的特性, <a href="https://www.cnblogs.com/Darlietoothpaste/p/10722188.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10667256.html
Css-移动端适配总结 - 菜的黑人牙膏
前言 工作以后,大部分的业务工作都是基于移动端H5的,开发过程中学习了很多东西,遇到过许多问题,诸如rem\em\css px\device px等,本文纯属个人的归纳总结,如有问题,请指出亲喷~ PC端 本文主要是讲解移动端的响应式布局, 但是在真正进入之前, 先了解一些概念。 device px
2019-04-07T13:33:00Z
2019-04-07T13:33:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】前言 工作以后,大部分的业务工作都是基于移动端H5的,开发过程中学习了很多东西,遇到过许多问题,诸如rem\em\css px\device px等,本文纯属个人的归纳总结,如有问题,请指出亲喷~ PC端 本文主要是讲解移动端的响应式布局, 但是在真正进入之前, 先了解一些概念。 device px <a href="https://www.cnblogs.com/Darlietoothpaste/p/10667256.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10633550.html
Js-函数式编程 - 菜的黑人牙膏
前言 JavaScript是一门多范式语言,即可使用OOP(面向对象),也可以使用FP(函数式),由于笔者最近在学习React相关的技术栈,想进一步深入了解其思想,所以学习了一些FP相关的知识点,本文纯属个人的读书笔记,如果有错误,望轻喷且提点。 什么是函数式编程 或称函数程序设计、泛函编程,是一种
2019-03-31T14:07:00Z
2019-03-31T14:07:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】前言 JavaScript是一门多范式语言,即可使用OOP(面向对象),也可以使用FP(函数式),由于笔者最近在学习React相关的技术栈,想进一步深入了解其思想,所以学习了一些FP相关的知识点,本文纯属个人的读书笔记,如果有错误,望轻喷且提点。 什么是函数式编程 或称函数程序设计、泛函编程,是一种 <a href="https://www.cnblogs.com/Darlietoothpaste/p/10633550.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10576754.html
React-代码复用(mixin.hoc.render props) - 菜的黑人牙膏
前言 最近在学习React的封装,虽然日常的开发中也有用到HOC或者Render Props,但从继承到组合,静态构建到动态渲染,都是似懂非懂,索性花时间系统性的整理,如有错误,请轻喷~~ 例子 以下是React官方的一个例子,我会采用不同的封装方法来尝试代码复用, "例子地址" 。 组件在 Rea
2019-03-22T02:40:00Z
2019-03-22T02:40:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】前言 最近在学习React的封装,虽然日常的开发中也有用到HOC或者Render Props,但从继承到组合,静态构建到动态渲染,都是似懂非懂,索性花时间系统性的整理,如有错误,请轻喷~~ 例子 以下是React官方的一个例子,我会采用不同的封装方法来尝试代码复用, "例子地址" 。 组件在 Rea <a href="https://www.cnblogs.com/Darlietoothpaste/p/10576754.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10531470.html
常见图片格式了解 - 菜的黑人牙膏
前言 作为一个客户端开发,对于图片格式一直没有一个清晰的了解,这里简单的罗列出各种图片格式的区别,文章中有部分是他人的引用,会在底部放上链接,望轻喷。 概念了解 有损压缩 & 无损压缩 有损压缩(lossy compression) : 有损压缩算法是一种数据压缩方法,经过此方法压缩、解压的数据会
2019-03-14T09:03:00Z
2019-03-14T09:03:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】前言 作为一个客户端开发,对于图片格式一直没有一个清晰的了解,这里简单的罗列出各种图片格式的区别,文章中有部分是他人的引用,会在底部放上链接,望轻喷。 概念了解 有损压缩 & 无损压缩 有损压缩(lossy compression) : 有损压缩算法是一种数据压缩方法,经过此方法压缩、解压的数据会 <a href="https://www.cnblogs.com/Darlietoothpaste/p/10531470.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10514660.html
Webpack系列-第三篇流程杂记 - 菜的黑人牙膏
系列文章 "Webpack系列 第一篇基础杂记" "Webpack系列 第二篇插件机制杂记" "Webpack系列 第三篇流程杂记" 前言 本文章个人理解, 只是为了理清webpack流程, 没有关注内部过多细节, 如有错误, 请轻喷~ 调试 1.使用以下命令运行项目, 是你想要开始调试的地方 2.
2019-03-12T01:41:00Z
2019-03-12T01:41:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】系列文章 "Webpack系列 第一篇基础杂记" "Webpack系列 第二篇插件机制杂记" "Webpack系列 第三篇流程杂记" 前言 本文章个人理解, 只是为了理清webpack流程, 没有关注内部过多细节, 如有错误, 请轻喷~ 调试 1.使用以下命令运行项目, 是你想要开始调试的地方 2. <a href="https://www.cnblogs.com/Darlietoothpaste/p/10514660.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10474871.html
webpack-插件机制杂记 - 菜的黑人牙膏
系列文章 "Webpack系列 第一篇基础杂记" "webpack系列 插件机制杂记" 前言 webpack本身并不难,他所完成的各种复杂炫酷的功能都依赖于他的插件机制。或许我们在日常的开发需求中并不需要自己动手写一个插件,然而,了解其中的机制也是一种学习的方向,当插件出现问题时,我们也能够自己来定
2019-03-05T01:51:00Z
2019-03-05T01:51:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】系列文章 "Webpack系列 第一篇基础杂记" "webpack系列 插件机制杂记" 前言 webpack本身并不难,他所完成的各种复杂炫酷的功能都依赖于他的插件机制。或许我们在日常的开发需求中并不需要自己动手写一个插件,然而,了解其中的机制也是一种学习的方向,当插件出现问题时,我们也能够自己来定 <a href="https://www.cnblogs.com/Darlietoothpaste/p/10474871.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10410677.html
Webpack系列-第一篇基础杂记 - 菜的黑人牙膏
前言 公司的前端项目基本都是用Webpack来做工程化的,而Webpack虽然只是一个工具,但内部涉及到非常多的知识,之前一直靠CV来解决问题,之知其然不知其所以然,希望这次能整理一下相关的知识点。 简介 这是webpack官方的首页图 本质上,webpack 是一个现代 JavaScript 应用
2019-02-21T02:07:00Z
2019-02-21T02:07:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】前言 公司的前端项目基本都是用Webpack来做工程化的,而Webpack虽然只是一个工具,但内部涉及到非常多的知识,之前一直靠CV来解决问题,之知其然不知其所以然,希望这次能整理一下相关的知识点。 简介 这是webpack官方的首页图 本质上,webpack 是一个现代 JavaScript 应用 <a href="https://www.cnblogs.com/Darlietoothpaste/p/10410677.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10310835.html
前端模块化杂记 - 菜的黑人牙膏
"更好的阅度体验" 前言 CMD\AMD简介 Commonjs简介 Module简介 Common和Module的区别 Module与webpack Module与Babel 一些问题 总结 引用 前言 前端模块化在近几年层出不穷,有Node的CommonJs,也有属于client端的CMD/AMD
2019-01-23T11:14:00Z
2019-01-23T11:14:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】"更好的阅度体验" 前言 CMD\AMD简介 Commonjs简介 Module简介 Common和Module的区别 Module与webpack Module与Babel 一些问题 总结 引用 前言 前端模块化在近几年层出不穷,有Node的CommonJs,也有属于client端的CMD/AMD <a href="https://www.cnblogs.com/Darlietoothpaste/p/10310835.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10298654.html
Redux进阶(Redux背后的Flux) - 菜的黑人牙膏
简介 Flux是一种搭建WEB客户端的应用架构,更像是一种模式而不是一个框架。 特点 单向数据流 与MVC的比较 1.传统的MVC如下所示(是一个双向数据流模型) 用户触发事件 View通知Controller执行相关逻辑 Controller通知Modal需要数据 Modal返回数据给Contro
2019-01-21T06:49:00Z
2019-01-21T06:49:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】简介 Flux是一种搭建WEB客户端的应用架构,更像是一种模式而不是一个框架。 特点 单向数据流 与MVC的比较 1.传统的MVC如下所示(是一个双向数据流模型) 用户触发事件 View通知Controller执行相关逻辑 Controller通知Modal需要数据 Modal返回数据给Contro <a href="https://www.cnblogs.com/Darlietoothpaste/p/10298654.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10266572.html
Redux进阶(像VUEX一样使用Redux) - 菜的黑人牙膏
"更好的阅度体验" 前言 redux的问题 方案目标 如何实现 思考 前言 Redux是一个非常实用的状态管理库,对于大多数使用React库的开发者来说,Redux都是会接触到的。在使用Redux享受其带来的便利的同时, 我们也深受其问题的困扰。 redux的问题 之前在 "另外一篇文章Redux基
2019-01-14T06:28:00Z
2019-01-14T06:28:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】"更好的阅度体验" 前言 redux的问题 方案目标 如何实现 思考 前言 Redux是一个非常实用的状态管理库,对于大多数使用React库的开发者来说,Redux都是会接触到的。在使用Redux享受其带来的便利的同时, 我们也深受其问题的困扰。 redux的问题 之前在 "另外一篇文章Redux基 <a href="https://www.cnblogs.com/Darlietoothpaste/p/10266572.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10256357.html
Promise杂记 - 菜的黑人牙膏
"更好的阅度体验" 前言 API Promise特点 状态跟随 V8中的async await和Promise 实现一个Promise 参考 前言 作为一个前端开发,使用了Promise一年多了,一直以来都停留在API的调用阶段,没有很好的去深入。刚好最近阅读了V8团队的一篇 如何实现更快的asyn
2019-01-11T09:31:00Z
2019-01-11T09:31:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】"更好的阅度体验" 前言 API Promise特点 状态跟随 V8中的async await和Promise 实现一个Promise 参考 前言 作为一个前端开发,使用了Promise一年多了,一直以来都停留在API的调用阶段,没有很好的去深入。刚好最近阅读了V8团队的一篇 如何实现更快的asyn <a href="https://www.cnblogs.com/Darlietoothpaste/p/10256357.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10188875.html
React-router杂记 - 菜的黑人牙膏
1. HashRouter: 即对应url中的hash值,如xx.com/ /a、xx.com/ /a/b, 服务器对任务url都返回同一个url,具体的路径由浏览器区分,因为浏览器不会发送hash后面的值给服务器。 2. BrowserRouter:如果是BrowseRouter即url变成这样,
2018-12-28T02:07:00Z
2018-12-28T02:07:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】1. HashRouter: 即对应url中的hash值,如xx.com/ /a、xx.com/ /a/b, 服务器对任务url都返回同一个url,具体的路径由浏览器区分,因为浏览器不会发送hash后面的值给服务器。 2. BrowserRouter:如果是BrowseRouter即url变成这样, <a href="https://www.cnblogs.com/Darlietoothpaste/p/10188875.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10156357.html
Redux进阶(Immutable.js) - 菜的黑人牙膏
更好的阅读体验 更好的阅度体验 Immutable.js Immutable的优势 Immutable的问题 原生Js遇到的问题 原生Js遇到的问题 由于Js中的对象是引用类型的,所以很多时候我们并不知道我们的对象在哪里被操作了什么,而在Redux中,因为Reducer是一个纯函数,每次返回的都是一
2018-12-21T08:22:00Z
2018-12-21T08:22:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】更好的阅读体验 更好的阅度体验 Immutable.js Immutable的优势 Immutable的问题 原生Js遇到的问题 原生Js遇到的问题 由于Js中的对象是引用类型的,所以很多时候我们并不知道我们的对象在哪里被操作了什么,而在Redux中,因为Reducer是一个纯函数,每次返回的都是一 <a href="https://www.cnblogs.com/Darlietoothpaste/p/10156357.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10135285.html
Redux,基础 - 菜的黑人牙膏
在学习了React之后, 紧跟着而来的就是Redux了~ 在系统性的学习一个东西的时候, 了解其背景、设计以及解决了什么问题都是非常必要的。 接下来记录的是, 我个人在学习Redux时的一些杂七杂八~ Redux是什么? 通俗理解 https://www.zhihu.com/question/413
2018-12-19T11:49:00Z
2018-12-19T11:49:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】在学习了React之后, 紧跟着而来的就是Redux了~ 在系统性的学习一个东西的时候, 了解其背景、设计以及解决了什么问题都是非常必要的。 接下来记录的是, 我个人在学习Redux时的一些杂七杂八~ Redux是什么? 通俗理解 https://www.zhihu.com/question/413 <a href="https://www.cnblogs.com/Darlietoothpaste/p/10135285.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10054254.html
React生命周期 - 菜的黑人牙膏
自从React发布Fiber之后,更新速度日新月异,而生命周期也随之改变,虽然原有的一些生命周期函数面临废弃,但理解其背后更新的机制也是一种学习 在这里根据官方文档以及社区上其他优秀的文章进行一个对于生命周期的总结,大致上分为以下三个模块 新老生命周期的区别 新的生命周期增加了static getD
2018-12-02T09:31:00Z
2018-12-02T09:31:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】自从React发布Fiber之后,更新速度日新月异,而生命周期也随之改变,虽然原有的一些生命周期函数面临废弃,但理解其背后更新的机制也是一种学习 在这里根据官方文档以及社区上其他优秀的文章进行一个对于生命周期的总结,大致上分为以下三个模块 新老生命周期的区别 新的生命周期增加了static getD <a href="https://www.cnblogs.com/Darlietoothpaste/p/10054254.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/10039127.html
React事件杂记及源码分析 - 菜的黑人牙膏
前提 最近通过阅读React官方文档的事件模块,发现了其主要提到了以下三个点 带着问题,通过查询资料和源码来探寻~ 1.调用方法时需要手动绑定this 先从一段官方代码看起: 代码中的注释提到了一句话: This binding is necessary to make `this` work in
2018-11-29T12:11:00Z
2018-11-29T12:11:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】前提 最近通过阅读React官方文档的事件模块,发现了其主要提到了以下三个点 带着问题,通过查询资料和源码来探寻~ 1.调用方法时需要手动绑定this 先从一段官方代码看起: 代码中的注释提到了一句话: This binding is necessary to make `this` work in <a href="https://www.cnblogs.com/Darlietoothpaste/p/10039127.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/9985485.html
关于setState的一些记录 - 菜的黑人牙膏
在看React的官方文档的时候, 发现了这么一句话,State Updates May Be Asynchronous,于是查询了一波相关的资料, 最后归纳成以下3个问题 常见场景下的异步更新 以下是官方文档的一个例子, 调用了3次incrementCount方法, 期望this.state.cou
2018-11-19T13:11:00Z
2018-11-19T13:11:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】在看React的官方文档的时候, 发现了这么一句话,State Updates May Be Asynchronous,于是查询了一波相关的资料, 最后归纳成以下3个问题 常见场景下的异步更新 以下是官方文档的一个例子, 调用了3次incrementCount方法, 期望this.state.cou <a href="https://www.cnblogs.com/Darlietoothpaste/p/9985485.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/9944006.html
RESTful杂记 - 菜的黑人牙膏
在网上找了许久的关于REST的资料,发现网上大部分都是说的比较片面,虽然有部分说出了本质,但也没有详细提出,所以在这里记录一下。 RESTful是什么 首先,维基百科是这样说的: 这样的概念有点难以理解,了解一个东西,通常可以先了解他的背景,他是为了解决什么问题而出现的? Fielding是一个非常
2018-11-12T07:29:00Z
2018-11-12T07:29:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】在网上找了许久的关于REST的资料,发现网上大部分都是说的比较片面,虽然有部分说出了本质,但也没有详细提出,所以在这里记录一下。 RESTful是什么 首先,维基百科是这样说的: 这样的概念有点难以理解,了解一个东西,通常可以先了解他的背景,他是为了解决什么问题而出现的? Fielding是一个非常 <a href="https://www.cnblogs.com/Darlietoothpaste/p/9944006.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/Darlietoothpaste/p/9941117.html
React Fiber源码分析 (介绍) - 菜的黑人牙膏
写了分析源码的文章后, 总觉得缺少了什么, 在这里补一个整体的总结,输出个人的理解~ 文章的系列标题为Fiber源码分析, 那么什么是Fiber,官方给出的解释是: React Fiber是对核心算法的一次重新实现。 ummm, 这样说实在是有点泛,详细分析一下 先从开发者角度来看 实际上这次更新对
2018-11-11T02:44:00Z
2018-11-11T02:44:00Z
菜的黑人牙膏
https://www.cnblogs.com/Darlietoothpaste/
【摘要】写了分析源码的文章后, 总觉得缺少了什么, 在这里补一个整体的总结,输出个人的理解~ 文章的系列标题为Fiber源码分析, 那么什么是Fiber,官方给出的解释是: React Fiber是对核心算法的一次重新实现。 ummm, 这样说实在是有点泛,详细分析一下 先从开发者角度来看 实际上这次更新对 <a href="https://www.cnblogs.com/Darlietoothpaste/p/9941117.html" target="_blank">阅读全文</a>