原创 深入淺出HTTPS工作原理

前言 在HTTP協議中有可能存在信息竊聽或身份僞裝等安全問題。使用HTTPS通信機制可以有效地防止這些問題。本文我們就瞭解一下HTTPS。 一、什麼是 HTTPS HTTPS,是以安全爲目標的HTTP通道,簡單講是HTTP的安全版。即HT

原创 關於我

關於我 各位大佬好,我是浪裏行舟,掘金和segmentfault社區的活躍用戶,過去一年寫了五十篇文章,希望可以跟大家交流學習。努力打造一系列適合初學者能夠看得懂的優質文章,今年博客側重於react、node和webpack等入門與底層原理

原创 關於Http協議,你必須要知道的

引言 HTTP協議是Hyper Text Transfer Protocol(超文本傳輸協議)的縮寫,是用於從萬維網服務器傳輸超文本到本地瀏覽器的傳送協議。HTTP 是基於 TCP/IP 協議通信協議來傳遞數據(HTML 文件, 圖片文件

原创 寫技術博客那點事

前言 寫文章是一個短期收益少,長期收益很大的一件事情,人們總是高估短期收益,低估長期收益。往往是很多人堅持不下來,特別是寫文章的初期,剛寫完文章沒有人閱讀會有一種挫敗感,影響了後期創作。 從某種意義上說,博客是我最好的學習筆記和個人名片。在

原创 九種跨域方式實現原理(完整版)

前言 前後端數據交互經常會碰到請求跨域,什麼是跨域,以及有哪幾種跨域方式,這是本文要探討的內容。 本文完整的源代碼請猛戳github博客 一、什麼是跨域? 1.什麼是同源策略及其限制內容? 同源策略是一種約定,它是瀏覽器最核心也最基本的安全

原创 如何利用番茄工作法提高學習和工作的效率

番茄工作法圖解.png 爲何要使用番茄工作法 “對很多人來說,時間就像是敵人。特別是在快要考試,快要截稿,工期快到時,當你身邊的鬧鐘‘滴答滴答’地提醒着你,時間已經很緊迫,那時焦急的心情會導致你的工作和學習效率低下,這時你所想的可能

原创 React學習(一)三大突出特點

1. React的基本認識 Facebook開源的一個js庫 一個用於構建用戶界面的js庫 React的核心思想: 通過構建可複用組件來構建用戶界面 1.1 React的特點 Declarative(聲明式編碼) Component

原创 《堅持,一種可以養成的習慣》讀書筆記

堅持,一種可以養成的習慣.png 人是被習慣所塑造,優異的成果來源於良好的行爲,而非一時的行動。人們常把培養習慣失敗看作是意志力薄弱或者是沒有持續的性格,其實不然,而應該是沒掌握堅持下去的方法和祕訣。 爲什麼你堅持不下去.png

原创 你是正常的傻瓜嗎

做個理智的人   在心理學經典著作《影響力》中,作者西奧迪尼提過一個觀點:“人就像錄音機一樣,一按按鈕就播放。   人是智慧生物通過理性做出各種獨立的選擇,怎麼會像錄音機一樣機械地做出反應呢?然而在日常的工作和生活中,

原创 從URL輸入到頁面展現到底發生什麼?

前言 打開瀏覽器從輸入網址到網頁呈現在大家面前,背後到底發生了什麼?經歷怎麼樣的一個過程?這是本文要探討的問題! 一、URL到底是啥 URL(Uniform Resource Locator),統一資源定位符,用於定位互聯網上資源,俗稱

原创 如何清除浮動

概述 本文的大體結構框架如下圖: CSS浮動.png 1.浮動到底是什麼? W3school中給出的浮動定義爲<b>浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框爲止。</b>由於浮動框脫離文檔的普通流中,

原创 CSS中的BFC

一、什麼是BFC 程序員自我修養 Formatting context 是 W3C CSS2.1 規範中的一個概念。它是頁面中的一塊渲染區域,並且有一套渲染規則,它決定了其子元素將如何定位,以及和其他元素的關係和相互作用。最常見的

原创 React學習(三)refs屬性

1.refs屬性 1). 組件內的標籤都可以定義ref屬性來標識自己 類似id 例如則 this.refs.username 返回input對象 2). 在組件中可以通過this.refs.refN

原创 React學習(二)props屬性

一、props屬性知識點 1.每個組件對象都會有props(properties的簡寫)屬性 2.組件標籤的所有屬性都保存在props中 3.內部讀取某個屬性值: this.props.propertyName 4.作用:

原创 關於如何讀書,我們一起聊聊

書山有路勤爲徑.png 經濟學家指出,目前中國的發展速度是美國的4倍。在這樣的瘋狂變化中,怎樣適者生存?答案是:你的學習能力要比美國人強4倍。今天我們不斷提倡讓讀書成爲一種生活方式,讀書增長見識固然重要,而懂得如何讀書