如上面的组件树中，A组件与B组件之间隔着非常多的组件，假如A组件希望传递给B组件一个属性，那么不得不使用props将属性从A组件历经一系列中间组件传递给B组件。这样代码不仅非常的麻烦，更重要的是中间的组件可能压根就用不上这个属性，却要承担一个传递的职责，这是我们不希望看见的。Context出现的目的就是为了解决这...

双向数据绑定已经是一个谈烂的话题，若谈及原理，想必大家都能提到数据劫持defineProperty。但是，对于如何完整地实现一个双向数据绑定伪代码，我想大概很多人都没有去深究。于是，本文借着梳理发布订阅模式由浅到深地实现一下双向数据绑定。

在前端领域，目前不断地有 design2code 工具涌现。即给定视觉稿识别出里面的元素并将其转换成代码。它们底层技术都离不开深度学习中的「目标检测」。最近有幸接触到这块的内容，实践下来发现深度学习也并不那么的高深莫测，这里用一篇文章带大家快速入门目标检测技术。并提供一个开箱即用的目标检测框架。

最近有幸在项目上接触到了深度学习中的目标检测领域，通过数周来的实践和相关知识的查阅，现在也算是在能在目标检测入门处徘徊了。这篇文章会在三大目标检测经典算法原理上加上自己的理解，希望大家看了此文能不再一脸懵逼地出去。

先打个广告！！（不知道能不能打）腾讯IVWEB团队广招前端，大量hc，有兴趣的同学加我：chenxy712联系或发送简历至我邮箱：yvonnexchen@tencent.com

先打个广告！！（不知道能不能打）腾讯IVWEB团队广招前端，大量hc，有兴趣的同学加我vx：chenxy712联系或发送简历至我邮箱：yvonnexchen@tencent.com

React鼓励我们使用组件构建模块化程序。模块化给我们带来了非常多的好处，包括提高了可重用性。然而，如果你是为了贡献和复用组件，最好得让你的组件容易被找到、理解和使用。你需要将其文档化。

Uncaught TypeError: Cannot read property 'foo' of undefined.这种错误想必在我们日常开发中都到过，这有可能是我们的api返回了一个空的状态而我们没有预料到，也可能是其他，我们无从得知，因为这种问题十分的常见且涉及的因素相当多。

Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案，设计师可以使用 Adobe After Effects 设计出漂亮的动画之后，使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接运用在 iOS、Android、Web 和 React Native之上，无需其他额外操作。

最近开发的一个项目希望实现这样一个功能。将本地项目创建脚手架置于远程服务器，而用户需要创建项目时，仅需要在提供的页面上填入一些项目基础配置并提交，后台便会根据选择自动化创建项目并push上仓库。咋看是个非常简单的需求，我们仅需要在用户发起创建请求时在后端调取shell脚本并可以实现这一系列的操作。然而目前...

由于一直用业界封装好的如redux-logger、redux-thunk此类的中间件，并没有深入去了解过redux中间件的实现方式。正好前些时间有个需求需要对action执行时做一些封装，于是借此了解了下Redux Middleware的原理。

导语：复杂业务逻辑复用一直是React组件开发中的一大难题，团队目前同质化业务比较多，我们的想法是直接复用已有的逻辑代码，因为还要考虑到数据的拉取，展示，显然纯UI组件不能满足我们的需求。前段时间也在复杂业务组件抽取上下了不少功夫。本文将使用近期非常火的React Hook特性抽取常用的业务组件，并比对业界已有方...

最近被一款来自京东凹凸实验室的多终端开发框架Taro吸粉了，官方对 Taro 的简介是使用React语法，一键生成多终端应用（包括小程序 / H5 / 快应用 / RN 等），而目前 Github 的 Star 也达到了非常可观的数量：4k+。对此，笔者也尝了把鲜，体验了下如何使用Taro写微信小程序。感觉还是十分灵活易用（一气呵成，都没遇到bug...

最近用createjs完成了个H5需求，体验二维码如下。在音效接入方面踩了一点坑，但...庆幸的是，坑还是能被填上的。 本文能为你解决： 微信音频自动播放问题 audio预加载问题（解决网络环境差下，音频由于未缓冲完造成的音效动画不同步问题 微信环境下音频自动播放 问题 IOS设备系统是不允许视频音频自动播放的，需要用户明...

根据建站指引1的步骤，我们搭建了一个最基本的个人博客。本人使用atom编辑器自带的markdown系统进行写作，结合atom的markdown插件，能给我们带来更舒畅的写作体验。同时，给我们的博客添加第三方服务集成能使我们站点功能得到扩展。这篇文章能为你解决下面的问题：

本文是有关Hexo+Github建站的基础流程，抛除相关技术深入探研，根据本文指引能迅速搭建一个基本的博客空间。这篇文章能为你解决下面的问题：

2、使用gulp.spritesmith-multi生成雪碧图时会产生1x.png和2x.png两个文件。很多时候我们的项目是不需要使用到1x图的，这样会造成资源的浪费。所以1x.png不应该出现在dist/img目录中

每次在本地新建自己的测试demo时，都需要新建各种的folder和拷贝一些基础代码。感觉组内内部的脚手架使用起来有些繁琐，于是打算根据自己的编码习惯，写一个简单的仅用于测试或者练习demo的脚手架借此深入学习一下gulp。在此做个记录。

视频类h5可以带给用户动效逼真，流畅的体验。虽然说制作视频的难度较大，但是瑕不掩瑜，一支视频可以尽可能地创造出天马行空的想法，一些短时间内无法通过代码创造出的酷炫效果。首先放上两个案例供大家体验。

对的，本文就是着重介绍如何使用CSS3中的3D变换打造出H5中的3D效果。灵感来源于造物节团队的3d引擎，因为使用方法比较复杂，也没有开源的API文档，于是想自己另外造个轮子，便开始了相关内容的学习和实践。众所周知，目前市面上的H5 3D类库（如Three）、引擎（Egret）、构建工具（kpano、720云）都或存在体积太大、不开...

浏览器内核 基于Webkit： Chrome - blink、腾讯X5、UC U3、华为T9 基于Gecko：Firefox 基于Trident：IE 基于Presto：Opera 兼备Webkit&Trident：猎豹、360

背景 前不久遇到一个需求，h5列表页实现左滑删除功能。 首先对下文有关滑块的指代标识做出统一规定 体验了一下手Q原生滑动功能，在此之前对于滑块的具体动效提出了几个问题。（希望大家也去观察体验一下，网上很多现成的代码都存在效果上的差异） 控制单条li滑动还是控制li中内容块滑动 是否允许多条内容块同时展开 当列...

日前，taobao造物节H5放肆地火了一把。相信接下来将3d嵌入网站的这种营销方式会被越来越多的人留意到。工作之余体验了若干个3d H5页面，感觉这类的H5互动体验性明显要比普通的要强，把二维的物体转化成三维，能给人一种置身其中的感觉。所以，一个好的idea加上低成本的技术实现——将3d融入H5今后也许还会爆发出更大的能量。

谨以此文记录下RN学习实践过程中遇到的那些仍未解决的坑。。填坑之日记为x。。打码不息，挖坑不止各位同行大大们若已解决此文提到的某些问题，期待您留言告知~感激！

在Web开发中，页面布局基于盒子模型，主要通过定位属性、浮动属性和显示属性实现。而React Native采用的是Flex布局，但也支持盒子模型的margin、padding以及定位属性进行布局。

在移动网民规模不断扩大的今天，手机、平板等移动设备俨然已成了网民主要上网终端。迎着这个势头，我们这些前端汪们也接下了不少的移动web页面开发需求。当在感叹终于不需要兼容pc端低端浏览器时却面临了移动多终端屏幕适配这一问题。

感觉自己也算是个挺幸运的人吧，像是一切安排好了一般。高中通过学校的第二兴趣培养接触到ps，接触了编程。虽然高考踩了个坑，但也被补录了个二本院校的一本专业。挺巧合的，也算是个偏技术型的专业。其实当时补录的时候根本不知道这专业是啥哈（信息管理与信息系统）。但是名字那么长还是让人感觉比较霸气的。

最近看了一篇总结ie常见bug的文章，里面提到ie多数的bug源于她的特有属性：hasLayout。这个属性以前也了解过一点，但没有深入去理解，于是查阅了一些相关的资料，现在在此来对这个属性作一下总结。

在拿到设计稿时，作为一个前端人员，我们首先会做的应该是为设计图大致地划分区域，然后选择一种最合理的，结构清晰的布局。下面我先根据一些典型的网站案例列举一下几种常见的页面布局。

font-family, font-style(normal、italic、oblique[倾斜]), font-weight, font-size-adjust(定义是否强制对文本使用同一尺寸,仅火狐支持), font-stretch(无浏览器支持), font-variant(定义字体大小写，取值有：normal、small-caps)