30分钟教你优雅的搭建nodejs开发环境及目录设计

前言笔者最近在工作之余,一直在做数据可视化和nodejs方面的研究,虽然之前的web工作中接触过nodejs和可视化相关的内容,但是没有一个系统的总结和回顾,所以为了更深入的研究和复盘我的nodejs和数据可视化之路,笔者将会花两个月的时间,做一个彻底的复盘. Node.js是一个事件驱动I/O服务端JavaSc

徐小夕 徐小夕 2021.03.28
0
0
30分钟教你优雅的搭建nodejs开发环境及目录设计
10分钟教你手写8个常用的自定义hooks

前言 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章,主要讲解实际项目中如何使用hooks以及一些最佳实践,不会一步步再介绍一遍react hooks的由来和基本使用,因为写hooks的文章很多,而且官网对于react hooks的介绍也很详细

徐小夕 徐小夕 2020.12.25
0
0
10分钟教你手写8个常用的自定义hooks
前端组件/库打包利器rollup使用与配置实战

目前主流的前端框架vue和react都采用rollup来打包,为了探索rollup的奥妙,接下来就让我们一步步来探索,并基于rollup搭建一个库打包脚手架,来发布自己的库和组件。 (https://imghelloworld.osscnbeijing.aliyuncs.com/imgs/16cb1c297071015523fb08d9e0f

徐小夕 徐小夕 2020.12.18
0
0
前端组件/库打包利器rollup使用与配置实战
微前端架构初探以及我的前端技术盘点

前言 最近几年微前端一直是前端界的热门议题, 它类似于微服务架构, 主要面向于浏览器端,能将一个复杂而庞大的单体应用拆分为多个功能模块清晰且独立的子应用,且共同服于务同一个主应用。各个子应用可以独立运行、独立开发和独立部署。 微前端架构概念的诞生及应用对于提供复杂应用服务的企业来说显然是一种机遇, 同样也是一种挑战.本文主要就微前端架构的概念和实现方案做一

徐小夕 徐小夕 2020.12.29
0
0
微前端架构初探以及我的前端技术盘点
TS核心知识点总结及项目实战案例分析

前言 最近工作一直很忙,复盘周期也有所拉长,不过还是会坚持每周复盘。今天笔者将复盘一下typescript在前端项目中的应用,至于为什么要学习typescript,我想大家也不言自明,目前主流框架vue和react以及相关生态的内部构建大部分都采用了typescript,其原因就在于它的静态类型检查极大的提高了代码的可读性和可维护性,而且定位问题非常方便。下

徐小夕 徐小夕 2020.12.31
0
0
TS核心知识点总结及项目实战案例分析
笛卡尔乘积的javascript版实现和应用

笛卡尔乘积是指在数学中,两个集合X和Y的笛卡尓积,又称直积,表示为X × Y,第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员 。 例子 假设集合A{a, b},集合B{0, 1, 2},则两个集合的笛卡尔积为{(a, 0), (a, 1), (a, 2), (b, 0), (b, 1), (b, 2)}。 (https:

徐小夕 徐小夕 2020.12.16
0
0
笛卡尔乘积的javascript版实现和应用
深度剖析github star数15.1k的开源项目redux-thunk

日益忙碌的一周又过去了,是时候开始每周一次的总结复盘了,今天笔者就来剖析一下github中star数15.1k的开源项目reduxthunk。 作为一名React方向的前端工程师,不管是被面试还是面试别人,大部分都会说起reduxthunk的实现原理,因为它非常经典且有用,而且代码量少的感人,只有短短12行代码,却能解决React开发中同一个函数支持多

徐小夕 徐小夕 2020.12.31
0
0
深度剖析github star数15.1k的开源项目redux-thunk
基于create-react-app打包编译自己的第三方UI组件库并发布到npm

前言 这篇文章主要是总结一下我们在工作中如何为公司开发内部的第三方UI组件,并通过npm install的方式安装的一些步骤和思路。在学习完这套发布方法后大家也可以快速的发布自己的UI库到npm,供他人使用,就比如elementUI或者Ant Design。 如果想学习如何发布一个js库或者框架,那么使用rollup更为适合,可以参考如下文章: 前端组

徐小夕 徐小夕 2020.12.18
0
0
基于create-react-app打包编译自己的第三方UI组件库并发布到npm
使用reveal.js制作精美的网页版PPT

前言 最近在做季度总结和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了笔者的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候笔者发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架,支持插入多种格式的内容,并以类似 PPT 的形式呈现. 花了1

徐小夕 徐小夕 2020.12.31
0
0
使用reveal.js制作精美的网页版PPT
《精通react/vue组件设计》之快速实现一个可定制的进度条组件

前言 这篇文章是笔者写组件设计的第四篇文章,之所以会写组件设计相关的文章,是因为作为一名前端优秀的前端工程师,面对各种繁琐而重复的工作,我们不应该按部就班的去"辛勤劳动",而是要根据已有前端的开发经验,总结出一套自己的高效开发的方法.作为数据驱动的领导者react/vue等MVVM框架的出现,帮我们减少了工作中大量的冗余代码, 一切皆组件的思想深得人心.所以

徐小夕 徐小夕 2020.12.23
0
0
《精通react/vue组件设计》之快速实现一个可定制的进度条组件