原创 實現元素垂直水平居中的幾種方式

假設: <div class="content-wrap" > <div class="content"> </div> </div> 第一種: .content-wrap{ width:300px;

原创 再看git

基礎 官網:https://git-scm.com/ 國外網友製作的Git Cheat Sheet 安裝git 配置git git config --global --list git config --global user

原创 從輸入URL網址到頁面呈現發生了什麼

從兩方面分析:網絡通信+頁面渲染 如果想要了解TCP/IP推薦兩篇:TCP/IP&&TCP/IP DNS(域名系統【Domain Name System) 網絡通信部分 第一步:DNS解析URL對應的IP(輸入URL,可能爲域名,可能爲I

原创 小白的vue安裝

想學好vue還是要學會安裝腳手架的,在用直接引入的方式學習了一些基本的vue操作後,決定搭建一下腳手架,安裝過程中也是看了很多文檔,本人是windows系統。 首先確定依賴的node環境:在命令行工具裏面(win+R後輸入cmd)可以查看

原创 關於父子組件生命週期的調用順序

衆所周知vue的生命週期,但是父子組件生命週期的順序是啥樣的呢,簡單粗暴了擼了個例子 父組件 <template> <div class="hello"> <v-child :name=name></v-child>

原创 Vue給對象添加新屬性未觸發頁面渲染

做項目過程中踩得一個小坑,寫個博客記錄一下 Vue給對象添加新屬性,我開始是直接object.屬性=‘默認值’,結果用它來控制狀態控制不了,值是在變,但是不起作用,想了用class來做吧,但是這個奇葩的問題總要解決啊,於是乎,想到之前做的

原创 nrm 管理npm

nrm 是一個 npm 源管理器,允許你快速地在 npm 源間切換。 和nvm區分開,nvm是切換node版本的 nrm安裝 npm install nrm mac上如果沒有權限 執行 sudo npm install nrm 安裝

原创 react學習筆記(四)react如何實現”數據雙向綁定“的效果以及DOM鉤---refs

react單向數據流,怎麼做到雙向數據綁定使用event.target舉個栗子input標籤 ,vue實現雙向數據綁定v-module就哦了,但是react沒有react的實現方法:首先,要初始化狀態:this.state={"a":""

原创 react學習筆記(二)JSX基本用法

先上基礎代碼:<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="h

原创 sass安裝報錯

初學sass知道了它是依賴於Ruby的,於是乎在網上看了安裝教程,挺簡單的(看的時候以爲),畢竟添加個環境變量再下一步就能完成的工作也難不倒一個小白程序員,我在這裏https://rubyinstaller.org/downloads/下

原创 神奇的css3

css3的兼容性還不是很好,但是非常的炫酷好用,爲了做到兼容,-webkit,-moz,-o,-ms❤css3的圓角邊框:border-radius:/* 四個半徑值分別是左上角、右上角、右下角和左下角,順時針 */ ❤css3的邊框陰影

原创 failed to push some refs to

上傳項目報錯了解決方法:再傳一次就可以了

原创 Vue給對象添加新屬性

做項目過程中踩得一個小坑,寫個博客記錄一下Vue給對象添加新屬性,我開始是直接object.屬性=‘默認值’,結果用它來控制狀態控制不了,值是在變,但是不起作用,想了用class來做吧,但是這個奇葩的問題總要解決啊,於是乎,想到之前做的d

原创 瀏覽器渲染過程

瀏覽器的渲染過程:第一步:html經過HTML Parser['pɑ:sə]解析爲DOM tree;第二步:css根據css規則經過css解析器解析爲style Rules(CSSOM tree);第三步:兩棵樹經過attachment結

原创 閉包

對閉包的概念一直是含糊不清,說不知道吧,還是知道的,說知道吧,卻也說不清楚,所以集日月之精華(其實是各種大佬博客以及各種百科各種書籍),寫一下學習筆記和想法。參考:http://www.ruanyifeng.com/blog/2009/0