Eliaz

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

webpack是现代前端开发中最火的模块打包工具，只需要通过简单的配置，便可以完成模块的加载和打包。那它是怎么做到通过对一些插件的配置，便可以轻松实现对代码的构建呢？ Plugins：Loaders将各类型的文件处理成webpack能够处理的模块，plugins有着很强的能力。…

服务端渲染实现原理机制：在服务端拿数据进行解析渲染，直接生成html片段返回给前端。然后前端可以通过解析后端返回的html片段到前端页面，大致有以下两种形式： 1、服务器通过模版引擎直接渲染整个页面，例如java后端的vm模版引擎，php后端的smarty模版引擎。 2、服务渲…

react-router 目前作为 react 最流行的路由管理库，已经成为了某种意义上的官方路由库（不过下一代的路由库 reach-router 已经蓄势待发了），并且更新到了 v4 版本，完成了一切皆组件的升级。本文将对 react-router v4（以下简称 rr4） …

1. keep-alive 2. 页面返回出现空白屏问题 这里为什么不能直接return而必须使用异步滚动操作呢？以下是个人的一些见解欢迎大家来探讨指正。 首先我们要先去了解scrollBehavior函数究竟在组件的哪个生命周期后才开始执行。这里我对组件的每个生命周期和scr…

暑假即将来临，你有什么好的安排呢？上班、旅游、宅在家打游戏......不管怎么样，希望你能抽出一点时间来学习，丰富自己。下面是我仿的极客时间小程序，做了一些总结，写给自己，也写给进来观看的你。 把数据存入到Easy Mock，再请求数据。 另外创建一个.js文件存入数据，在需要…

确实，你已经从新手变成了一个「熟手」，也可以胜任公司的工作安排。 只不过总觉得在日复一日地重复昨天的自己。 我也有过这种阶段。我说一下我的应对措施。 将代码分为「业务代码」和「技术代码」是一种简单的二分法。但是实际情况可能并不是这样。我的经验中还有第三种代码，就是「业务技术代码…

CSS3 中使用 transform 可以对元素进行变换。其中包含：位移、旋转、偏移、缩放。 transform 可以使用 translate/rotate/skew/scale 的方式来控制元素变换，也可以使用 matrix 的方式来控制元素变换。 比如： 通过transfo…

本系列持续更新中，Github 地址请查阅这里。 这是 JavaScript 工作原理的第九章。 现在让我们把注意力转移到网页推送通知：我们将会查看其构造，探索发送／接收通知背后的过程以及最后分享一下我们在 SessionStack 是如何计划利用这些功能来创建新的产品功能的。…