繁易の前端乐园

不为繁华易匠心

新平台

起源最近在学习性能优化，之前的博客部署于 Coding 上，虽然足够好用，但是有一些地方总归是难以优化到。比如 TTFB，CDN 等。所以这次搬迁到了自己的服务器平台上，尝试进行全面的优化~ 部署部署使用了 Drone，通过 Ci 来实现推送更新后，自动部署到服务器，看了一下时间，大概 20S 左右就可以完成部署，还是很快的。在部署时，不运行 hexo clean 可以保证页面生成期间......

Posted by Lxxyx on 2018-10-20

美与期望

之前一直在想，在计算机这个领域里，我到底喜欢什么，什么才是美。在读到《成为一个自己喜欢的，而不是自己觉得厉害的》这篇文章，开始真正探索内心深处一直不为人所言的想法。架构之美架构是我在计算机领域中，觉得最美的事情。他只是在那儿，设置了某种了规则，提出了某种解决方案，便让某个问题得以顺利解决。好的架构里体现出的个人智慧，系统整洁性，完备性，都会使人深深的着迷。我喜欢这种感觉，深深的迷恋着，在探......

Posted by Lxxyx on 2018-05-19

进程与线程的区别

起因今天在读《计算机网络-自顶向下方法》这本书。中间有提到一个进程间通信的概念。正好这段时间试着在做 RN 的优化，在优化安卓的冷启动时间时，使用了多线程去处理初始化时，对于第三方 SDK，部分服务的启动。从而把启动时间从 770ms+ 优化到了 320ms+，基本是无感秒开的状态。不过这也引起了自己的兴趣，那么就是进程和线程究竟是什么？自己之前有自学过《操作系统》这门课程，也知道进程是 ......

Posted by Lxxyx on 2018-03-29

无问西东-2017

“爱你所爱，行你所行，听从你心，无问西东。” – 《无问西东》迟到的年终总结2017 年如白驹过隙，不知不觉的就过去了，在这一年之中发生了太多太多。一直也想找个时间，写下年度总结，但是总是找不到恰当的题目。直到今天，终于灵感迸发，以自己很喜欢的一部电影为题：无问西东。关键词整个 2017 年下来，给我的感觉就是动荡、变革。不断的经历着各种大大小小的事，做着自己没有把握，也不知道正确......

Posted by Lxxyx on 2018-02-16

微型库解读之200byte的EventEmitter - Mitt

起源关于 EventEmitter 我想应该很多同学都很熟悉了。简而言之是一个事件的发布与订阅器。这两天读到了一些非常有意思的小库，虽然小但是功能完备，比如说这次我们要讲解的 Mitt. Github 地址小Mitt是一个微型的 EventEmitter 库，实现了基本的 on, off, emit 三个 Api，对于使用 EventEmitter 其他功能不多的同学来说，200byte......

Posted by Lxxyx on 2018-01-26

React setState 解读

起因之前对于 React 的源代码与底层实现一直很感兴趣，但是 React 的源代码大且多，不易读。再加上之前也遇到过在调用 setState 的 Api 后，this.state 属性并未及时更新的问题，这对于我个人而言，就如同一个黑匣子一般。现今有空了，总得打开黑匣子，一探究竟。 setState 的疑惑看下面这段代码，你认为会输出什么呢？答案在右侧的 console 中，是 0，......

Posted by Lxxyx on 2018-01-13

DOM Api-insertAdjacent 系列

起因看朋友圈时候，有看到一个自己从来没有发现过的 Api。名字是 insertAdjacentHTML。觉得很好奇，就试着看了看这个 Api，发现在某些场景下，出奇的好用。概述 insertAdjacentElement() 方法将一个给定的元素节点插入到相对于被调用的元素的给定的一个位置。其他几个 Api 效果类似语法与使用element.insertAdjacentHTM......

Posted by Lxxyx on 2017-09-25

Intersection Observer 实现哨兵元素

起因在自己之前写的博客《JavaScript实现列表无限加载》中，有提到使用 getBoundingClientRect 实现一个哨兵元素，从而实现无限加载等功能。然而 getBoundingClientRect 的方法，用起来其实挺别扭的，因为每次滚动都要调用与检测，且必须自己书写检测函数，并不是很方便。所幸的是，浏览器给我们添加了新的 Api，Intersection Observer......

Posted by Lxxyx on 2017-09-15

React Native 性能优化

起因自己使用 RN 已经很长时间了，但是对于 RN 的了解却不够深入，接下来一段时间会多关注性能优化相关的知识课程：https://www.youtube.com/watch?v=NdUg_hjI30w 加载方式Native端：Native init 与 JS initJS端：Fetch Data, JS RenderNative: Native Render 启动流程问题： Vie......

Posted by Lxxyx on 2017-09-09

了解网络请求的生命周期 - Resource Timing

起因自己在学习性能优化的相关知识。准备从网络请求这儿出发，配合着对 Chrome Dev Tools 的学习与使用，从而深入性能优化的相关知识。关于 Resource Timing 所有网络请求都被视为资源。通过网络对它们进行检索时，资源具有不同生命周期，以 Resource Timing 表示。下面是一个资源的生命周期参考资料：了解 Resource Timing ...

Posted by Lxxyx on 2017-09-01