原创 圖片自適應問題
文章傳送門: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更多用在第三方登錄,功能強大。 安裝與配置