webpack：从入门到真实项目配置

自从出现模块化以后，大家可以将原本一坨代码分离到个个模块中，但是由此引发了一个问题。每个 JS 文件都需要从服务器去拿，由此会导致加载速度变慢。Webpack 最主要的目的就是为了解决这个问题，将所有小文件打包成一个或多个大文件，官网的图片很好的诠释了这个事情，除此之外，Web…

踩过的坑--CORS跨域请求中预检(preflight)

这两天在使用NodeJS Express搭建REST服务器时遇到一个很典型的AJAX跨域包含自定义请求头问题（用于身份验证），在花了大半天时间排查问题后发现自己对CORS真正的理解还很不够，尤其是pre-flight。

关于前端跨域的整理

关于前端跨域的整理

一个节奏极快的创业公司的 web 前端持续交付心路历程

一个节奏极快的创业公司，如何在平衡业务开发的同时，进行自己工程化实践，解决项目构建部署的痛点

初创公司 CI 系统终极解决方案：Gitlab-CI

Continuous Integration，持续集成，本意是指编写大量的单元测试和集成测试，在尽量小的代码变更粒度上进行 提交 -> 测试 -> 自动部署 的完整流程。现实世界特别是快糙猛的中国互联网界，显然只靠单元测试是无法保证代码质量的，因为测试很难覆盖所有业务场景特别是…

想染指系统架构？你绝对不可错过的一篇。

原文地址：github.com/donnemartin/system-design-primer 译文出自：掘金翻译计划 译者：XatMassacrE、L9m、Airmacho、xiaoyusilen、jifaxu 请持续关注 中文维护链接 获取最新内容。 系统设计入门 翻译 …

浏览器性能优化-渲染性能

在浏览器渲染过程与性能优化一文中（建议先去看一下这篇文章再来阅读本文），我们了解与认识了浏览器的关键渲染路径以及如何优化页面的加载速度。在本文中，我们主要关注的是如何提高浏览器的渲染性能（浏览器进行布局计算、绘制像素等操作）与效率。 很多网页都使用了看起来效果非常酷炫的动画与用…

这可能是目前最方便的网站中英文切换（理论支持所有语言）

优点：只须调用接口，即可轻松完成整站翻译，翻译准确度还行。 缺点：需要梯子。 优点：一对一翻译，所以准确度最高。 缺点：需要编写大量中英文对照表，只适合于少量的固定翻译。 由于公司的要求是把整站进行翻译，且官网中存在新闻，即存在大量不可预料的数据，同时考虑到富文本数据不好翻译。…

58 赶集基于 Docker 的自动化部署实践

【编者的话】随着 58 业务的发展，机器和服务数量也日益庞大，在多环境下，服务的管理和依赖难以维护。基于 Docker 带来的技术红利，我们借助 Docker 和 Kubernetes 提供了镜像的自动打包，单一镜像在测试-沙箱-生产-稳定四个环境的流转，以及测试环境统一的 Ng…

基于 Token 的 WEB 后台认证机制

基于 Token 的 WEB 后台认证机制

架构师必须知道的架构设计原则

不管你是新手程序员、职场老司机，还是资深架构师，这篇文章对你来说应该都有裨益。

就鹿晗宣布恋情导致微博宕机事件浅谈大型网站高可用性架构

中午吃饭刷着刷着微博发现微博突然挂了。我一开始以为是家里网不好，后来换了流量刷还是刷不出内容，并且报error，我就知道微博应该是挂了。往朋友圈一看，原来是鹿晗和关晓彤微博互圈“宣布恋情”了。要不是以前看过《好先生》这部剧没准我还真不认识关晓彤。陆地cp前几天不是还在炒着吗？怎…

实践中的前后端分离

相信前后端分离这个词，早已流传甚广，大家一些自己的理解，但可能有些人的观点有稍许偏差：我们要搞 SPA，全AJAX，那才是前后端分离了。 我们来聊聊什么是前后端分离。 先来看一张WEB系统前后端架构模型图。 从图中可以清晰的看到，前后端的界限是按照浏览器和服务器的划分。那么我们…

从密码到token， 一个授权的故事

其实就是OAuth了

分享 GitHub 上 有趣、入门级的开源项目

以前所有的内容都是托管在 GitHub 上，现在用 Flask 写了这个网站。查看、推荐项目、编辑、分发终于可以程序化了 ?

为什么要把网站升级到HTTPS

笔者最近把博客网站升级到了https：https://fed.renren.com，为什么要升级呢？举一个最简单的例子，当我打开这个网页的时候：在网页的右下角会显示一个广告：但是这个网站是美国的：为什么中国的广告会打到美国去了？并且不止一个网站有这个问题，自己的博客网站在我家打开…

前端开发者指南（2017）

作者：科迪·林黎（Cody Lindley），由「前端大师（Frontend Masters）」倾情赞助。 这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大体上勾勒出了前端工程的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？ 笔…

数据模拟神器 easy-mock 正式开源

开源公告 由大搜车无线团队出品的 easy-mock 在线数据模拟服务上线至今已经有几个月时间了，近期网站刚更新了焕然一新的 2.0 版本，与此同时，我们还带来一个更重磅的消息： 今天正式将整个服务的代码在 github 开源(https://github.com/easy-mo…

HTTPS 系列干货（一）：HTTPS 原理详解

从 HTTP 协议到加密算法，从访问过程到服务器公钥获取，详细讲述 HTTPS 原理

HTTPS自建CA及自签名证书不完全指南（理论篇）

有关CA、HTTPS证书以及自签名证书等方面的理论知识。

前端工程师全栈之路之部署环境搭建篇

越来越多追求全栈的工程师情怀，本文偏实践兼顾理论的介绍全栈工程师入门级别如何部署一个应用

Node.js 服务器部署之把 Vue 项目部署到线上

站在前端的立场，以尽量简单易懂的方式，把你的vue项目部署到线上，让更多人能看到你的作品

浏览器渲染过程与性能优化

大家都知道万维网的应用层使用了HTTP协议，并且用浏览器作为入口访问网络上的资源。用户在使用浏览器访问一个网站时需要先通过HTTP协议向服务器发送请求，之后服务器返回HTML文件与响应信息。这时，浏览器会根据HTML文件来进行解析与渲染（该阶段还包括向服务器请求非内联的CSS文…

关于 TCP/IP，必知必会的十个问题

本文整理了一些TCP/IP协议簇中需要必知必会的十大问题，既是面试高频问题，又是程序员必备基础素养。 TCP/IP十个问题 一、TCP/IP模型 TCP/IP协议模型（Transmission Control Protocol/Internet Protocol），包含了一系列…

Koa 框架教程 阮一峰

Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行，所有功能都通过插件实现，很符合 Unix 哲学。本文从零开始，循序渐进，教会你如何使用 Koa 写出自己的 Web 应用。每一步都有简洁易懂的示例，希望让大家一看就懂。

HTTPS自建CA及自签名证书不完全指南（实战篇）

如何使用OpenSSL进行自建CA和自签名HTTPS证书

来看看优化网站性能必备的6种架构方案吧

值得学习的6种优化网站性能必备架构方案

前端项目架构小结

在知乎上看到 赵雨森 提到前端工程化有四个方面，模块化、组件化、规范化、自动化，本人十分赞同，我在工作中也慢慢这几个方向作出了总结
-- 厚着脸皮说句"顺带找工作，座标杭州"