Lxxyx的前端乐园

前端路漫漫,且行且歌

状态决定视图——基于状态的前端开发思考

前提在现在的前端社区,关于MVVM、Model driven view 之类的概念,已经算是非常普及了。React/Vue 这类框架可以算是代表。而自己虽然有 React/Vue 的使用经验,也了解 MVVM,状态机等核心概念,但是却一直没有很好的应用。 直到前几天接手一个组件开发的需求,写之前尝试细细分析时,才突然想通这之间的联系。Emmm……内容比较浅,并不是什么了不得的神兵利器。更多的......

浅析Node与Element

起因起因有二: 在看winter老师的分享:《一个前端的自我修养》时,有注意到这么一幅图,里面有写childNode和children属性。 昨天有学弟问起我,能否自己定义一个所有元素节点通用的方法,就像数组可以用 Array.prototype.xxx 来添加一个所有数组的方法。于是发现自己对于Node和Element的概念其实还不太清晰,所以上MDN看了看,写篇博客沉淀一下。 No......

Redux源码阅读笔记(2) - Redux的原理与适配

范式与其说Redux是一个工具类库,我更想说它是一套处理状态与数据变更的范式。官方有明确的一些规则,社区也累积了很多最佳实践。 从谷歌搜索来看,这是个很有趣的现象。至于个人看法则是根据项目和团队实际情况来选用Redux方案,而非强制上马,避免未来可能会背的技术债。 Redux FlowRedux是单向数据流,其工作流如下图所示(看不懂或者没用过的小伙伴可以先看看Redux文档,用一用)......

Redux源码阅读笔记(1) - Why Redux?

起因日常的习惯里,就有阅读开源项目源代码的习惯。之前的项目中则大量的应用了Redux作为状态容器,也积累了一些问题,所以今天试着阅读Redux源代码,去解决自己的困惑。 在网络上Why Redux、Redux原理分析、Redux源代码分析之类的文章层出不穷,之所以写这篇文章的原因是为了解决自己在使用Redux时说产生的一些好奇与困惑。并非科普文,如果你有遇到类似的问题,不妨看看~ 问题一直......

如果我们不曾相遇

风起你推荐了这首歌给我,细细的听了一遍,然后开始了一下午的单曲循环。 歌曲在线试听 歌词如果我们不曾相遇 我会是在哪里如果我们从不曾相识 不存在这首歌曲每秒都活着 每秒都死去 每秒都问着自己谁不曾找寻 谁不曾怀疑 茫茫人生奔向何地 那一天 那一刻 那个场景 你出现在我生命从此后 从人生 重新定义 从我故事里苏醒 如果我们不曾相遇 你又会在哪里如果我们从不曾相识 人间又如何运行晒伤的脱皮 意外......

开源了两个小插件

开源两个自己之前写的小工具,koa-router-decorator与react-native-dynamic-stylesheet. koa-router-decorator链接在此:koa-router-decorator第一个是用装饰器写路由的工具。 想法源于flask,之前看flask写的路由,觉得用装饰器写的话,会比较优美,然后就写了这个插件。效果如下: react-native-......

这些天做过的一些分享

这段时间,一直专注于给家园工作室团队内部去做一些分享。有规范的制订,也有前端的学习,还有关于学习方面的分享。 REM + Flex 布局第一份:REM + Flex 布局 讲的是我在写移动端页面,和学习Flex布局中的一些经验和好的资源。 家园项目Git规范第二份:家园项目Git规范 讲的是给家园工作室制订的Git规范,参照Git Flow,但是根据我们的实际情况,增删了部分内容,比如取消......

JavaScript实现列表无限加载

起因之前自己在使用这种网站时,经常看到无限加载的效果。今天正好看到了getBoundingClientRect这个Api,就想着试试看如何实现Infinite scroll的效果。 原理在需要无限加载的列表底部,埋下一个隐藏元素。当不断滑动时,隐藏元素将出现在视窗(viewport)里,也就意味着当前浏览的列表已经到底部了。这时候就需要进行列表加载。大概的HTML结构如下: 12345678......

iNCU App开发实践 - 架构设计

App架构?架构很多时候,是个很玄的词。软件开发中,架构真实的存在并影响着软件研发、运行与维护时的质量。 好的架构,明眼人一看就知道。比如Linux内核,又比如一些优质的开源软件。而其他架构的质量,则往往难以判断。 嗯,关于这次iNCU App的架构,自己虽然觉得有些地方仍有不足,但是已经是自己尽全力的作品了。 这次分享出来,也是想分享自己在App架构上的实践与思考,如果有不足的地方,还希望......

TCP/IP 学习

起因之前自己学习的时候,碰到一些与计算机网络相关的问题。有侧重于HTTP的,也有侧重于TCP/IP等偏底层知识的。今天对着阿里的《技术之瞳》这本书,准备系统学习一下计算机科学相关的知识。而书中的重点,就是TCP/IP。 TCP/IP 三次握手和四次挥手首先要说的,就是最经典的问题之一,TCP/IP 三次握手和四次挥手。具体可以看图,内容应该也很直白。 自己在学习过程中,产生的疑点在于三次挥......