原创 Node.js基礎10:理解NPM、package.json、使用nodemon

NPM與package.json 看我寫過的博客https://segmentfault.com/a/11... 使用nodemon 我們寫項目的時候,每改寫一個功能就要把服務器重啓一次,比如運行node app,這樣比較麻煩,我們可以讓代

原创 Node.js基礎9:web服務器2---處理 GET 或 POST 請求發送的數據

處理 GET 或 POST 請求發送的數據 處理GET請求 server中的 request.url會把查詢字符串也帶過來解決方法:使用url庫解析,這樣pathname就是查詢字符串前面的字符串,url庫可以對url進行一些處理,可以取一

原创 Node.js基礎9:web 服務器1 請求與響應、路由

web 服務器 1介紹 客戶端服務器模塊 var http = require('http') var onRequest = function (request,response) { //這個函數的參數分別是請求和響應,這兩個參

原创 Node.js基礎 78:創建和刪除目錄、流和管道

創建和刪除目錄 異步創建刪除目錄 var fs = require('fs'); fs.mkdir('stuff', function() { fs.readFile('readMe.txt', 'utf8', function(

原创 Node.js基礎 23456:全局對象,回調函數,模塊,事件,讀寫文件(同步,異步)

全局對象 類似的,在瀏覽器中有window全局變量在所有模塊中都可使用。不需要引用等。全局變量如console,setTimeout,require()等 全局變量在所有模塊中都可使用。 以下變量雖然看起來像全局變量,但實際上不是(glob

原创 Node.js 1:Nodejs介紹與開發環境搭建

介紹 官網對Node.js的解釋: Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。 JavaScript是一個腳本語

原创 從MVC到MVVM(爲什麼要用vue)

axios 功能類似於jQuery.ajax。 axios.post() axios.get() axios.put() axios.patch() axios.delete() 比jQuery.ajax功能更多 除了ajax功能之外沒有

原创 CSS8:到底什麼是BFC?

看不懂的定義 CSS規範中對 BFC 的描述 9.4.1 塊格式化上下文 浮動,絕對定位元素,非塊盒的塊容器(例如,inline-blocks,table-cells和table-captions)和'overflow'不爲'visible

原创 CSS7:網頁佈局套路(flex佈局,佈局套路)

使用flex寫幾個簡單佈局 flex佈局小遊戲http://www.flexboxdefense.com/ 1.手機頁面佈局 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

原创 CSS6:flex佈局

前言:這是我看過最好的flex佈局教程:30分鐘徹底弄懂flex佈局 元素佈局 學習flex我分成兩個部分,第一個部分是元素佈局。以下幾個屬性影響着元素的佈局。 /*容器上:*/ justify-content align-items fl

原创 前端工程化

工程化 所謂前段工程自動化就是:由於前端分裂,有人寫css代碼,有人寫scss,有人寫es5,有人寫es6,那麼就需要翻譯工具(命令行工具)翻譯成ie或其他所有瀏覽器能運行的代碼版本。 什麼是前段工程化,就是要從寫html,css,js到

原创 使用NPM

Nodejs生態圈很強大,第一個原因就是NPM,因爲全球有無數的程序員在NPM中貢獻了自己的力量。 爲了避免造輪子,我們有時候會用到其他人的勞動成果,比如一些優秀的框架,比如Express,我們直接使用NPM下載下來就可以用了,降低開發成本

原创 LocalStorage、SessionStorage

window.sessionStorage和window.localStorage接口用於腳本在瀏覽器保存數據。 LocalStorage 基本使用 設置 window.sessionStorage.setItem('key', 'valu

原创 Session

Session Cookie 和 Session 區別與聯繫 由於HTTP協議是無狀態的協議,所以服務端需要記錄用戶的狀態時,就需要用某種機制來識具體的用戶,這個機制就是Session。典型的場景比如購物車,當你點擊下單按鈕時,由於HTT

原创 以登錄註冊理解Cookie的作用過程

這篇文章是前一篇文章(Cookie理論知識)的實踐性理解 完整代碼: 佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子佔位子 Cookie在註冊登錄時的作用過程: 註冊 註冊