设计前端组件是最能考验开发者基本功的测试之一,因为调用Material design、Antd、iView 等现成组件库的 API 每个人都可以做到,但是很多人并不知道很多常用组件的设计原理。 我们在学习设计模式的时候会遇到很多种设计原则,其中一个设计原则就是单一职责原则,在组…

最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权衡，你会选择哪一种服务端渲染方式呢？ 使用 React 构建客户端应用程序，默认情况下，可以在浏览器中输出 React 组件，…

flexbox 承诺将我们从万恶的纯 CSS 中拯救出来（如垂直对齐）。 flexbox 也正在实现它的这一目标，但是用户掌握这一新的模型也将会是个挑战。 因此在这里，我们将会用动图介绍 flexbox 是如何工作的，使得我们可以用它来做更好的布局。 flexbox 的潜在原则…

Taro 支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H5、App 端(React Native) 等的应用。

相信很多人都有能力写现在最好用的脚手架，但扪心自问当一年后 Webpack 升了5，typescript 升了4，babel 升了8，eslint 升了6，有这个心力去更新维护兼容吗？事实上无数脚手架都死在时光里(开源的)，或者继续苟且着(内部使用的)。 所以当看到“扔掉Cre…

下拉列表组件Select可以是前端使用频率最高的UI组件之一。正因此，原生HTML也存在这一标签。但由于对UI的较高追求及统一规范，我们往往不会去使用即不好看又不统一的原生Select标签，而是自己实现。能够写出一个“多数场景下能用”的Select组件，并没有什么难度。直到遇到…

react-native开发中常见的问题汇总，以下是我最近在项目开发中遇到的常见的问题，做以下记录以便后续项目中使用。 1. 监听网状连接状态的变化 2. 处理特殊页面的回退按钮和物理回退事件 3. createStackNavigator, createBottomTabNa…

说在前头：新入职公司，react还不是很熟悉，就开始了官网重构的项目，刚开始开发速度很慢，而且语法也很多不规范的地方，在这里总结一下开发中遇到的坑。 这样就会使NPM包里的文件正常加载了。 原来这些都是打包后的文件！为了使打包后的样式生效，需要使用extract-text-we…