即npm安装后，在命令行输入指令http-server直接开启服务器，在服务器启动的目录下，默认会找public静态资源目录，去访问默认的127.0.0.1:8080 可以访问到静态目录站点。 具体用法就是cmd: http-server -p 3001 那么启动时就会访问30…

前端框架时代，为开发体验、效率与页面性能带来，非常大的革命。大家纷纷拿起一系列打包工具(webpack/parcel etc.)，配合一系列加载器快速搭建起一个 SPA 页面。 SPA 应用带来的好处非常明显； 提升页面切换体验 降低切换时间 易于部署&前后端分离 但是也带来一…

随着 React 在前端开发中越来越流行，各种各样的设计模式及新概念亦层出不穷。本文旨在总结 React 开发中一些常见的设计模式。 React 组件可以是有状态的，在其生命周期内可以操纵并改变其内部状态；React 组件也可以是无状态的，它仅接受来自父组件传入的 props，…

在前端开发中，表格组件相对来讲是比较复杂的组件之一，主要原因在于大家对表格组件的需求不同，笔者没看到过一个表格组件可以覆盖所有人的需求。 从业务场景来讲，可以把表格组件分成三种类型： Bootstrap 类：CSS 就可实现的表格，主要用在信息展现类的页面上。 中后台类：着重在…

微软之前有个项目叫做Monaco Workbench，后来这个项目变成了VSCode，而Monaco Editor（下文简称monaco）就是从这个项目中成长出来的一个web编辑器，他们很大一部分的代码（monaco-editor-core）都是共用的，所以monaco和VSC…

在过去一年，越来越多的项目继续或者开始使用React和Redux开发，这是目前前端业内很普遍的一种前端项目解决方案，但是随着开发项目越来越多，越来越多样化时，个人又有了不同的感受和想法。是不是因为已经有了一个比较普遍的，熟悉的项目技术栈，我们就一直完全沿用呢，有没有比他更适合的…

能够按照构建的方式来思考web app的实现，是React众多优点之一。在这篇文章中，我们将引导你进行使用React构建可搜索产品数据表的思考过程。 想象一下，我们已经有了一个JSON API和来自设计师的设计稿。如下图所示： 我们要做的第一件事就是给设计稿中的每个组件（和子组…

概览props调整组件样式attrs封装组件属性extend或者styled(Component)实现组件样式继承使用innerRef代替refThemeProviderhelper实现主题功能key

webpack 是用于打包前端资源的绝佳工具。然而，当运行开始变慢时，开箱即用的生态和大量的第三方工具使得优化变得十分困难。虽然性能不佳是一种常态而不是特例。但也不是没有办法来优化，经过几个小时的调研与试错，我完成了这样一份现场指南，可以让我们在加快构建的道路上学到更多知识。 …