整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Rust 小技巧指定 target 輸出目錄

          Rust 編程語言中,target 目錄是由 Cargo(Rust 的包管理和構建工具)自動生成的。它主要用于存放構建輸出的產物文件相關的編譯期產生的中間文件等。但是 target 目錄往往會非常大,即使一個簡單的 hello world 程序,就已經達到 9 MB 了。

          可能一個比較簡單的項目,會達到 1 GB 多。甚至有些網友調侃——如果電腦硬盤太小,可能學不了 Rust。

          0x01 指定 target 目錄

          另外當電腦中的 Rust 項目太多時,無法管理 target 目錄。其實我們可以指定所有項目統一的 target 目錄。下面將以 Windows 操作系統為例演示。

          首先在 C:\Users\用戶名\.cargo\ 目錄下,找到 config.toml 文件。如果在該目錄下沒有 config.toml 文件,則需要創建該文件。如下圖所示:

          注意:config 文件也有可能沒有擴展名,如 config,又或者是其它擴展名,如 config.txt,配置文件的擴展名不重要,重要的是文件名稱必須是 config

          在文件中添加下面的配置信息:

           [build]
          target-dir = "D:/my-target"

          上面的配置是指定所有項目的統一 target 目錄為 D:/my-target。如下圖:

          我們再次編譯項目,查看項目根目錄和 D:/my-target 目錄,如下圖:

          可以看到,在項目的工程目錄已經沒有 target 目錄,真正的 target 目錄已經被我們指定為 D:/my-target 目錄了。

          0x02 target 目錄有什么

          下面是一個簡單項目的 target 目錄,讓我們看下它會包含什么呢?

          target 目錄包含以下幾個子目錄和文件:

          target/debug:

          • 存儲調試模式下構建的可執行文件和庫文件。
          • 包含中間編譯產物,如對象文件(.o 文件)和生成的二進制文件。

          target/release:

          • 存儲發布模式下構建的可執行文件和庫文件。
          • 與調試模式相比,發布模式進行了優化,生成的二進制文件通常更小且運行速度更快。

          target/doc:

          • 存放項目文檔(通常是通過 cargo doc 命令生成的 HTML 文檔)。

          target/.fingerprint:

          • 存儲構建的指紋文件,用于跟蹤哪些文件已經被編譯以及是否需要重新編譯。

          target/package:

          • 存放項目打包后的文件,通常用于 cargo publish 命令發布到 crates.io 倉庫。

          其他臨時文件和目錄:

          • 包括構建緩存、生成的匯編代碼等。

          0x03 指定 target 目錄的優缺點

          統一存放 target 文件既有優點也有缺點:

          優點

          緩存復用

          如果多個項目使用相同的依賴庫,通過指定一個共享的 target 目錄,可以復用編譯緩存,減少重復編譯的時間,大幅提升構建效率。

          管理方便

          通過將編譯輸出集中到一個特定目錄,可以更方便地管理和清理編譯輸出文件。當 Rust 項目過多時,我們可以隨時清理 target 文件。

          缺點

          多個項目共享同一個 target 目錄可能會因為不同的依賴版本而產生沖突,當遇到沖突時需要及時清理 target 目錄。

          0x04 小結

          總體上講,指定 target 目錄可以帶來顯著的構建效率提升,但也需要考慮潛在的版本沖突問題,這個需要根據實際的項目來取舍。


          lt;h2 id="title1">開發工具(工欲善其事必先利其器)</h2>

          • 為了讓大家更快的融入到編程的世界中, 不被繁瑣的英語單詞所困擾, 不用每天編寫很多沒有意義的重復代碼, 提升大家的開發效率今后的課程中我們統一采用最高級高發工具來編寫網頁

          <h3 id="title2">常見的前端開發工具</h3>

          • 記事本: 提示功能較差

          • editplus/nodepad++: 提示功能較差

          • Dreamwaver: 更偏向設計

          • Sublime: 輕量級,自帶功能不太全, 但是插件十分豐富

          • WebStorm: 重量級, 自帶功能全面

          • 其它ide(zend studio、netbean等)

          • 為了讓大家更快的融入到編程的世界中, 不被繁瑣的英語單詞所困擾, 今后的課程中我們統一采用最牛逼最高級的高發工具WebStorm

          <h3 id="title3">WebStorm安裝和使用</h3>

          • 安裝軟件

          1.png

          2.png

          3.png

          4.jpg

          5.jpg

          6.png

          7.jpg

          8.png

          • 破解軟件

          9.png

          10.png

          11.jpg

          12.jpg

          13.png

          14.png

          • 漢化軟件

          15.png

          16.jpg

          • 設置模版

          • 創建文件

          17.png

          18.jpg

          關注微信訂閱號:網頁設計輕松學 有更多內容

          19.png

          • WebStorm常見快捷鍵

          • 如何在WebStorm中利用快捷鍵創建一個新的.html的文件

            • 同時按下鍵盤上的Ctrl + Alt + Insert

          • 如何在WebStorm中讓光標移動到當前行的末尾

            • 按下鍵盤上的End鍵即可

          • 如何在WebStorm中讓光標移動到當前行的最前面

            • 按下鍵盤上的Home鍵即可

          • 如何在WebStorm中讓光標在多行中閃爍

            • 按住鍵盤上的Alt鍵不放, 然后再按住鼠標的左鍵不放, 然后再拖動鼠標即可

          • 如何在WebStorm中快速的復制光標所在的那一行

            • 按下鍵盤上的Ctrl + D

          • 如何在WebStorm中快速的刪除光標所在的那一行

            • 按下鍵盤上的Ctrl + X

          • 如何在WebStorm中讓標簽包裹一段內容, 也就是自動在一段內容前后加上標簽

            • 按下鍵盤上的Ctrl + Alt + T, 然后按下回車, 然后輸入對應的標簽即可


          <h2 id="title4">基礎標簽學習</h2>

          <h3 id="title5">H系列標簽(Header 1~Header 6)</h3>

          • 作用:

            • 用于給文本添加標題語義

          • 格式:

            • <h1>xxxxxx</h1>

          • 注意點:

            • H標簽是用來給文本添加標題語義的, 而不是用來修改文本的樣式的

            • H標簽一共有6個, 從H1~H6, 最多就只能到6, 超過6則無效

            • 被H系列標簽包裹的內容會獨占一行

            • 在H系列的標簽中, H1最大, H6最小

            • 在企業開發中, 一定要慎用H系列的標簽, 特別是H1標簽. 在企業開發中一般情況下一個界面中只能出現一個H1標簽(和SEO有關)

          <h3 id="title6">P標簽(Paragraph)</h3>

          • 作用:

            • 告訴瀏覽器哪些文字是一個段落

          • 格式:

            • <p>xxxxxxxx</p>

          • 注意點:

            • 在瀏覽器中會單獨占一行

          <h3 id="title7">Hr標簽(Horizontal Rule)</h3>

          • 作用:

            • 在瀏覽器上顯示一條分割線

          • 格式:

            • <hr />

          • 注意點:

            • 在瀏覽器中會單獨占一行

            • 通過我的觀察發現HR標簽可以寫/也可以不寫/, 如果不寫/那么就是按照HTML的規范來編寫, 如果寫上/那么就是按照XHTML的規范來編寫.但是在HTML5中, 由于HTML5兼容HTML和XHTML所有寫不寫都可以.那么以后我們在做前端開發時到底寫還是不寫呢? 按照高級開發工具的提示來寫即可.

            • 由于hr標簽是用來修改樣式的, 所以不推薦使用. 今后開發中添加水平線一般都使用CSS盒子來做


          <h2 id="title8">HTML注釋(Annotation)</h2>

          • 什么是注釋?

            • 注釋是在所有計算機語言中都非常重要的一個概念,從字面上看,就是注解、解釋的意思

            • 注釋可以用來解釋某一段程序或者某一行代碼是什么意思,方便直接或程序員之間的交流

          • 為什么要使用注釋?

            • 適當的注釋,能夠讓我們的程序更加可讀,所以用中文提示自己,這里的程序是干什么的

          • 注釋格式

          <!--被注釋的內容-->
          • 注意點:

            • 被注釋的內容不會在瀏覽器中顯示, 注釋是寫給我們自己看的

            • 注釋不能嵌套使用

          <!--<!--被注釋的內容-->-->
          • 快捷鍵: ctrl + /


          <h3 id="title9">img標簽(image)</h3>

          • 作用: 在網頁上插入一張圖片

          • 格式: ![](圖片路徑)

          • 標簽的屬性

            • 寫在標簽中K="V"這種格式的文本我們稱之為標簽屬性

          屬性名稱作用
          src(source)告訴瀏覽器需要插入的圖片路徑, 以便于瀏覽器到該路徑下找到需要插入的圖片
          alt(alternate)規定圖像的替代文本, 只有在src指定的路徑下找不到圖片,才會顯示alt指定的文本
          title懸停文本(介紹這張圖片, 只有在鼠標移動到圖片上時才會顯示)
          height設置圖片顯示的高度
          width設置圖片顯示的寬度
          • 注意點:

            • img標簽添加的圖片默認不是占一整行空間

            • 如果想讓圖片等比拉伸, 只寫高度或者寬度即可

          關注微信訂閱號:網頁設計輕松學 有更多內容

          <h3 id="title10">br標簽(Break)</h3>

          • 作用:

            • 讓內容換行

          • 格式:

            • <br/>

          • 注意點:

            • br的意思是不另起一個段落進行換行, 而網頁中99.99%需要換行時都是因為另起了一個段落, 所以應該用p來做

          <h3 id="title11">相對路徑和絕對路徑</h3>

          • 圖片路徑分為兩種, 一種是絕對路徑, 一種是相對路徑, 我們重點學習相對路徑, 因為在企業級開發中沒有人使用絕對路徑

          • 絕對路徑

            • 從電腦的具體盤符開始尋找我們需要的資源

            • ![](F:/lnj/girl.png)

            • 以上代碼表示在F盤下查找lnj文件夾, 然后在lnj文件夾下查找girl.png圖片

          • 相對路徑

            • 一個文件相對于另外一個文件的位置尋找我們需要的資源

            • ![](girl.png)

            • 假設html文件和girl.png都在lnj文件夾下, 以上代碼表示在lnj文件夾下查找girl.png圖片

          • 為什么沒人使用絕對路徑?

            • 可以移植性太差.

          • 什么是可移植性?

            • 可以簡單的理解為把寫到的代碼拷貝到另外一臺電腦上是否能夠正常運行

          • 為什么絕對路徑可移植性差?

            • 假如我編寫的html文件放在我電腦的 F:/lnj 目錄下, html文件中用到的圖片放在F:/lnj/images目錄下, 我給src指定的絕對路為F:/lnj/images/girl.png. 那么將來我將整個lnj文件夾拷貝給你, 如果你將lnj文件夾放在非F盤下, 那么將無法顯示圖片

            • 例如你存放在C盤根目錄, 那么圖片的絕對路徑會變為C:/lnj/images/girl.png, 而src會去F盤找, 所以不會顯示

            • 你只有將lnj文件夾存放在F盤根目錄下時圖片才會正常運行, 這就叫做可移植性不好

            • Q群;162542073

          • 為什么相對路徑可移植性好?

            • 同上, 如果src指定的路徑為images/girl.png, 那么無論你拷貝到那個盤, 哪個文件夾. 系統都只會在當前文件夾中的images下去查找圖片, 不會受到盤符和存儲位置的影響, 只要保證頁面和圖片位置的相對關系不變就不會影響到圖片的顯示

          • 相對路徑幾種查找方式

            • ../代表訪問上級目錄

            • 假設a文件夾下面有b文件夾, 圖片存放在a文件夾中, html文件存放在b文件夾中, 那么路徑為../girl.png

            • 因為html文件在b文件夾中, 所以路徑是相對于b文件夾的, 所以../代表訪問b文件夾的上一級目錄, b文件夾的上一級目錄是a文件夾, 所以../girl.png就代表在a文件夾查找girl.png

            • 直接編寫, 例如abc/girl.png

            • 加上./ 編寫, 例如./abc/girl.png

            • 相對當前目錄有幾個文件夾,就在后面依次補全幾個文件夾名稱即可, 例如 abc/bbb/ccc/ddd/girl.png./abc/bbb/ccc/ddd/girl.png

            • 直接編寫, 例如: girl.png

            • 加上./ 編寫, 例如./girl.png

            • ./代表當前目錄, ./girl.png代表在當前目錄下查找

            • 同級

            • 下級

            • 上級

          • 注意事項:

            • 相對路徑不會出現這種格式aaa/../bbb/girl.png

            • 雖然可以顯示, 但是企業開發中千萬不要這么寫

          <h3 id="title12">a標簽(anchor)</h3>

          • 格式: <a >江哥博客</a>

          • 作用: 用于從一個頁面鏈接到另一個頁面

          • 注意事項:

            • 在a標簽之間一定要寫上文字, 如果沒有, 那么在頁面上找不到這個標簽

            • a標簽也叫做超級鏈接超鏈接

          • a標簽的屬性

          屬性名稱作用
          href(hypertext reference)指定跳轉的目標地址
          target告訴瀏覽器是否保留原始界面, _blank保留, _self不保留
          title懸停文本(介紹這個鏈接, 只有在鼠標移動到超鏈接上時才會顯示)
          • base標簽和a標簽結合使用

            • 如果每個a標簽都想在新頁面中打開,那么逐個設置a標簽的target屬性比較麻煩, 這時我們可以使用base和a標簽結合的方式,一次性設置有a標簽都在新頁面中打開

            • 格式: <base target="_blank" />

          • 注意事項:

            • base必須嵌套在head標簽里面

            • 如果標簽上指定了target,base中也指定了target,那么會按照標簽上指定的來執行

          • a標簽其它用法

            • 例如<a href="girl.zip">下載福利資源<a/>

            • 格式: <a href="01-錨點鏈接.html#location">跳轉到指定位置</a>

            • 只需要在01-錨點鏈接.html頁面添加一個id位置即可

            • 2.1.格式<a href="#location">跳轉到指定位置</a>

            • 2.2.在頁面的指定位置給任意標簽添加一個id屬性

            • 例如 <p id="location">這個是目標</p>

            • 格式<a href="#">江哥博客</a>

            • 格式<a href="javascript:">江哥博客</a>

            • 假鏈接(本質是跳轉到當前頁面)

            • 跳轉到當前頁面指定位置(錨點鏈接)

            • 跳轉到指定頁面的指定位置

            • 下載(極力不推薦使用)

          、常用html標簽

          4.1 常用的 html 標簽

          <!-- 1、成對出現的標簽:-->
          
          <h1>h1標題</h1>
          <div>這是一個div標簽</div>
          <p>這個一個段落標簽</p>
          
          
          <!-- 2、單個出現的標簽:-->
          <br>
          <img src="images/pic.jpg" alt="圖片">
          <hr>
          
          <!-- 3、帶屬性的標簽,如src、alt 和 href等都是屬性 -->
          <img src="images/pic.jpg" alt="圖片">
          <a href="http://www.baidu.com">百度網</a>
          
          <!-- 4、標簽的嵌套 -->
          <div>
             <img src="images/pic.jpg" alt="圖片">
             <a href="http://www.baidu.com">百度網</a>
          </div>

          提示:

          1. 標簽不區分大小寫,但是推薦使用小寫。
          2. 根據標簽的書寫形式,標簽分為雙標簽(閉合標簽)和單標簽(空標簽)2.1 雙標簽是指由開始標簽和結束標簽組成的一對標簽,這種標簽允許嵌套和承載內容,比如: div標簽2.2 單標簽是一個標簽組成,沒有標簽內容, 比如: img標簽

          4.2 小結

          • 學習 html 語言就是學習標簽的用法,常用的標簽有20多個。
          • 編寫 html 標簽建議使用小寫
          • 根據書寫形式,html 標簽分為雙標簽和單標簽
          • 單標簽沒有標簽內容,雙標簽可以嵌套其它標簽和承載文本內容

          五、資源路徑

          當我們使用img標簽顯示圖片的時候,需要指定圖片的資源路徑,比如:

          <img src="images/logo.png">

          這里的src屬性就是設置圖片的資源路徑的,資源路徑可以分為相對路徑和絕對路徑

          5.1 相對路徑

          從當前操作 html 的文檔所在目錄算起的路徑叫做相對路徑

          示例代碼:

          <!-- 相對路徑方式1 -->
          <img src="./images/logo.png">
          <!-- 相對路徑方式2 -->
          <img src="images/logo.png">

          5.2 絕對路徑

          從根目錄算起的路徑叫做絕對路徑,Windows 的根目錄是指定的盤符,mac OS 和Linux 是/

          示例代碼:

          <!-- 絕對路徑 -->
          <img src="/Users/apple/Desktop/demo/hello/images/logo.png">
          <img src="C:\demo\images\001.jpg">

          提示:

          一般都會使用相對路徑,絕對路徑的操作在其它電腦上打開會有可能出現資源文件找不到的問題

          5.3 小結

          • 相對路徑和絕對路徑是 html 標簽使用資源文件的兩種方式,一般使用相對路徑。
          • 相對路徑是從當前操作的 html 文檔所在目錄算起的路徑
          • 絕對 路徑是從根目錄算起的路徑

          六、列表標簽

          6.1 列表標簽的種類

          • 無序列表標簽(ul標簽)
          • 有序列表標簽(ol標簽)

          6.2 無序列表

          <!-- ul標簽定義無序列表 -->
          <ul>
             <!-- li標簽定義列表項目 -->
             <li>列表標題一</li>
             <li>列表標題二</li>
             <li>列表標題三</li>
          </ul>

          6.3 有序列表

          <!-- ol標簽定義有序列表 -->
          <ol>
             <!-- li標簽定義列表項目 -->
             <li><a href="#">列表標題一</a></li>
             <li><a href="#">列表標題二</a></li>
             <li><a href="#">列表標題三</a></li>
          </ol>

          6.4 小結

          • 列表標簽有無序列表標簽(ul標簽)和有序列表標簽(ol標簽)
          • 列表項目對順序有要求的時候使用ol標簽
          • 列表項目對順序無要求的時候使用ul標簽

          七、表格標簽

          7.1 表格的結構

          表格是由行和列組成,好比一個excel文件

          7.2 表格標簽

          <table>標簽:表示一個表格
               <tr>標簽:表示表格中的一行
                   <td>標簽:表示表格中的列
                   <th>標簽:表示表格中的表頭

          示例代碼:

          <table>
             <tr>
                 <th>姓名</th>
                 <th>年齡</th>
             </tr>
             <tr>
                 <td>張三</td>
                 <td>18</td>
             </tr>
          </table>

          表格邊線合并:

          border-collapse 設置表格的邊線合并,如:border-collapse:collapse;


          主站蜘蛛池模板: 久久久av波多野一区二区| 成人一区二区三区视频在线观看| 亚洲av成人一区二区三区观看在线 | 日本香蕉一区二区三区| 国产在线aaa片一区二区99| 在线电影一区二区三区| 一区二区三区四区免费视频| 国产精品污WWW一区二区三区| 无码日韩人妻av一区免费| 亚洲电影唐人社一区二区| 中文字幕VA一区二区三区| 影院无码人妻精品一区二区| 色一情一乱一区二区三区啪啪高| 国产亚洲综合一区柠檬导航| 中日韩一区二区三区| 无遮挡免费一区二区三区| 日韩aⅴ人妻无码一区二区| 国产成人久久一区二区不卡三区| 精品三级AV无码一区| 亚洲综合色一区二区三区小说| 日韩精品一区二区三区四区| 国产AV午夜精品一区二区三| 亚洲国产一区二区视频网站| 搜日本一区二区三区免费高清视频| 国产麻豆剧果冻传媒一区 | 成人免费av一区二区三区| 亚洲一区二区三区无码影院| 亚洲国产精品一区二区九九| 亚洲一区精品伊人久久伊人| 亚洲成人一区二区| 夜夜嗨AV一区二区三区| 亚洲av无码一区二区三区乱子伦 | 久久久国产精品亚洲一区 | 国产精品合集一区二区三区| 精品福利一区二区三区免费视频| 亚洲一区二区免费视频| 99国产精品欧美一区二区三区| 天天躁日日躁狠狠躁一区| 一区二区三区免费高清视频| 狠狠做深爱婷婷综合一区 | 蜜臀AV无码一区二区三区 |