随着前端工程规模的增加，各种第三方与自有依赖包的关系也日趋复杂。这时候可能产生什么问题，又该如何解决呢？这里分享我们前端团队的一些实践。 安装依赖包，对于前端开发者来说不过就是一句 npm install xxx 的事。那么，单纯靠这种方式给一个项目安装了很多依赖，就算是复杂的…

Redux 的状态管理理念非常优雅，随之附带的时间旅行调试支持也非常酷炫。但这个特性是否是传说中的银弹，又会给使用者带来什么额外的负担呢？让我们重新思考一下吧。 在 2015 年的 React Europe 会议上，Dan Abramov 展示了通过 Redux DevTool…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 MVVM 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大…

最近做到一个需求，需要做一个类似于京东或者淘宝等电商的商品详情页，其中有一个功能就是商品SKU的选择查询问题 如上图，网络类型、机身颜色、套餐类型、存储容量这些每一个都是一个 SKU属性，当选择好了所

第二十期 AMA 掘金团队腾讯 Omi 框架 ( https://github.com/Tencent/omi ) 和 Cax 渲染引擎作者，AlloyTeam 开源负责人之一 dntzhang(张磊)做了为期三天的 Ask Me Anything (AMA) 活动（活动已结束…

webpack 的特点之一是处理一切模块，我们可以将逻辑拆分到不同的文件中，然后通过模块化方案进行导出和引入。现在 ES6 的 Module 则是大家最常用的模块化方案，所以你一定写过 import './xxx' 或者 import 'something-in-nodemod…

在前端框架层出不穷的今天，React 以其虚拟 DOM 、组件化开发思想等特性迅速占据了主流位置，成为前端开发工程师热衷的 Javascript 库。作为 React 体系中的重要组成部分：React Router 也成为开发者首选的路由库，其主要功能是通过管理 url 实现组…

在 三年前端，面试思考 中提到了一个题目，非常有新意，这里分享一下当时面试的思考过程。 其实真正的答案是多少我并不清楚，面试过程中面试官也不期待一个准确的答案，而是看你的思考过程。 如果了解过 Canvas 且做过滤镜相关的工作，可能调用过 imageData = ctx.ge…

在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…