小丸子爱学习65884

本文是笔者写组件设计的第六篇文章,内容依次从易到难,今天会用到react的高级API React Portals,它也是很多复杂组件必用的方法之一. 通过组件的设计过程,大家会接触到一个完成健壮的组件设计思路和方法,也能在实现组件的过程逐渐对react/vue的高级知识和技巧有…

虽然现在处理日期方面已经有了很成熟的也很好用的库，例如（momentjs和date-fns），但是在实际开发中，我们有时候可能并不需要整个库。 所以我就在下面整理了在前端开发时对日期时间的各种操作，也算是比较全的了。其中一部分来自自己，还有一部分来源于我们万能的网友~

CSS是一门很特殊的语言，不像一般的编程语言那样需要抽象的思维和严密的逻辑，它真正需要的是想象力——将你脑中所想的意象用代码来表现出来。那么意象又是如何产生的呢？最常用的方法就是探索和观察。举个例子，笔者平时热爱看番，每看到有意思的场景画面总会下意识地记录下来，这对动画创作会非…

Redux是可预测的状态管理框架。它很好的解决多交互，多数据源的诉求。 Redux设计理念有三个原则： 1. 单一数据源 2. State只读 3. 使用纯函数变更state值。 正常的一个同步数据流为：view层触发actionCreator，actionCreator通过s…

2019年即是顺利的一年，也是心里忐忑的一年，回首今年心里还是有很多感触的。 2019年迎来了我人生中的一次跳槽，从武汉到深圳。从一个待过四年大学生活的城市来到一个向往而又陌生的城市，心里总有些担心。不过，面试还算顺利，从离职到入职前前后后大概三四天左右。当来到这座城市，看着高…

平时工作中，一直在使用各方提供的脚手架工具，没有去思考自己如何去构建相同的脚手架工具，因为最近工作中一直提团队赋能，利用命令行工具来提高开发效率，所以学习一下如何利用node和npm构建一个自己的命令行，并对其源码进行了解析。 1. 扩展Node参数解析 option第三个参数…

简单复盘一下 HTML。 什么是 HTML？HTML 是 Hyper Text Markup Language 的简写，译成中文是「超文本标记语言」。 顾名思义，超文本，就是不止于文本，视频、音频、图片等等都可以，说到底就是一种特殊的文档。HTML 构建了一个网页的基本骨架，T…

对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…

这可能是80%Vue友最常见的一个使用子组件的模式，没错，我也经常这么干...如果你用腻了这种方式，想换个新奇的，接着往下走，我们再学习两个不常用的但又很高效的使用方式，提升开发逼格。 想象一下一个会员中心组件，有一部分区域用来展示会员与会员差异的相关展示模块，但是这两个只会展…