摘要：就鹿晗宣布戀情導(dǎo)致微博宕機(jī)事件淺談大型網(wǎng)站高可用性架構(gòu)中午吃飯刷著刷著微博發(fā)現(xiàn)微博突然掛了。用戶在使用瀏覽器訪問一個(gè)網(wǎng)站時(shí)需要先通過協(xié)議向服務(wù)器發(fā)送請(qǐng)求，之后服務(wù)器返回文件與響應(yīng)信息。

自從出現(xiàn)模塊化以后，大家可以將原本一坨代碼分離到個(gè)個(gè)模塊中，但是由此引發(fā)了一個(gè)問題。每個(gè) JS 文件都需要從服務(wù)器去拿，由此會(huì)導(dǎo)致加載速度變慢。Webpack 最主要的目的就是為了解決這個(gè)問題，將所有小文件打包成一個(gè)或多個(gè)大文件，官網(wǎng)的圖片很好的詮釋了這個(gè)事情，除此之外，Web…

這兩天在使用NodeJS Express搭建REST服務(wù)器時(shí)遇到一個(gè)很典型的AJAX跨域包含自定義請(qǐng)求頭問題（用于身份驗(yàn)證），在花了大半天時(shí)間排查問題后發(fā)現(xiàn)自己對(duì)CORS真正的理解還很不夠，尤其是pre-flight。

關(guān)于前端跨域的整理

一個(gè)節(jié)奏極快的創(chuàng)業(yè)公司，如何在平衡業(yè)務(wù)開發(fā)的同時(shí)，進(jìn)行自己工程化實(shí)踐，解決項(xiàng)目構(gòu)建部署的痛點(diǎn)

Continuous Integration，持續(xù)集成，本意是指編寫大量的單元測試和集成測試，在盡量小的代碼變更粒度上進(jìn)行 提交 -> 測試 -> 自動(dòng)部署 的完整流程。現(xiàn)實(shí)世界特別是快糙猛的中國互聯(lián)網(wǎng)界，顯然只靠單元測試是無法保證代碼質(zhì)量的，因?yàn)闇y試很難覆蓋所有業(yè)務(wù)場景特別是…

原文地址：github.com/donnemartin/system-design-primer 譯文出自：掘金翻譯計(jì)劃 譯者：XatMassacrE、L9m、Airmacho、xiaoyusilen、jifaxu 請(qǐng)持續(xù)關(guān)注 中文維護(hù)鏈接 獲取最新內(nèi)容。 系統(tǒng)設(shè)計(jì)入門 翻譯 …

在瀏覽器渲染過程與性能優(yōu)化一文中（建議先去看一下這篇文章再來閱讀本文），我們了解與認(rèn)識(shí)了瀏覽器的關(guān)鍵渲染路徑以及如何優(yōu)化頁面的加載速度。在本文中，我們主要關(guān)注的是如何提高瀏覽器的渲染性能（瀏覽器進(jìn)行布局計(jì)算、繪制像素等操作）與效率。 很多網(wǎng)頁都使用了看起來效果非?？犰诺膭?dòng)畫與用…

優(yōu)點(diǎn)：只須調(diào)用接口，即可輕松完成整站翻譯，翻譯準(zhǔn)確度還行。 缺點(diǎn)：需要梯子。 優(yōu)點(diǎn)：一對(duì)一翻譯，所以準(zhǔn)確度最高。 缺點(diǎn)：需要編寫大量中英文對(duì)照表，只適合于少量的固定翻譯。 由于公司的要求是把整站進(jìn)行翻譯，且官網(wǎng)中存在新聞，即存在大量不可預(yù)料的數(shù)據(jù)，同時(shí)考慮到富文本數(shù)據(jù)不好翻譯。…

【編者的話】隨著 58 業(yè)務(wù)的發(fā)展，機(jī)器和服務(wù)數(shù)量也日益龐大，在多環(huán)境下，服務(wù)的管理和依賴難以維護(hù)。基于 Docker 帶來的技術(shù)紅利，我們借助 Docker 和 Kubernetes 提供了鏡像的自動(dòng)打包，單一鏡像在測試-沙箱-生產(chǎn)-穩(wěn)定四個(gè)環(huán)境的流轉(zhuǎn)，以及測試環(huán)境統(tǒng)一的 Ng…

基于 Token 的 WEB 后臺(tái)認(rèn)證機(jī)制

不管你是新手程序員、職場老司機(jī)，還是資深架構(gòu)師，這篇文章對(duì)你來說應(yīng)該都有裨益。

中午吃飯刷著刷著微博發(fā)現(xiàn)微博突然掛了。我一開始以為是家里網(wǎng)不好，后來換了流量刷還是刷不出內(nèi)容，并且報(bào)error，我就知道微博應(yīng)該是掛了。往朋友圈一看，原來是鹿晗和關(guān)曉彤微博互圈“宣布戀情”了。要不是以前看過《好先生》這部劇沒準(zhǔn)我還真不認(rèn)識(shí)關(guān)曉彤。陸地cp前幾天不是還在炒著嗎？怎…

相信前后端分離這個(gè)詞，早已流傳甚廣，大家一些自己的理解，但可能有些人的觀點(diǎn)有稍許偏差：我們要搞 SPA，全AJAX，那才是前后端分離了。 我們來聊聊什么是前后端分離。 先來看一張WEB系統(tǒng)前后端架構(gòu)模型圖。 從圖中可以清晰的看到，前后端的界限是按照瀏覽器和服務(wù)器的劃分。那么我們…

其實(shí)就是OAuth了

以前所有的內(nèi)容都是托管在 GitHub 上，現(xiàn)在用 Flask 寫了這個(gè)網(wǎng)站。查看、推薦項(xiàng)目、編輯、分發(fā)終于可以程序化了 ?

筆者最近把博客網(wǎng)站升級(jí)到了https：https://fed.renren.com，為什么要升級(jí)呢？舉一個(gè)最簡單的例子，當(dāng)我打開這個(gè)網(wǎng)頁的時(shí)候：在網(wǎng)頁的右下角會(huì)顯示一個(gè)廣告：但是這個(gè)網(wǎng)站是美國的：為什么中國的廣告會(huì)打到美國去了？并且不止一個(gè)網(wǎng)站有這個(gè)問題，自己的博客網(wǎng)站在我家打開…

作者：科迪·林黎（Cody Lindley），由「前端大師（Frontend Masters）」傾情贊助。 這是一本可供任何人使用的指南，用于學(xué)習(xí)前端開發(fā)實(shí)踐。該指南大體上勾勒出了前端工程的輪廓，同時(shí)也討論了前端工程的實(shí)踐：2017 年，如何學(xué)習(xí)前端工程，用什么工具來實(shí)踐？ 筆…

開源公告 由大搜車無線團(tuán)隊(duì)出品的 easy-mock 在線數(shù)據(jù)模擬服務(wù)上線至今已經(jīng)有幾個(gè)月時(shí)間了，近期網(wǎng)站剛更新了煥然一新的 2.0 版本，與此同時(shí)，我們還帶來一個(gè)更重磅的消息： 今天正式將整個(gè)服務(wù)的代碼在 github 開源(https://github.com/easy-mo…

從 HTTP 協(xié)議到加密算法，從訪問過程到服務(wù)器公鑰獲取，詳細(xì)講述 HTTPS 原理

有關(guān)CA、HTTPS證書以及自簽名證書等方面的理論知識(shí)。

越來越多追求全棧的工程師情懷，本文偏實(shí)踐兼顧理論的介紹全棧工程師入門級(jí)別如何部署一個(gè)應(yīng)用

站在前端的立場，以盡量簡單易懂的方式，把你的vue項(xiàng)目部署到線上，讓更多人能看到你的作品

大家都知道萬維網(wǎng)的應(yīng)用層使用了HTTP協(xié)議，并且用瀏覽器作為入口訪問網(wǎng)絡(luò)上的資源。用戶在使用瀏覽器訪問一個(gè)網(wǎng)站時(shí)需要先通過HTTP協(xié)議向服務(wù)器發(fā)送請(qǐng)求，之后服務(wù)器返回HTML文件與響應(yīng)信息。這時(shí)，瀏覽器會(huì)根據(jù)HTML文件來進(jìn)行解析與渲染（該階段還包括向服務(wù)器請(qǐng)求非內(nèi)聯(lián)的CSS文…

本文整理了一些TCP/IP協(xié)議簇中需要必知必會(huì)的十大問題，既是面試高頻問題，又是程序員必備基礎(chǔ)素養(yǎng)。 TCP/IP十個(gè)問題 一、TCP/IP模型 TCP/IP協(xié)議模型（Transmission Control Protocol/Internet Protocol），包含了一系列…

Koa 就是一種簡單好用的 Web 框架。它的特點(diǎn)是優(yōu)雅、簡潔、表達(dá)力強(qiáng)、自由度高。本身代碼只有1000多行，所有功能都通過插件實(shí)現(xiàn)，很符合 Unix 哲學(xué)。本文從零開始，循序漸進(jìn)，教會(huì)你如何使用 Koa 寫出自己的 Web 應(yīng)用。每一步都有簡潔易懂的示例，希望讓大家一看就懂。

如何使用OpenSSL進(jìn)行自建CA和自簽名HTTPS證書

值得學(xué)習(xí)的6種優(yōu)化網(wǎng)站性能必備架構(gòu)方案

在知乎上看到 趙雨森 提到前端工程化有四個(gè)方面，模塊化、組件化、規(guī)范化、自動(dòng)化，本人十分贊同，我在工作中也慢慢這幾個(gè)方向作出了總結(jié)
-- 厚著臉皮說句"順帶找工作，座標(biāo)杭州"