資訊專欄INFORMATION COLUMN
摘要：任務(wù)二認(rèn)識(shí)開發(fā)工具今天完成的事情編輯器對(duì)比版本管理工具學(xué)習(xí)基本操作代碼托管平臺(tái)對(duì)比服務(wù)器使用學(xué)習(xí)明天計(jì)劃的事情分析任務(wù)三完成規(guī)劃及部分開發(fā)遇到的問題暫無收獲編輯器對(duì)比參考三者比較，各有哪些優(yōu)勢和弱勢一款成熟的，對(duì)網(wǎng)站開發(fā)者友好，插件齊全功能
任務(wù)二. 認(rèn)識(shí)開發(fā)工具 今天完成的事情
IDE & 編輯器對(duì)比
版本管理工具學(xué)習(xí)
Git基本操作
代碼托管平臺(tái)對(duì)比
服務(wù)器使用學(xué)習(xí)
明天計(jì)劃的事情分析任務(wù)三, 完成規(guī)劃及部分開發(fā)
遇到的問題暫無
收獲
IDE & 編輯器對(duì)比 參考:Atom、Sublime Text、VSCode 三者比較，各有哪些優(yōu)勢和弱勢？
Webstorm: 一款成熟的IDE，對(duì)網(wǎng)站開發(fā)者友好，插件齊全功能強(qiáng)大，對(duì)于前端開發(fā)幫助極大;
VisualCode:
微軟開源代碼編輯器，可通過安裝插件來應(yīng)用在各種開發(fā)場景;
Windows & Linux & Mac都有, 界面優(yōu)雅性能穩(wěn)定，簡單強(qiáng)大的插件系統(tǒng), Windows上最適用代碼編輯器;
Terminal 內(nèi)置!
Sublime: 老牌非開源代碼編輯器. 功能強(qiáng)大啟動(dòng)速度快,各平臺(tái)表現(xiàn)都很好, 但是裝了插件之后markdown支持也不好（嫌棄臉
Atom：開源老牌編輯器，有活躍的開源社區(qū)支持,夠hack,對(duì)電腦頂配的前端開發(fā)者友好... 穩(wěn)定性差，Windows上表現(xiàn)不好
版本管理工具學(xué)習(xí)
代碼版本控制對(duì)比 參考：Git優(yōu)勢 & 發(fā)展
本地式(第一代):
特點(diǎn): 實(shí)現(xiàn)了基礎(chǔ)的代碼管理功能, 但是無法協(xié)作;
代表: SCCS(1972)、 PVCS(1985)
客戶端-服務(wù)器式(第二代):
特點(diǎn)：
優(yōu)點(diǎn): 實(shí)現(xiàn)了中心服務(wù)器端的代碼版本管理, 允許多人對(duì)同一個(gè)代碼庫進(jìn)行同步&修改
缺點(diǎn):
斷網(wǎng)受限: 斷網(wǎng)時(shí)無法查看日志, 也無法提交和比較版本;
分支管理困難: 不支持本地分支, 且創(chuàng)建的分支難以修改;
中心化: 中心化意味著需要時(shí)刻做好災(zāi)備, 備份頻率需求與較高的備份成本相互掣肘;
慢: 代碼備份&查詢&對(duì)比都需要與服務(wù)器通信, 服務(wù)器負(fù)載大, 表現(xiàn)出來的結(jié)果就是慢;
代表：CVS(1986)、 ClearCase(1992)、Visual SourceSafe(1994)、Perforce(1995)、Subversion(2000,即SVN)
分布式(第三代):
特點(diǎn):
優(yōu)點(diǎn): 結(jié)合前兩代優(yōu)點(diǎn)，并且解決了前兩代的弊端
分布式: 斷網(wǎng)時(shí)可查本地庫中的日志, 亦可提交代碼、創(chuàng)建分支, 分塊管理;
快：負(fù)載分流管理，使用體驗(yàn)為快速;
社區(qū): Github社區(qū)的火爆推動(dòng)Git的流行;
缺點(diǎn): 有一定學(xué)習(xí)曲線, 不過基礎(chǔ)使用入門不難;
代表: Git(2005)、Mercurial(2005)
Git基本操作 參考: Git教程-廖雪峰的官方網(wǎng)站
提交操作
初始化: git init
全部加入緩存區(qū): git add .
提交緩存區(qū)文件: git commit -m "本次提交描述"
添加遠(yuǎn)程庫鏈接: git remote add origin <遠(yuǎn)程庫鏈接>
初次推送到添加的遠(yuǎn)程庫: git push -u origin master
再次推送到添加的遠(yuǎn)側(cè)庫: git push origin master
分支操作
本地：
查看分支: git branch
創(chuàng)建分支: git branch 新分支名
切換分支: git checkout 已有分支名
刪除分支: git branch -d 已有分支名
遠(yuǎn)程:
查看分支(帶*號(hào)為本地分支): git branch -a
刪除遠(yuǎn)程分支:
git branch -r -d 遠(yuǎn)程分支名 git push origin :遠(yuǎn)程分支名
代碼托管平臺(tái)對(duì)比
Github: 世界最大同性交友社區(qū)(霧
優(yōu)點(diǎn): 開源項(xiàng)目豐富品種齊全, 適合自己做練手和公開項(xiàng)目用, 支持CI;
缺點(diǎn): 國內(nèi)有點(diǎn)慢, 私有倉庫要收費(fèi), 不支持演示;
碼云: 本土化開源社區(qū) 參考: 碼云評(píng)價(jià) & 官方對(duì)比
優(yōu)點(diǎn): 適合中國國情, 速度快, 有免費(fèi)私有庫用, 支持一鍵部署到演示平臺(tái)(有空試試), 支持項(xiàng)目點(diǎn)評(píng), 支持代碼質(zhì)量分析;
缺點(diǎn): 據(jù)說CI支持不夠完善, 待驗(yàn)證
Coding
特點(diǎn): 集成項(xiàng)目管理、集成WebIDE在線開發(fā)環(huán)境、標(biāo)準(zhǔn)化拓展接口
Gitlab: 公司內(nèi)部代碼管理
特點(diǎn): 可根據(jù)需要整合其他工具, 參考: [gitlab+jira] (https://www.zhihu.com/questio...
服務(wù)器使用學(xué)習(xí)
購買云服務(wù)器: 阿里云、騰訊云
購買之后:
遠(yuǎn)程登錄, 搭建Apache或者Nginx, 然后放置網(wǎng)站在指定路徑, 完成外網(wǎng)訪問支持;
買域名, 審核后綁定服務(wù)器, 完成域名訪問支持;
Apache & Nginx 對(duì)比 參考:Nginx和Apache各有什么優(yōu)缺點(diǎn)
Apache:
適合處理動(dòng)態(tài)請(qǐng)求
模塊支持好
bug少，穩(wěn)定
rewrite功能強(qiáng)大
Nginx:
輕量級(jí), 配置簡潔, 優(yōu)勢在于處理靜態(tài)請(qǐng)求
并發(fā)支持好,資源使用少
高度模塊化設(shè)計(jì)
社區(qū)活躍
結(jié)合: 前端用Nginx作為反向代理抗壓, apache作為后端處理動(dòng)態(tài)請(qǐng)求
Nginx環(huán)境搭建(Centos): 參考How to install and configure NGINX on CentOS7
下載安裝: @官網(wǎng)照寫
編輯nginx.repo
yum install epel-release
yum install nginx
狀態(tài)操作
啟動(dòng): systemctl start nginx.service
查詢: systemctl status nginx.service
停止: systemctl stop nginx.service
開機(jī)啟動(dòng)設(shè)置: systemctl enable nginx.service
目錄
網(wǎng)站文件默認(rèn)存放目錄：/usr/share/nginx/html
網(wǎng)站默認(rèn)站點(diǎn)配置：/etc/nginx/conf.d/default.conf
自定義Nginx站點(diǎn)配置文件目錄：/etc/nginx/conf.d
Nginx全局設(shè)置：/etc/nginx/nginx.conf
Nginx啟動(dòng)：nginx -c nginx.conf
效果Github: cssup
Readme.md下載: Readme
六. 系列文章【CSS練習(xí)】IT修真院--練習(xí)1-九宮格
【CSS練習(xí)】IT修真院--練習(xí)2-開發(fā)工具
【CSS練習(xí)】IT修真院--練習(xí)3-簡單界面
【CSS練習(xí)】IT修真院--練習(xí)4-移動(dòng)端界面
【CSS練習(xí)】IT修真院--練習(xí)5-護(hù)工個(gè)人界面
【CSS練習(xí)】IT修真院--練習(xí)6-護(hù)工列表界面
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/113399.html
摘要：任務(wù)三一個(gè)最簡單的移動(dòng)端頁面今天完成的事情運(yùn)用布局知識(shí)跟隨設(shè)計(jì)圖進(jìn)行布局，完成簡單并繼續(xù)學(xué)習(xí)優(yōu)化讓布局更好適應(yīng)屏幕變化使用了盒模型及百分比了解區(qū)別在中應(yīng)用圖片處理學(xué)習(xí)明天計(jì)劃的事情深度思考手機(jī)分辨率和網(wǎng)頁的區(qū)別周末補(bǔ)學(xué)任務(wù)四計(jì)劃及簡單編寫遇 任務(wù)三、 一個(gè)最簡單的移動(dòng)端頁面 今天完成的事情 運(yùn)用布局知識(shí)跟隨設(shè)計(jì)圖進(jìn)行布局，完成簡單Demo并繼續(xù)學(xué)習(xí)優(yōu)化. 讓布局更好適應(yīng)屏幕變化(使用...
摘要：任務(wù)六護(hù)工列表頁完成的事情規(guī)劃任務(wù)六完成基本界面編寫計(jì)劃的事情限制最小寬度使用雪碧圖替換當(dāng)前的多張圖片引入完成模擬下拉框編寫屏幕過窄時(shí)，列表項(xiàng)左邊文字被截?cái)喑霈F(xiàn)省略號(hào)復(fù)習(xí)之前的代碼規(guī)范，優(yōu)化代碼查看驗(yàn)收標(biāo)準(zhǔn)查看深度思考遇到的問題收獲頁面原生 任務(wù)六、 護(hù)工列表頁 完成的事情 1.規(guī)劃任務(wù)六2.完成基本界面編寫 計(jì)劃的事情 [x] 限制最小寬度 [x] 使用雪碧圖替換當(dāng)前的多張圖片引入...
摘要：用于顯示日志信息及輸入一些命令請(qǐng)求監(jiān)聽。可獲得請(qǐng)求列表，點(diǎn)開某一項(xiàng)將看到數(shù)據(jù)頭部數(shù)據(jù)。包含本次請(qǐng)求的請(qǐng)求方法狀態(tài)碼請(qǐng)求服務(wù)器的地址其他一些設(shè)置響應(yīng)頭部包含用戶代理，幫服務(wù)器識(shí)別設(shè)備用預(yù)覽。 九宮格——用html+css制作一個(gè)網(wǎng)頁 一. 目標(biāo)效果： showImg(https://segmentfault.com/img/bVbbxBA?w=872&h=644); 二. 效果描述 圓角...
摘要：任務(wù)四一個(gè)最常見的移動(dòng)端頁面完成的事情完成簡單布局，然后填充界面與效果圖對(duì)比優(yōu)化完成驗(yàn)收要求擴(kuò)展性頂欄固定進(jìn)行樣式兼容性研究完成任務(wù)四深度思考跟隨深度思考師兄建議進(jìn)行修改輸入欄左側(cè)換用輸入限制電話位，密碼位根據(jù)結(jié)構(gòu)的語義化修改嘗試下再加一 任務(wù)四、 一個(gè)最常見的移動(dòng)端頁面 完成的事情 完成簡單布局，然后填充界面 與效果圖對(duì)比優(yōu)化 完成驗(yàn)收要求：header擴(kuò)展性 & 頂欄固定 進(jìn)行p...
摘要：任務(wù)五一個(gè)最常見的移動(dòng)端頁面完成的事情學(xué)習(xí)張鑫旭世界相關(guān)章節(jié)張鑫旭系列了解通配符選擇器性能優(yōu)化瀏覽器渲染原理學(xué)習(xí)各屬性及效果完成任務(wù)五學(xué)習(xí)編碼規(guī)范編碼規(guī)范并按照編碼規(guī)范優(yōu)化代碼完成深度思考計(jì)劃的事情找時(shí)間把前面任務(wù)的官方提供鏈接過一遍，查缺 任務(wù)五、 一個(gè)最常見的移動(dòng)端頁面 完成的事情 float學(xué)習(xí) 張鑫旭《CSS世界》相關(guān)章節(jié) 張鑫旭 float系列 了解CSS通配符 &...
閱讀 1598·2021-11-04 16:11
閱讀 3309·2021-09-09 11:33
閱讀 1558·2019-08-30 15:54
閱讀 619·2019-08-30 15:44
閱讀 3173·2019-08-30 15:43
閱讀 2553·2019-08-30 13:06
閱讀 1697·2019-08-29 17:00
閱讀 895·2019-08-29 15:33
