最开始接触前端的时候，是从简单的html、css、js开始的，当时盛行的WEB理念是结构样式行为相分离，即html、css、js分离，独立开发，互相之间通过link和script来互相调用。 最开始我所接触到的小项目，都是直接将html、css、js等静态资源直接部署到服务器上…

当下的前端同学对 React 与 Vue 的组件化开发想必不会陌生，RN 与 Weex 的跨界也常为我们所津津乐道。UI 框架在实现这样的跨端渲染时需要做哪些工作，其技术方案能否借鉴乃至应用到我们自己的项目中呢？这就是本文所希望分享的主题。 什么是跨端渲染呢？这里的「端」其实并…

PC端的浏览器对于PDF文件的展示没有太大的问题，给定一个PDF的链接，就可以用浏览器默认的展示样式来展示和渲染PDF文件的内容。比如一个"http://www.baidu.com/test/pdf"。 如何在移动端展示这个文件。为了在移动端展示和渲染PDF文件的内容，本文在p…

图中左侧是浏览器端看到的页面源码。其中红色框标识的3个部分，是SSR需要关注的重点内容。 最简单的是中间一个框，它是服务端渲染的App的内容部分。 第一个是分片（splitting）代码文件。即SSR Server必须要知道，浏览器要正确展示这个页面，需要包含哪些分片的js代码…

场景：第一次在node中直接使用import Story from '../js/containers/story';就会报这个错误。 错误说明：node本身使用的是commonjs的语法，支持的模块引入和导出方式为require以及module.export，然而es6定义的…

由于笔者之前是做移动端开发，React的组件的概念跟iOS和Android的View的概念基本一致，甚至一些方法可以对应的上，如componentDidMount和componentWillUnmount可对应Android View中的onAttachedToWindow和o…

刚为祖国母亲庆完生，眼看假余额就要不足了，小伙伴们玩的是否开心呢，反正我是死宅在家，没出去玩，在家也没好好学习，实属惭愧。这不，今天和大家分享下关于 react 驱动 ui 更新的几种方式，都说 react 是单向数据流，数据驱动 ui，那么你知道在 react 中有几种驱动视…

在没有redux出来之前，父组件和子组件之间，平行组件之间传递和修改状态，需要将状态和修改状态的方法逐级往下传，组件嵌套过深则很容易出现管理混乱的问题。所以redux就是为了解决状态管理而诞生的。 中间件原理：在原来的dispatch方法外包装一层函数，扩展其他功能，又能保证原…

我的部分工作职责是执行所谓的“技术面试”，在面试时我会评估申请“React 前端开发”职位的潜在候选人。 如果你曾经用谷歌搜索“React 面试问题”（或任何其他“[技术]面试问题”），你可能已经看过无数“十大 React 面试问题”，这些问题要么已经过时，要么和“state …