木南的個人網站 - MuNan's Personal Website

SQL 是訪問和處理關系數據庫的計算機標準語言。 概述應用程序不需要自己管理數據，而是通過數據庫軟件提供的接口來讀寫數據。至於數據本身如何存儲到文件，那是數據庫軟件的事情，應用程序自己並不關心： 1234567891011┌──────────────┐│ application │└──────────────┘ ▲│ ││ read││write ... More

JavaScript 在網絡上無處不在。基本上每個網頁都或多或少包含一些 JavaScript 代碼，即使沒有，你的瀏覽器或許也裝了一些拓展附件，這些拓展附件能夠將一部分 JavaScript 代碼註入網頁中。2018 年依舊如此。 JavaScript 也可以在瀏覽器之外使用，從托管網絡服務器到控製 RC 汽車或者運行一個成熟的操作系統。有些時候你想要兩臺服務器互相通信，無論是本地網絡還是... More

前言在 Web 開發中，經常會出現重定向的情況，重定向指的是將一個網絡請求重新定個方向，向新的方向發起請求。常見的重定向有網頁重定向，訪問一個網頁時卻跳轉到另外一個網頁；也有域名重定向，向某個域名發起請求卻自動變成請求另外一個域名。 實現原理URL 重定向是由客戶端完成的（通常是瀏覽器），客戶端發出請求後，服務器做出響應，如果響應頭的狀態碼為 301 或者 302，此時響應頭中會多出一個 L... More

圖片懶加載介紹什麽是懶加載？懶加載其實就是按需加載或者說是條件加載，是前端一種優化性能的方式。比如訪問一個頁面，裏面有很多圖片（也可以是視頻等其他資源）。如果這些圖片全部加載出來，不僅要在短時間內發出大量請求而且還要進行渲染，這是很消耗時間的。此外，在渲染過程中會阻塞瀏覽器繼續向下解析，影響用戶體驗。所以，最佳的模式是訪問一個頁面的時候當圖片出現在可視區域內的時候（或者距離可視區域一定距離的... More

前言「同源政策」（same-origin policy）是由 Netscape 公司引入瀏覽器的。其使得瀏覽器更加安全，現在所有瀏覽器都支持了這個策略。然而，安全的同時也使得開發過程中出現了一些麻煩。本文列出了一些常見的同源策略問題以及相對應的解決方案。 常見問題「同源」指的是兩個地址之間協議相同、域名相同、端口相同，只要有一個不相同就會出現問題。 目前，受到「同源政策」限製的有以下功能： ... More

前言無論大家是前端程序員還是後端程序員，相信大家對 HTTP 這個詞一定不陌生，在程序開發中它無處不在。所以，深入了解 HTTP 協議將會提高自己的編程質量以及提高前後端對接的效率。 HTTP 工作原理HTTP 協議簡介HTTP 協議是 Hyper Text Transfer Protocol（超文本傳輸協議）的縮寫，是用於從萬維網服務器傳輸超文本（例如 HTML 文件、圖片文件、視頻文件等... More

前言承接 移動端適配（上），這次主要寫「viewport」縮放適配方式。這是淘寶使用的方法，實現原理是將頁面放大 dpr（devicePixelRatio）倍，然後 viewport 設置為 1/dpr。例如 iphone6/7/8 的 dpr 為 2，則頁面整體放大 2 倍，1px(css 單位)在 iphone6/7/8 下默認顯示為 2px(物理像素)。將 viewport 設置為 1... More

前言meta 標簽提供關於 html 文檔的元數據（元數據不會顯示在網頁上，但是對於機器是可讀的。），常用來描述一個 html 網頁的屬性（例如作者、網頁描述、關鍵詞等。）或者渲染方式等。meta 標簽有兩個屬性，分別是 http-equiv 屬性和 name 屬性，不同的屬性又有不同的屬性值，這些不同的屬性值就實現了網頁不同的功能。 name 屬性主要用於描述網頁，與之對應的屬性值為 co... More

前言作為一名前端碼農（「工程師」這個稱號太高大上，我還用不起。）如果不會移動端適配就別說自己是搞前端的。畢竟 PC 獨霸天下的時代已經過去了，現在移動端這股浪潮誰也阻止不了。話不多說，下面是我個人總結的一些移動端適配的方法。 百分比百分比布局是比較早的適配方式，因為 CSS2.0 時代就已經支持這個方法。其作用可以使頁面隨著屏幕寬度（或者瀏覽器寬度）改變而自適應。使用時要註意高度設置百分比時... More

這是一級標題這是二級標題這是三級標題這是四級標題這是五級標題這是六級標題一級標題二級標題這是加粗的文字這是傾斜的文字這是斜體加粗的文字這是加刪除線的文字 這是引用的內容 這是引用的內容 這是引用的內容 三個或者三個以上的 - 或者 * 都可以 鼠標移動到圖片上 ... More