React推荐的脚手架 create-react-app (以下简称CRA) 默认创建的是单页面(SPA)应用，如果项目需要使用多页面(MPA)，则需要对脚手架进行更改

通过各种百度， 整理出一份配置步骤，望有助于需要的朋友 当前create-react-app v 3.0.1 //基本步骤create-react-app test cd test npm run eject //调整webpack.config.js的几个地方 1, entry 由数组修改成对象形式 2, output的修改 修改成 3, HtmlWebpackPlugin in...

做过前后端联调的小伙伴，可能有时会遇到一些问题。例如，我明明传递数据给后端了，后端为什么说没收到呢？这时候可能就会就会有小伙伴陷入迷茫，本文从chrome-dev-tools（F12调试器）中看到的FormData与RequestBody，给小伙伴们提供一种可能的思路。也给小伙伴们提...

本质都是节省开销，使得性能交互更加友好。比如http请求和DOM操作等绑定事件以及重排重绘等大的开销，防抖是只触发一次，节流是多久触发一次。

这里以sockjs作为切入点，这是一个流行的浏览器实时通信库，提供了'类Websocket'、一致性、跨平台的API，旨在浏览器和服务器之间创建一个低延迟、全双工、支持跨域的实时通信信道. 主要特点就是仿生Websocket，它会优先使用Websocket作为传输层，在不支持WebSocket的...

不知道有没有听说过“全栈程序员（Full stack）”的说法，这要求你从前端到后端都要能够一个人完成。如果能力够强，当然可以随意搭配前后端技术。问题是对于大多数人而言学习成本太高，所以“全栈程序员”的段位就比较难以达到。如果要在一定程度上降低难度，达到“全栈程...

在过去几年的DevOps的浪潮中，自动化、持续集成这两个概念早已深入人心(互联网技术人)。比尔盖茨先生曾经都说过：“任何技术在一个业务中使用的第一条规则就是，将自动化应用到一个高效的操作上将会放大高效。第二条就是自动化应用到一个低效操作上，则放大了低效率。”

举例场景: 在一个input搜索框中输入文本，如果2s内可能会有很多次input的onChange事件，每次都触发一个API请求，明显不合理，所以此时需要debounce节流函数，2s之内的所有输入只会请求一次API，做到交互层面的优化。

动机: 对于redux原生用法，不喜欢过于繁重的actions-types常量定义以及switch case的书写方式，redux就是一个工具，不喜欢在工具上面，浪费很多体力，这点刚好跟redux-actions动机一致，使用下来也觉得很是方便。

在 React 内部，React 会使用几项巧妙的小技术，来优化计算更新 UI 时，所需要的最少的更新 DOM 的操作。在大多数情况下，即使你没有针对性能进行专项优化，React 依然很快，但是仍有一些方法可以加速 React 应用程序。本文将介绍一些可用于改进 React 代码的有效技巧。

很好，前端er任务又来了，开发过程中踩了不少坑，一个缺点就是体积大。其他方面简直就是帅呆了，酷毙了，简直无法比喻了。自动更新、本地菜单和通知、系统奔溃报告、调试和分析、Windows安装程序，简直为我们节省了不少时间，大赞一个。

缓存读取顺序：首先读取本地缓存，如果条件满足就取本地缓存，否则往后走代理缓存，同理，条件满足就是从代理缓存取资源(可能存在多级代理缓存) 如果一条链路上的资源都不符合，那么就去源服务器获取 缓存优先级：Cache-Control > Expires > Etag > Last-Mo...

本文详见 github: [链接] server文件夹 server.js 提供主server api服务 node server/server.js 开启服务 staticServer.js 提供一个静态html容器 node server/staticServer.js 开启服务 www文件夹 cross-domain.html 客户端页面，发送XHR或者fetch 浏览器跨域相关 跨...

阅读原文：[链接] 1. 把错误打印出来 WebSocket断开的原因有很多，最好在WebSocket断开时，将错误打印出来。 在线demo地址：[链接] {代码...} 如果你想自己玩玩WebSocket, 但是你又不想自己部署一个WebSocket服务器，你可以使用ws = new WebSocket('wss://echo.webso...

搭建es6+devServer简单开发环境 搭建基于es6和热加载的前端简单开发环境，适合demo类小项目，这样就不用依赖browsersync等多余的东西 目录结构 /src index.js index.html /dist 安装依赖 注意版本，尤其是babel，可去babel的npm地址查看，那里不会错 {代码...} packa...

这里安利两款我认为开发中能够极大的提高生产力的工具，Charles 和 Postman。 P.S. Charles(查尔斯)。。不要再读查理斯了，金刚狼中被老铁扎心的博士就叫 Charles P.P.S. 多图慎点 两者的作用 首先，这两个工具重叠的功能并不多，两者一起使用效果绝对是1 + 1 > 2...

一把桌子，一台电脑，一瓶红牛，一包纸巾，从白天到黑夜。历经一个多月的时间，从零到构思到设计，从设计到vue-ssr 的框架设计，然后再从前端的业务逻辑代码的实现，从 后台nodejs 的 koa2框架到数据库的设计到后端的业务逻辑的代码实现，从购买阿里云服务器到申请域...

There are multiple modules with names that only differ in casing.有多个模块同名仅大小写不同This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.这可能导致在一些文件系统中产生不是预期的行为Use equal casing. ...

一、卸载Mysql 安装之前首选确保Mysql是卸载干净的 {代码...} 二、安装 安装之前先要确保mysql卸载干净了 1、Ubuntu中Mysql Ubuntu14.04 使用apt-get安装，默认版本是5.6 {代码...} Ubuntu16.04 使用apt-get安装，默认版本是5.7 注意，在Ubuntu16.04中安装mysql5.7有...