博客园 - cherryvsun
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=181244
2018-11-12T02:48:52Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
feed.cnblogs.com
https://www.cnblogs.com/cherryvenus/p/9945193.html
显微镜下的webpack4:灵魂tapable,终于搞懂钩子系列! - cherryvsun
简介 大家在看webpack源码的时候,有没有感觉像再看天书,似乎没有办法一个文件比如 从头看到尾。感觉webpack的跳跃性很强,完全不知道程序在运行的时候,发生了什么。完全不清楚这个事件是什么时候发生的,比如loader是什么时候执行的,plugin又是什么时候出现的。webpack的程序错综复
2018-11-12T02:49:00Z
2018-11-12T02:49:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】简介 大家在看webpack源码的时候,有没有感觉像再看天书,似乎没有办法一个文件比如 从头看到尾。感觉webpack的跳跃性很强,完全不知道程序在运行的时候,发生了什么。完全不清楚这个事件是什么时候发生的,比如loader是什么时候执行的,plugin又是什么时候出现的。webpack的程序错综复 <a href="https://www.cnblogs.com/cherryvenus/p/9945193.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9855048.html
显微镜下的webpack4:路径操作 - cherryvsun
对于打包工具来说,最简单也是最复杂的操作莫过于路径的安排了,原本都在 下的资源,想要打包到 目录下,但是打包出来的文件路径甚不如人意。明明想要分门别类地放置文件文件,然后却像大杂烩一样 ,`html css`甚至图片都混在了一起。虽然打包之后运行没什么问题,但是这是要逼死强迫症患者啊。 所以这篇文章
2018-10-26T02:47:00Z
2018-10-26T02:47:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】对于打包工具来说,最简单也是最复杂的操作莫过于路径的安排了,原本都在 下的资源,想要打包到 目录下,但是打包出来的文件路径甚不如人意。明明想要分门别类地放置文件文件,然后却像大杂烩一样 ,`html css`甚至图片都混在了一起。虽然打包之后运行没什么问题,但是这是要逼死强迫症患者啊。 所以这篇文章 <a href="https://www.cnblogs.com/cherryvenus/p/9855048.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9808320.html
显微镜下的webpack4的新特性:mode详解 - cherryvsun
webpack4支持的一个新特性就是zero配置,不需要config,也可以打包,这对于懒癌患者很有诱惑力,但是这也意味着我们不清楚零配置发生了写什么,也不知道打包出来的文件是否符合我们的心意,全部都是佛系打包。不过作为项目的亲爹亲妈,还是要对自己的孩子负责,每个打包过程都是要可控的。本文就是详解不
2018-10-17T23:51:00Z
2018-10-17T23:51:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】webpack4支持的一个新特性就是zero配置,不需要config,也可以打包,这对于懒癌患者很有诱惑力,但是这也意味着我们不清楚零配置发生了写什么,也不知道打包出来的文件是否符合我们的心意,全部都是佛系打包。不过作为项目的亲爹亲妈,还是要对自己的孩子负责,每个打包过程都是要可控的。本文就是详解不 <a href="https://www.cnblogs.com/cherryvenus/p/9808320.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9778009.html
显微镜下的webpack4入门 - cherryvsun
前端的构建打包工具很多,比如grunt,gulp。相信这两者大家应该是耳熟能详的,上手相对简单,而且所需手敲的代码都是比较简单的。然后webpack的出现,让这两者打包工具都有点失宠了。webpack比起前两者打包工具,对于前端程序员JS编程能力的要求还是挺高的。不过需要兼容ie8及以下的小伙伴们,
2018-10-12T06:33:00Z
2018-10-12T06:33:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】前端的构建打包工具很多,比如grunt,gulp。相信这两者大家应该是耳熟能详的,上手相对简单,而且所需手敲的代码都是比较简单的。然后webpack的出现,让这两者打包工具都有点失宠了。webpack比起前两者打包工具,对于前端程序员JS编程能力的要求还是挺高的。不过需要兼容ie8及以下的小伙伴们, <a href="https://www.cnblogs.com/cherryvenus/p/9778009.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9722304.html
读懂CommonJS的模块加载 - cherryvsun
叨叨一会CommonJS Common这个英文单词的意思,相信大家都认识,我记得有一个词组common knowledge是常识的意思,那么CommonJS是不是也是类似于常识性的,大家都理解的意思呢?很明显不是,这个常识一点都不常识。我最初认为commonJS是一个开源的JS库,就是那种非常方便用
2018-09-29T02:26:00Z
2018-09-29T02:26:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】叨叨一会CommonJS Common这个英文单词的意思,相信大家都认识,我记得有一个词组common knowledge是常识的意思,那么CommonJS是不是也是类似于常识性的,大家都理解的意思呢?很明显不是,这个常识一点都不常识。我最初认为commonJS是一个开源的JS库,就是那种非常方便用 <a href="https://www.cnblogs.com/cherryvenus/p/9722304.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9685082.html
Redux的中间件Middleware不难,我信了^_^ - cherryvsun
Redux的action和reducer已经足够复杂了,现在还需要理解Redux的中间件。为什么Redux的存在有何意义?为什么Redux的中间件有这么多层的函数返回?Redux的中间件究竟是如何工作的?本文来给你解惑,Redux中间件从零到“放弃”。 本文的参考网站只有二个,首当其冲的就是 "Re
2018-09-21T02:10:00Z
2018-09-21T02:10:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】Redux的action和reducer已经足够复杂了,现在还需要理解Redux的中间件。为什么Redux的存在有何意义?为什么Redux的中间件有这么多层的函数返回?Redux的中间件究竟是如何工作的?本文来给你解惑,Redux中间件从零到“放弃”。 本文的参考网站只有二个,首当其冲的就是 "Re <a href="https://www.cnblogs.com/cherryvenus/p/9685082.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9638934.html
通俗易懂的Redux了解下 - cherryvsun
Redux真的让我脑仁疼,感觉有点搞不定他,因为对我而言太抽象了。所以我用通俗易懂地方法去思考Redux,感觉能够理解了。 本文要点: action 配置行为 store.dispatch(action) reducer 纯函数 返回新的state createStore(reducer) stor
2018-09-13T02:15:00Z
2018-09-13T02:15:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】Redux真的让我脑仁疼,感觉有点搞不定他,因为对我而言太抽象了。所以我用通俗易懂地方法去思考Redux,感觉能够理解了。 本文要点: action 配置行为 store.dispatch(action) reducer 纯函数 返回新的state createStore(reducer) stor <a href="https://www.cnblogs.com/cherryvenus/p/9638934.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9602850.html
React Components之间的通信方式了解下 - cherryvsun
先来几个术语: |官方|我的说法|对应代码| |: :|: :|: :| |React element|React元素| | |Component|组件| | |无|App为父元素,App1为子元素|``| 本文重点: 组件有两个特性 1、传入了一个“props” 2、返回了一个React元素 组件
2018-09-07T02:03:00Z
2018-09-07T02:03:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】先来几个术语: |官方|我的说法|对应代码| |: :|: :|: :| |React element|React元素| | |Component|组件| | |无|App为父元素,App1为子元素|``| 本文重点: 组件有两个特性 1、传入了一个“props” 2、返回了一个React元素 组件 <a href="https://www.cnblogs.com/cherryvenus/p/9602850.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9590589.html
学习React从接受JSX开始 - cherryvsun
详情参考官方 "JSX规范" 虽然JSX是扩展到ECMAScript的类XML语法,但是它本身并没有定义任何语义。也就是说它本身不在ECMAScript标准范围之内。它也不会被引擎或者浏览器直接执行。通常会利用很编译器预处理器来将这些JSX转化为标准的ECMAScript。 吐槽:虽然JSX出发点是
2018-09-05T02:25:00Z
2018-09-05T02:25:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】详情参考官方 "JSX规范" 虽然JSX是扩展到ECMAScript的类XML语法,但是它本身并没有定义任何语义。也就是说它本身不在ECMAScript标准范围之内。它也不会被引擎或者浏览器直接执行。通常会利用很编译器预处理器来将这些JSX转化为标准的ECMAScript。 吐槽:虽然JSX出发点是 <a href="https://www.cnblogs.com/cherryvenus/p/9590589.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9577256.html
如何手写一款KOA的中间件来实现断点续传 - cherryvsun
本文实现的断点续传只是我对断点续传的一个理解。其中有很多不完善的地方,仅仅是记录了一个我对断点续传一个实现过程。大家应该也会发现我用的都是一些H5的api,老得浏览器不会支持,以及我并未将跨域考虑入内,还有一些可能出现的一场等~巴啦啦。(怎么感觉这么多问题???笑~) 本文参考仓库: "点我" 这几
2018-09-03T02:35:00Z
2018-09-03T02:35:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】本文实现的断点续传只是我对断点续传的一个理解。其中有很多不完善的地方,仅仅是记录了一个我对断点续传一个实现过程。大家应该也会发现我用的都是一些H5的api,老得浏览器不会支持,以及我并未将跨域考虑入内,还有一些可能出现的一场等~巴啦啦。(怎么感觉这么多问题???笑~) 本文参考仓库: "点我" 这几 <a href="https://www.cnblogs.com/cherryvenus/p/9577256.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9558524.html
KOA的简易模板引擎实现方式 - cherryvsun
上上一期链接——也就是本文的基础, "参考KOA,5步手写一款粗糙的web框架" 上一期链接——有关Router的实现思路, "这份Koa的简易Router手敲指南请收下" 本文参考仓库: "点我" 上一期科普了Router,我们可以为每一张页面配置一个路由,但是我们不可能每个 都直接写 ,这样代码
2018-08-30T02:19:00Z
2018-08-30T02:19:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】上上一期链接——也就是本文的基础, "参考KOA,5步手写一款粗糙的web框架" 上一期链接——有关Router的实现思路, "这份Koa的简易Router手敲指南请收下" 本文参考仓库: "点我" 上一期科普了Router,我们可以为每一张页面配置一个路由,但是我们不可能每个 都直接写 ,这样代码 <a href="https://www.cnblogs.com/cherryvenus/p/9558524.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9552528.html
迭代器,生成器(generator)和Promise的“微妙”关系 - cherryvsun
需要Promise源码版的朋友: "传送链接" 本文主要讲述(iterator)和生成器 之间的联系和各自的用法,以及生成器的高配版本 的使用。 大纲: 迭代器(iterator) 生成器 异步版生成器 迭代器(iterator) 先瞅瞅“迭代”,这个词是什么意思呢?每一次“过程”的重复,称之为迭代
2018-08-29T02:00:00Z
2018-08-29T02:00:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】需要Promise源码版的朋友: "传送链接" 本文主要讲述(iterator)和生成器 之间的联系和各自的用法,以及生成器的高配版本 的使用。 大纲: 迭代器(iterator) 生成器 异步版生成器 迭代器(iterator) 先瞅瞅“迭代”,这个词是什么意思呢?每一次“过程”的重复,称之为迭代 <a href="https://www.cnblogs.com/cherryvenus/p/9552528.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9542882.html
这份Koa的简易Router手敲指南请收下 - cherryvsun
上一期链接——也就是本文的基础, "参考KOA,5步手写一款粗糙的web框架" 本文参考仓库: "点我" Router其实就是路径匹配,通过匹配路径,返回给用户相应的网站内容。 以下方例子为例,主要通过提取 中的 信息,来匹配当前路径,并给 赋值,返回相应的界面。这个过程不复杂,就是一个匹配路径的过
2018-08-27T08:19:00Z
2018-08-27T08:19:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】上一期链接——也就是本文的基础, "参考KOA,5步手写一款粗糙的web框架" 本文参考仓库: "点我" Router其实就是路径匹配,通过匹配路径,返回给用户相应的网站内容。 以下方例子为例,主要通过提取 中的 信息,来匹配当前路径,并给 赋值,返回相应的界面。这个过程不复杂,就是一个匹配路径的过 <a href="https://www.cnblogs.com/cherryvenus/p/9542882.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9527211.html
参考KOA,5步手写一款粗糙的web框架 - cherryvsun
我经常在网上看到类似于 的文章,大家都在讨论哪一个好,哪一个更好。作为小白,我真心看不出他两who更胜一筹。我只知道,我只会跟着官方文档的start做一个DEMO,然后我就会宣称我会用KOA或者express框架了。但是几个礼拜后,我就全忘了。web框架就相当于一个工具,要使用起来,那是分分钟的事。
2018-08-23T15:16:00Z
2018-08-23T15:16:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】我经常在网上看到类似于 的文章,大家都在讨论哪一个好,哪一个更好。作为小白,我真心看不出他两who更胜一筹。我只知道,我只会跟着官方文档的start做一个DEMO,然后我就会宣称我会用KOA或者express框架了。但是几个礼拜后,我就全忘了。web框架就相当于一个工具,要使用起来,那是分分钟的事。 <a href="https://www.cnblogs.com/cherryvenus/p/9527211.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9504109.html
通过HTTP的HEADER完成各种骚操作 - cherryvsun
作为一名专业的切图工程师,我从来不care网页的header,最多关心 是不是 。但是HEADER真的很重要啊,客户端从服务器端获取内容,首先就是通过HEADER进行各种沟通!HEADER可以帮助我们完成许多骚操作,提高网站的性能,用户的体验。好了让我们来feel一下。 初级骚操作 多语言( ) 防
2018-08-20T02:25:00Z
2018-08-20T02:25:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】作为一名专业的切图工程师,我从来不care网页的header,最多关心 是不是 。但是HEADER真的很重要啊,客户端从服务器端获取内容,首先就是通过HEADER进行各种沟通!HEADER可以帮助我们完成许多骚操作,提高网站的性能,用户的体验。好了让我们来feel一下。 初级骚操作 多语言( ) 防 <a href="https://www.cnblogs.com/cherryvenus/p/9504109.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9482995.html
我已经迷失在事件环(event-loop)中了【Nodejs篇】 - cherryvsun
我第一次看到他事件环(event loop)的时候,我是一脸懵,这是什么鬼,是什么循环吗,为什么event还要loop,不是都是一次性的吗? 浏览器中和nodejs环境中的事件环是有一些区别的,这里我只研究了nodejs环境,小黑框情况下的事件环。 这里的事件环并不是指单独一件事件的循环,而是我们写
2018-08-15T09:58:00Z
2018-08-15T09:58:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】我第一次看到他事件环(event loop)的时候,我是一脸懵,这是什么鬼,是什么循环吗,为什么event还要loop,不是都是一次性的吗? 浏览器中和nodejs环境中的事件环是有一些区别的,这里我只研究了nodejs环境,小黑框情况下的事件环。 这里的事件环并不是指单独一件事件的循环,而是我们写 <a href="https://www.cnblogs.com/cherryvenus/p/9482995.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/9429679.html
扒一扒PROMISE的原理,大家不要怕! - cherryvsun
在前端的日常工作中,回调函数(callback)应该是见怪不怪了,但是当回调函数遇上了异步(async),这就令人发指了。那么异步是什么意思呢,简单地说就是不等你执行完,就先执行下方的代码了。 举个🌰: 我们最常用的异步操作应该是ajax了(想当初我第一次用ajax的时候,简直就是灾难。明明资源加
2018-08-06T04:59:00Z
2018-08-06T04:59:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】在前端的日常工作中,回调函数(callback)应该是见怪不怪了,但是当回调函数遇上了异步(async),这就令人发指了。那么异步是什么意思呢,简单地说就是不等你执行完,就先执行下方的代码了。 举个🌰: 我们最常用的异步操作应该是ajax了(想当初我第一次用ajax的时候,简直就是灾难。明明资源加 <a href="https://www.cnblogs.com/cherryvenus/p/9429679.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/8583001.html
canvas练手项目(三)——Canvas中的Text文本 - cherryvsun
Canvas中的Text文本也是一个知识点~,我们需要掌握一下几个基本的Text操作方法 首先是重要参数textAlign和textBaseline: textAlign left center right start (default) end textBaseline alphabetic (d
2018-04-17T10:05:00Z
2018-04-17T10:05:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】Canvas中的Text文本也是一个知识点~,我们需要掌握一下几个基本的Text操作方法 首先是重要参数textAlign和textBaseline: textAlign left center right start (default) end textBaseline alphabetic (d <a href="https://www.cnblogs.com/cherryvenus/p/8583001.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/8554092.html
canvas练手项目(二)——各种操作基础 - cherryvsun
想想应该在canvas上面作画了,那么就不得不提到事件了。 (打着canvas的旗号,写着mouse事件。挂羊头卖狗肉!哈哈哈哈哈~) 先来看一看HTML事件属性,我们要用的就是Mouse事件,就先研究下mouse事件的特性。 onmousedown onmousemove onmouseout o
2018-03-13T03:06:00Z
2018-03-13T03:06:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】想想应该在canvas上面作画了,那么就不得不提到事件了。 (打着canvas的旗号,写着mouse事件。挂羊头卖狗肉!哈哈哈哈哈~) 先来看一看HTML事件属性,我们要用的就是Mouse事件,就先研究下mouse事件的特性。 onmousedown onmousemove onmouseout o <a href="https://www.cnblogs.com/cherryvenus/p/8554092.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/cherryvenus/p/8546627.html
canvas练手项目(一)——选取图片 - cherryvsun
今天无事可做,在春意盎然的下午突发奇想想做一个关于图片处理的在线网页应用。不要问我为什么做这个,因为我想做!关于这个项目,我想基于canvas来实现,canvas是个好东西,我一直很喜欢,就是我没有做过什么成型的项目。为了挑战自己,或者说熟悉下原生的canvas,我决定不借助任何现有的框架,比如ph
2018-03-11T14:25:00Z
2018-03-11T14:25:00Z
cherryvsun
https://www.cnblogs.com/cherryvenus/
【摘要】今天无事可做,在春意盎然的下午突发奇想想做一个关于图片处理的在线网页应用。不要问我为什么做这个,因为我想做!关于这个项目,我想基于canvas来实现,canvas是个好东西,我一直很喜欢,就是我没有做过什么成型的项目。为了挑战自己,或者说熟悉下原生的canvas,我决定不借助任何现有的框架,比如ph <a href="https://www.cnblogs.com/cherryvenus/p/8546627.html" target="_blank">阅读全文</a>