原创 圖片自適應問題

文章傳送門:http://mp.weixin.qq.com/s/OMens6u_ePd0oDSQh-tnLA 主要是討論如何使圖片根據屏幕大小進行自適應。 下面是我的一些實踐: HTML代碼如下 <body> <h4

原创 js:賦值問題

var foo = {n: 1}; var bar = foo; foo.x = foo = {n: 2}; 輸出foo.x foo.x undefined 爲什麼呢? 先看前面兩句 var foo = {n: 1}; var

原创 git學習與使用

創建本地倉庫 mkdir learngit cd learngit git init 查看本地倉庫當前狀態 git status 這個命令會告訴你本地倉庫的改動有哪些,哪些尚未提交到暫存區。提交到暫存區後再次git status

原创 代理模式

寫在前面 參考《JavaScript設計模式與實戰》 代理模式 代理模式顧名思義就是爲一個對象進行代理,對該對象的操作都會通過代理先去完成,達到爲對象進行過濾保護等功能。 保護代理 通過代理,可以過濾掉一些不符合條件的操作,從而使得通過

原创 二分查找

let arr = [1,2,4,5,6,10,23,45,67]; function binarySearch(arr, value) { if(!(arr instanceof Array)) { return

原创 發佈-訂閱模式(觀察者模式)

寫在前面 參考文檔《JavaScript設計模式與實戰》 發佈-訂閱模式 光是看名字還是很好理解的,也就是在生活中,我們常常受到關於某品牌的活動消息(雖然大多數都是默認訂閱),此時收到信息的我們就是訂閱者,而品牌方則是發佈者。 發佈-

原创 JS中的Immutable

Persistent Data Structure(持久化數據結構) 也就是使用舊數據創建新數據時,要保證舊數據同時可用且不變。同時爲了避免 deepCopy 把所有節點都複製一遍帶來的性能損耗,Immutable 使用了 Struct

原创 vue+express:搭建個人博客(2)

上次更到mutations和actions,今天繼續寫 總覽模塊 總覽模塊就是顯示所有文章和鏈接,樣式和上次分享的文章類似。我覺得沒有添加一個返回按鈕好不科學,於是我添加了一個。 大概的感覺就是這樣。 遇到的問題就是 1. 使

原创 vue+express:搭建個人博客(1)

最近正在看nodejs,在加上vue有不算很熟悉。 實踐出真知,打算寫個個人博客管理來練練手,當然,有參考。 一個 Vue.js+Node.js 的博客內容管理系統 會更新博文,主要記錄一下自己搭建過程 使用Vue-cli腳手架

原创 React+Redux中的MVC

MVC MVC的框架大家都熟悉了 M(Model),數據模塊,簡單理解就是用於存儲數據的 V(View),視圖模塊,管理展現給用戶的頁面視圖 C(Controller),控制器模塊,它控制數據流向模型對象,並在數據變化時更新視圖。它

原创 React vs Vue

上次更新博客是在5/24了。公司的工作也比較多所以就沒有更新。 今天看了一篇文章,講的是React和Vue的區別。所以今天主要講下這個。 文章傳送門:React和Vue的書寫特性差異 渲染過程 React React的生命週期有以下

原创 Vue:實現雙向數據綁定

參考 剖析Vue原理&實現雙向綁定MVVM javascript實現數據雙向綁定的三種方式 Vue實現雙向數據綁定的方式 Vue是如何實現雙向數據綁定的呢?答案是前端數據劫持。其通過Object.defineProperty()方法,這

原创 CSS:一個簡單的loading動畫

<div id="circle"></div> <div id="inner"> <div id="spiner"></div> <div id="filler"></div> <div id="masker"></div>

原创 HTTPS詳解

寫在前面 參考 https連接的前幾毫秒發生了什麼 HTTP與HTTPS的區別 HTTPS概念 HTTPS = HTTP + TLS 使用TLS對數據進行加密,但是數據傳輸依舊使用的是TCP。因此HTTPS作用有二:一是保護數據安

原创 Nodejs:Passport驗證用戶名密碼(不完全)

參考 passport.js學習筆記 什麼是passport passport是Nodejs的一箇中間鍵,用於用戶名和密碼的驗證登陸。在項目中我用它來驗證後臺用戶名和密碼,但passport更多用在第三方登錄,功能強大。 安裝與配置