阅读分析Vuex源码

不管是Vue框架还是React框架,在实际开发使用的过程中我们都会有很多情况下都会有状态共享的需求,这些状态共享会发生在父子组件和兄弟组件之间,我们为了维护这些状态经常会写很多非必要性的代码,这些代码一多起来,维护就会变得很困难,正是由于有这种需求,人们开发了许多相关的库,从FluxRedux再到Vuex,这些库的大致思路都是:将共享的状态抽离出来,通过定义和隔离状态管理中的各种概念并强制遵守一定的规则,达到代码结构化和易维护的目的。

阅读更多
阅读分析snabbdom源码

尤大在官宣Vue 2.0的时候这么说过:

渲染层基于一个轻量级的 Virtual DOM 实现进行了重写,该 Virtual DOM 实现 fork 自 snabbdom。新的渲染层相比 v1 带来了巨大的性能提升,也让 Vue 2.0 成为了最快速的框架之一。
那么对于想要深入了解Vue源码的人来说先深入了解一下snabbdom的实现是有必要的

阅读更多
京晚8点--H5单页面手势滑屏效果实践

项目背景

京晚8点作为内容平台重点打造的内容IP,通过优质的内容形式,潜移默化中让用户了解产品,建立对京东开始玩内容的心智和认知,目前这个项目已经迭代到第5期,最开始的时候我们的首页效果是一个卡片形式的时间轴,首页的背景大图会随着时间轴拖动到不同的卡片而进行切换:
从第5期开始,我们采用了一种全新的交互方式来给用户更好的体验反馈,那就是滑屏,可以先看一下效果:

阅读更多
京晚8点-H5视频沉浸式播放解决方案

“沉浸播放式”这个概念是我从Android开发里面的沉浸式引申过来的一个概念,沉浸式其实就是隐藏页面顶部的status bar和底部的navigation bar之后呈现出来的页面,一般用户很容易把沉浸式状态栏和透明化状态栏混为一谈,他们的区别如下:

阅读更多
webpack从0到1使用指南
为什么要用webpack关于为什么要使用webpack,我比较认同的一种说法是: webpack可以很好地管理你开发中遇到的各种HTML、JS、CSS以及各种图片资源文件,同时对应不同的资源,webpack还提供了对应的Loaders将其进行转化为适用于浏览器使用的格式 如何从0开始上手webp ...
阅读更多
未知旅程 合影留念

阅读更多
vue-router中使用EventBus传值需要注意到的问题

最近负责开发一个视频相关的项目,要用到vue-router,同时涉及到一些共有状态管理,但是少量的状态又不想用vuex,于是用到了EventBus,一般来说, 我们用EventBus的步骤如下:

阅读更多
不吹不黑聊聊前端框架--尤雨溪Live整理

最近买了尤雨溪大大的Live:不吹不黑聊聊前端框架,这场Live让我的前端思维到了前所未有的高度:当我们身为前端开发萌新,在前端人才金字塔的浮动与挣扎中思考该学什么框架、该如何入门前端、又遇到学习瓶颈怎么办的时候,正是这些业界大牛们用自己的行动引导着我们,有如尤大所说:多思考场景需求,多看看技术到底做了怎样的取舍,现在把相关的东西作为笔记整理下来,希望对前端开发有兴趣的同学都可以去支持一下尤大

阅读更多
javascript中call、apply、bind方法的使用

阅读更多
javascript立即执行函数(IIFE)

IEEF

阅读更多