1. 頁面載入過程： url解析-dns解析-資源請求-瀏覽器解析
2. url結構： 協議 + 網域名稱 + 埠 + 路徑 + 引數 + 雜湊 （前端頁面的錨點，如#title）
3. dns查詢： 瀏覽器--dns快取+dns伺服器
6. 瀏覽器解析： dom（js執行）-- 構建渲染樹 -- 布局 -- 繪製
7. nodejs的偶數版本才是穩定版，奇數版本是測試版
8. yarn 替代 npm ：速度快，版本鎖定，快取機制
npm i yarn -g
9. 在專案目錄： yarn init 生成 package.json , yarn add [email protected] --dev 安裝 webpack ，新建webapck.config.js
const
path = require('path');
module.exports = ,
"devdependencies": ,
"dependencies":
}繼續執行 node_modules/.bin/webpack
使用 webpack-dev-server
yarn add [email protected] --dev
node_modules/.bin/webpack-dev-server
在package.json中配置完scripts後就 可以用 yarn run dev yarn run dist
10. mac本地電腦安裝完git後，要配置 .gitconfig 檔案
git --version ， vim ~/.gitconfig
[user]
name = 鄭
email = [email protected]
[alias] // 這裡配置命令的簡寫
co = checkout
br = branch
ci = commit
st = status
pl = pull
ps = push
dt = difftool
ca = commit -am
.ds_store
node_modules
dist
*.log
yarn add font-awesome
webpack.config.js檔案中要對字型進行處理
test:/\.
(eot
|svg
|ttf
|woff
|woff2
|otf)$
/,use: [
loader:
'url-loader',
options:h5路由 也是不重新整理頁面的
history.pushstate('test','title','/user/index')history.replacestate('test','title','/user/index')window.onpopstate = function()yarn add [email protected]
19. react 使用 bootstrap 與 font-awesome 直接在index.html 下引用cdn的原始檔就行，所以之前安裝的font-awesome解除安裝掉
yarn remove font-awesome
20. jsx 檔案注釋用
2015 01 06 自找麻煩
我看了80多本書，大部分是看完了的，很少一部分是實在看不下去，看了一部分之後刪除了的。在這裡面，原先只有2本看了一多半的書講的是現代的事。可見我多麼不喜歡看講現代事情的文。其中，一本看了一多半，也是追不下去，雖然放在那裡但不再看 一本，是現在正在寫的，很喜歡，於是動了心思，看這個作者的其他文。但是看...
003 自找麻煩之 css
1.更改input的placeholder中文字的樣式 input webkit input placeholder input moz placeholder input moz placeholder input ms input placeholder實踐過程中發現沒效果，可能是我 寫錯了吧，...
012 自找麻煩之 Linux
天下武功，唯快不破！1.linux可以做 企業伺服器，嵌入式開發 如安卓手機，路由器，機頂盒等 2.linux 一切皆檔案 3.虛擬機器 通過軟體在自己電腦上安裝另外乙個作業系統，而不影響原系統 virtualbox，vmware xshell 已存網盤 安裝一路預設嗎，選擇免費 4.虛擬機器需要 ...