国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

【CSS練習】IT修真院--練習2-開發工具

_ang / 905人閱讀

摘要：任務二認識開發工具今天完成的事情編輯器對比版本管理工具學習基本操作代碼托管平臺對比服務器使用學習明天計劃的事情分析任務三完成規劃及部分開發遇到的問題暫無收獲編輯器對比參考三者比較，各有哪些優勢和弱勢一款成熟的，對網站開發者友好，插件齊全功能

任務二. 認識開發工具 今天完成的事情

IDE & 編輯器對比

版本管理工具學習

Git基本操作

代碼托管平臺對比

服務器使用學習

明天計劃的事情

分析任務三, 完成規劃及部分開發

遇到的問題

暫無

收獲

IDE & 編輯器對比 參考:Atom、Sublime Text、VSCode 三者比較，各有哪些優勢和弱勢？

Webstorm: 一款成熟的IDE，對網站開發者友好，插件齊全功能強大，對于前端開發幫助極大;

VisualCode:

微軟開源代碼編輯器，可通過安裝插件來應用在各種開發場景;

Windows & Linux & Mac都有, 界面優雅性能穩定，簡單強大的插件系統, Windows上最適用代碼編輯器;

Terminal 內置!

Sublime: 老牌非開源代碼編輯器. 功能強大啟動速度快,各平臺表現都很好, 但是裝了插件之后markdown支持也不好（嫌棄臉

Atom：開源老牌編輯器，有活躍的開源社區支持,夠hack,對電腦頂配的前端開發者友好... 穩定性差，Windows上表現不好

版本管理工具學習

代碼版本控制對比 參考：Git優勢 & 發展

本地式(第一代):

特點: 實現了基礎的代碼管理功能, 但是無法協作;

代表: SCCS(1972)、 PVCS(1985)

客戶端-服務器式(第二代):

特點：

優點: 實現了中心服務器端的代碼版本管理, 允許多人對同一個代碼庫進行同步&修改

缺點:

斷網受限: 斷網時無法查看日志, 也無法提交和比較版本;

分支管理困難: 不支持本地分支, 且創建的分支難以修改;

中心化: 中心化意味著需要時刻做好災備, 備份頻率需求與較高的備份成本相互掣肘;

慢: 代碼備份&查詢&對比都需要與服務器通信, 服務器負載大, 表現出來的結果就是慢;

代表：CVS(1986)、 ClearCase(1992)、Visual SourceSafe(1994)、Perforce(1995)、Subversion(2000,即SVN)

分布式(第三代):

特點:

優點: 結合前兩代優點，并且解決了前兩代的弊端

分布式: 斷網時可查本地庫中的日志, 亦可提交代碼、創建分支, 分塊管理;

快：負載分流管理，使用體驗為快速;

社區: Github社區的火爆推動Git的流行;

缺點: 有一定學習曲線, 不過基礎使用入門不難;

代表: Git(2005)、Mercurial(2005)

Git基本操作 參考: Git教程-廖雪峰的官方網站

提交操作

初始化: git init

全部加入緩存區: git add .

提交緩存區文件: git commit -m "本次提交描述"

添加遠程庫鏈接: git remote add origin <遠程庫鏈接>

初次推送到添加的遠程庫: git push -u origin master

再次推送到添加的遠側庫: git push origin master

分支操作

本地：

查看分支: git branch

創建分支: git branch 新分支名

切換分支: git checkout 已有分支名

刪除分支: git branch -d 已有分支名

遠程:

查看分支(帶*號為本地分支): git branch -a

刪除遠程分支:

  git branch -r -d 遠程分支名
  git push origin :遠程分支名

代碼托管平臺對比

Github: 世界最大同性交友社區(霧

優點: 開源項目豐富品種齊全, 適合自己做練手和公開項目用, 支持CI;

缺點: 國內有點慢, 私有倉庫要收費, 不支持演示;

碼云: 本土化開源社區 參考: 碼云評價 & 官方對比

優點: 適合中國國情, 速度快, 有免費私有庫用, 支持一鍵部署到演示平臺(有空試試), 支持項目點評, 支持代碼質量分析;

缺點: 據說CI支持不夠完善, 待驗證

Coding

特點: 集成項目管理、集成WebIDE在線開發環境、標準化拓展接口

Gitlab: 公司內部代碼管理

特點: 可根據需要整合其他工具, 參考: [gitlab+jira] (https://www.zhihu.com/questio...

服務器使用學習

購買云服務器: 阿里云、騰訊云

購買之后:

遠程登錄, 搭建Apache或者Nginx, 然后放置網站在指定路徑, 完成外網訪問支持;

買域名, 審核后綁定服務器, 完成域名訪問支持;

Apache & Nginx 對比 參考:Nginx和Apache各有什么優缺點

Apache:

適合處理動態請求

模塊支持好

bug少，穩定

rewrite功能強大

Nginx:

輕量級, 配置簡潔, 優勢在于處理靜態請求

并發支持好,資源使用少

高度模塊化設計

社區活躍

結合: 前端用Nginx作為反向代理抗壓, apache作為后端處理動態請求

Nginx環境搭建(Centos): 參考How to install and configure NGINX on CentOS7

下載安裝: @官網照寫

編輯nginx.repo

yum install epel-release

yum install nginx

狀態操作

啟動: systemctl start nginx.service

查詢: systemctl status nginx.service

停止: systemctl stop nginx.service

開機啟動設置: systemctl enable nginx.service

目錄

網站文件默認存放目錄：/usr/share/nginx/html

網站默認站點配置：/etc/nginx/conf.d/default.conf

自定義Nginx站點配置文件目錄：/etc/nginx/conf.d

Nginx全局設置：/etc/nginx/nginx.conf

Nginx啟動：nginx -c nginx.conf

效果

Github: cssup

Readme.md下載: Readme

六. 系列文章

【CSS練習】IT修真院--練習1-九宮格

【CSS練習】IT修真院--練習2-開發工具

【CSS練習】IT修真院--練習3-簡單界面

【CSS練習】IT修真院--練習4-移動端界面

【CSS練習】IT修真院--練習5-護工個人界面

【CSS練習】IT修真院--練習6-護工列表界面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/113399.html

相關文章

  • 【CSS練習】IT修真院--練習3-簡單界面

    摘要：任務三一個最簡單的移動端頁面今天完成的事情運用布局知識跟隨設計圖進行布局，完成簡單并繼續學習優化讓布局更好適應屏幕變化使用了盒模型及百分比了解區別在中應用圖片處理學習明天計劃的事情深度思考手機分辨率和網頁的區別周末補學任務四計劃及簡單編寫遇 任務三、 一個最簡單的移動端頁面 今天完成的事情 運用布局知識跟隨設計圖進行布局，完成簡單Demo并繼續學習優化. 讓布局更好適應屏幕變化(使用...

    MrZONT 評論0 收藏0

  • 【CSS練習】IT修真院--練習6-護工列表界面

    摘要：任務六護工列表頁完成的事情規劃任務六完成基本界面編寫計劃的事情限制最小寬度使用雪碧圖替換當前的多張圖片引入完成模擬下拉框編寫屏幕過窄時，列表項左邊文字被截斷出現省略號復習之前的代碼規范，優化代碼查看驗收標準查看深度思考遇到的問題收獲頁面原生 任務六、 護工列表頁 完成的事情 1.規劃任務六2.完成基本界面編寫 計劃的事情 [x] 限制最小寬度 [x] 使用雪碧圖替換當前的多張圖片引入...

    Sleepy 評論0 收藏0

  • 【CSS練習】IT修真院--練習1-九宮格

    摘要：用于顯示日志信息及輸入一些命令請求監聽。可獲得請求列表，點開某一項將看到數據頭部數據。包含本次請求的請求方法狀態碼請求服務器的地址其他一些設置響應頭部包含用戶代理，幫服務器識別設備用預覽。 九宮格——用html+css制作一個網頁 一. 目標效果： showImg(https://segmentfault.com/img/bVbbxBA?w=872&h=644); 二. 效果描述 圓角...

    Tecode 評論0 收藏0

  • 【CSS練習】IT修真院--練習4-移動端界面

    摘要：任務四一個最常見的移動端頁面完成的事情完成簡單布局，然后填充界面與效果圖對比優化完成驗收要求擴展性頂欄固定進行樣式兼容性研究完成任務四深度思考跟隨深度思考師兄建議進行修改輸入欄左側換用輸入限制電話位，密碼位根據結構的語義化修改嘗試下再加一 任務四、 一個最常見的移動端頁面 完成的事情 完成簡單布局，然后填充界面 與效果圖對比優化 完成驗收要求：header擴展性 & 頂欄固定 進行p...

    kun_jian 評論0 收藏0

  • 【CSS練習】IT修真院--練習5-護工個人界面

    摘要：任務五一個最常見的移動端頁面完成的事情學習張鑫旭世界相關章節張鑫旭系列了解通配符選擇器性能優化瀏覽器渲染原理學習各屬性及效果完成任務五學習編碼規范編碼規范并按照編碼規范優化代碼完成深度思考計劃的事情找時間把前面任務的官方提供鏈接過一遍，查缺 任務五、 一個最常見的移動端頁面 完成的事情 float學習 張鑫旭《CSS世界》相關章節 張鑫旭 float系列 了解CSS通配符 &...

    Jonathan Shieber 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<