joe_前端er

从 react 基础到 dva 应用架构，从 0 开始...

「小程序」这个划时代的产品发布快一周了，互联网技术人都在摩拳擦掌，跃跃欲试。可是小程序目前还在内测，首批只发放了 200 个内测资格（泪流满面）。本以为没有 AppID 这...

2019-08-16 13:41:40 由于这篇文章可能比较久远，文章进行了微调，一些 bug 可能修复，或者其中一些链接坏了，请小伙伴们前往 GitHub 获取最新文章。...

大家好呀，我是来自春天的掘金酱。 又到了一年的金三银四，想要换工作的同学自然不能错过。面试和笔试的准备也要提上日程啦。在最近的一份工作报告中显示，开发者的热门选择依然是阿里...

createClass不需要处理this的指向，到了Class Component稍微不慎就会出现因this的指向报错。 不是所有组件都需要处理生命周期，在React发布之...

html5新出的标签，每个标签都有自己语义，什么标签做什么事。让人看的懂，也让机器可以看的懂，利于SEO。 设置节点样式的方式有很多种，不同的方式它们的权重并不相同，当它们...

迭代器的使用可以极大地简化数据操作,于是es6也向js中添加了这个迭代器特性。新的数组方法和新的集合类型(例如:Set与Map集合)都依赖迭代器的实现,甚至异步编程中都可以...

三篇长文，带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇，如果你还没有阅读《带你深度解锁Webpa...

不管是工作需要还是面试加分，除了Vue相关技术以外，React技术栈也已经成为了前端开发工程师必备的技术点。接下来，我将从零开发一套完整的React全家桶项目开发环境，提供...

webpack并不强制你使用某种模块化方案，而是通过兼容所有模块化方案让你无痛接入项目。有了webpack，你可以随意选择你喜欢的模块化方案，至于怎么处理模块之间的依赖关系...

微前端是一种利用微件拆分来达到工程拆分治理的方案，可以解决工程膨胀、开发维护困难等问题。随着前端业务场景越来越复杂，微前端这个概念最近被提起得越来越多，业界也有很多团队开始...

如图所示，将整个前端项目按照业务线拆分出多个子项目，每个子项目都是独立的仓库，只包含了单个业务线的代码，可以进行独立开发和部署，降低了项目维护的复杂度。 采用这套方案，使得...

从React Hooks发布以来，整个社区都以积极的态度去拥抱它、学习它。期间也涌现了很多关于React Hooks 源码解析的文章。本文（基于v16.8.6）就以笔者自己...

随着 Nodejs 的崛起，编译这个昔日在 Java、C++ 等语言中流行的词，在前端也逐渐火了起来，现在一个前端项目在开发过程中没有编译环节，总感觉这个项目是没有灵魂的。...

1. 前言 注意，问得是几个！我当时还真答不上来几个，他问得那两个，我刚好又没答对。 我们应该有一个目标：尽量只操作键盘即可满足我们对浏览器的日常使用，摆脱鼠标的依赖，因为...

在网页中，有许多耗时但是却又不能那么紧要的任务。它们和紧要的任务，比如对用户的输入作出及时响应的之类的任务，它们共享事件队列。如果两者发生冲突，用户体验会很糟糕。我们可以使...

本文记录了一个前后端分离全栈项目的开发与部署流程，我会以demo的形式逐步演示。这篇文章是我各种踩坑终于把整个流程跑通之后，喜悦之余的总结分享（自己瞎琢磨，也不知道对不对）...

优化，就是加以改变或选择使优良，在工作当中是让提升效率的好办法。 1. 去除无用的样式 配置完毕了，上面包含了一些基本的配置。大家可以把重点放在注释为去除无用的样式代码部分...

在我们的代码中，一定包含了大量的if语句，这些if语句的执行要花费一些时间。有一种情况是这样的，我们第一次进入到if分支中，执行了这部分代码，然后第二次同样执行进入了同一分...