篇文章Eleght科技給大家分享一下如何在Windows系統中完成多個文件的重命名,做一個小總結,其中包括利用CMD和Powershell進行更改的方法。
很多情況下我們可能需要對自己的多個文件進行排序改名,那么到底如何正確快速的批量更改文件名呢?其實一個小小的重命名也有很多的小技巧。當我們需要對一列文件進行重命名多個名字時,我們可以選擇第一個,鼠標右鍵選擇重命名即可。
但是這樣顯得有點麻煩
技巧一,我們選擇這個文件后,直接按一下F2鍵,就可以對這個文件進行重命名了,是不是很方便呢?
技巧二,巧用Tab鍵,當我們編輯完第一文件名還想接著往下進行編輯時,我們只需要按一下Tab鍵就可以切換到下一個進行重命名了
當我們需要對多個文件進行編輯時,我們直接選中范圍,用Ctrl單個進行選擇,或者用shift鍵選擇一段范圍,接著我們F2重命名第一個文件,按一下回車鍵,你就會發現緊接著選中的文件會依次自動添加上編號。
下面小E再來分享一下如何用powershell重命名多個文件
PowerShell為在命令行環境中重命名文件提供了更大的靈活性。使用PowerShell,可以將命令的輸出(稱為“commandlet”)以PowerShell的形式輸出到另一個命令,就像在Linux和其他類UNIX系統上一樣。需要的兩個重要命令有Dir,作用是列出當前目錄中的文件,Rename-Item重命名項目。將Dir的輸出傳送給Rename-Item,然后開始工作。
在所需的位置打開PowerShell窗口的最快方法是首先在文件資源管理器中打開該文件夾。從“文件”菜單中,找到“打開Windows PowerShell”,然后選擇“打開Windows PowerShell”就可以了
首先我們先來看看如何命名單個文件,命令的語法格式如下:
rename-item "原文件名" "新文件名"
我這里忘記了加后綴,成為了一個不識別的文件。
如何利用Powershell批量改文件擴展名
比如說我需要將C盤下的qq文件夾內的所有文本文件改成html文件,我們可以使用以下這條命令:
get-childItem 'C:\qq' *.txt | rename-item -newname { $_.name -replace '\.txt','.html' }
我們可以看到我在這個目錄下所放的文本文件都成為了HTML文件。
如何批量的將文件的增加前綴名呢
比如說我還用qq這個目錄下的文件進行操作,我將這個目錄下的文件前綴加上Eleght,我們可以輸入以下內容:
get-childItem -r *.html | rename-Item -newname{'Eleght'+$_.name}
那如何徹底的將這些文件批量的重命名呢,我們需要輸入下面這段內容
ps:對于微軟的power shell,操作起來真的會有些麻煩,但是同樣也很強大,可以查找“powershell為什么強大”類的文章做以了解,你也能通過各種命令實現更加復雜的需求,小E今天介紹的也只是冰山一角,有興趣的朋友可以好好去研究研究,我是小E,咱們下期見!
IT168 】JavaScript雖然是很受歡迎的語言,但是并不適合所有人,那么有哪些替代方案呢?本文將分析5種JavaScript替代方案。
1995年,Netscape(網景通信公司)聘請Brendan Eich為當時最受歡迎的網絡瀏覽器Netscape Navigator添加一種新語言。Netscape希望增強網絡的可編程性。
LiveScript在1995年末發布了測試版的瀏覽器,并在最終發布前改名為JavaScript,以利用Netscape與Sun Microsystems的合作關系,后者是流行的Java語言背后的公司(盡管JavaScript本質上與Java沒有任何關系)。
Mozilla的創始人之一是Eich,他在10天內開發出了JavaScript的原始版本。在接下來的25年里,JavaScript從一種不受歡迎且受到嚴重限制的語言發展成為現代web應用程序構建的強大基礎。如今,JavaScript主導了瀏覽器,并通過Node.js占領了大部分服務器。
然而,JavaScript并不是所有開發人員都喜歡的語言。Eich在早期做出了一些古怪的決定,這些決定一直持續到2019年,其中包括典型的繼承、“this”以及JavaScript的侵略性和不一致的類型強制。
近年來,開發人員已經創建了JavaScript的替代品。JavaScript仍然是在瀏覽器中運行的唯一語言,因此這些新語言主要是編譯或轉換為JavaScript。CoffeeScript是第一個類似的腳本,但很快就被眾多競爭對手所超越,每個競爭對手都對JavaScript進行了改進。
Dart
Dart是一種面向對象的c語言,由Google創建,作為JavaScript的替代品。它拋棄了JavaScript的原型繼承系統,而采用了更傳統的面向對象的方法,任何使用過Java或c++的人都熟悉這種方法。與JavaScript不同,Dart是一種靜態類型的語言,消除了JavaScript代碼中的常見錯誤源。Dart支持類型推斷,因此沒有必要在每次聲明變量或函數時都包含類型樣板。
也許Dart最令人激動的功能是它在網絡之外的可用性。Dart代碼可以轉換為JavaScript以便在瀏覽器中運行,但它也可用于獨立應用程序和服務器端開發。Google的Flutter UI工具包是一個可移植的前端框架,可用于桌面、移動設備和Web,構建本機應用程序。
TypeScript
TypeScript是微軟向更好的JavaScript進軍的第一步。與Dart不同,TypeScript不是一種全新的語言,而是JavaScript的超集。TypeScript編譯器可以編譯有效的JavaScript,但是TypeScript增加了幾個新特性,改進和現代化了JavaScript的限制,其中最重要的是一個可選的類型系統。
許多JavaScript問題都是由于缺少靜態類型導致的,這導致了編譯器在運行前進行檢查時就被限制了。顧名思義,TypeScript實現了一種類型表示法,開發人員可以使用這種表示法為web應用程序編程保證安全。與Dart一樣,TypeScript支持類型推斷。
值得一提的是,TypeScript比它的競爭對手谷歌更受歡迎。比如,雖然Angular是谷歌的項目,但它的框架是用TypeScript開發的。TypeScript也可以與React和Vue一起使用。
Elm
Dart和TypeScript與JavaScript和C. Elm有明顯的親緣關系。它是一種靜態類型的函數語言,與Haskell相比更類似于C,但沒有Haskell那種令人撓頭的復雜性。
Elm本質上是一種用于構建web前端的特定于領域的語言。
Elm不像JavaScript那樣是一種通用語言,相反,創建者Evan Czaplicki專注于構建最好的前端web應用程序開發體驗。Elm的主要優點是,通過靜態類型和不可變值消除了前端代碼中的許多潛在bug。Elm宣稱自己是一種“在實踐中沒有運行異?!钡恼Z言,這意味著如果一個Elm程序運行,它就不太可能在生產中遇到阻止性能的bug。
以下是Elm代碼示例
Elm代碼看起來和JavaScript一點也不像,但是它有簡單直觀的語法,Elm對學習過JavaScript的人來說應該不難。
ClojureScript
ClojureScript是Clojure編程語言的一個版本,可以編譯為JavaScript。Clojure是運行在Java虛擬機上的Lisp。與Elm一樣,Clojure也是一種函數性語言,具有不可變的數據類型。與Elm不同,它是一種通用編程語言,可以在后端與JVM一起使用,也可以通過JavaScript在前端使用。
與所有Lisp一樣,Clojure是用括號分隔的s表達式編寫的。用Clojure的創建者Rich Hickey的話來說,ClojureScript試圖用Clojure(簡潔且功能強大的編程語言)取代JavaScript,從而解決客戶機/嵌入式應用程序開發中的薄弱環節。Clojure可以與React和其他流行的JavaScript框架一起使用。
當Netscape雇用Brendan Eich時,他們計劃將Scheme集成到Navigator中,而不是創建一種新的語言。Scheme是一種Lisp,因此,如果歷史的發展稍微有些不同,Lisp可能已經成為世界上最流行的編程語言家族。JavaScript通過一流的函數、閉包和lambdas保留了一些“Lispiness”。在JavaScript開發過程中扮演關鍵角色并發明了JSON的道格拉斯?克羅克福德(Douglas Crockford)將JavaScript稱為“披著C外衣的Lisp”。
Phoenix LiveView
之前講過的語言可以編譯成JavaScript,它們讓開發人員無需編寫JavaScript就可以構建客戶端應用程序。
Phoenix LiveView與眾不同。Phoenix是一個用相對較新的Elixir編程語言編寫的web框架。Phoenix是一個服務器端框架。但我們為什么要在一篇專門討論瀏覽器JavaScript替代方案的文章中討論它呢?因為LiveView可以在許多web開發場景中替代JavaScript。
Phoenix的創建者Chris McCord稱LiveView是“一個令人振奮的新庫,它支持使用服務器呈現HTML,實現豐富的實時用戶體驗”。LiveView使用Phoenix channel在瀏覽器和服務器之間創建雙向連接。LiveView基于Websockets,可以在不編寫JavaScript的情況下創建交互體驗。人們自然會擔心這種方法太慢而無法使用,但是LiveView的設計目的是最小化數據傳輸,并且在實踐中可以用于構建低延遲接口。
但LiveView有局限性,我們不建議在LiveView中構建像Google Docs這樣的復雜應用程序。如果離線功能對應用程序很重要,那么LiveView也不是合適的解決方案。但是,對于表單、實時界面更新和數據驗證等功能,Phoenix LiveView是JavaScript的可行替代方案。它比大多數JavaScript應用程序小得多;,LiveView的瀏覽器代碼大約是React的四分之一。
總結
我們已經研究了JavaScript的五種替代方法,每種方法都提供了一種創建Web應用程序和交互式界面的不同方式。當然目前大部分人使用的依然是JavaScript,因為它是Web瀏覽器支持的唯一語言。
但隨著WebAssembly被廣泛采用,這種情況可能即將發生變化。所有主流瀏覽器都支持WebAssembly,將來它很可能成為面向Web的語言的默認編譯目標。對于Web開發人員來說,探索WebAssembly的可能性是個很不錯的方向。
原文地址:https://jaxenter.com/5-alternatives-to-javascript-159787.html
我們在瀏覽網頁時會經常遇到注冊會員的界面,大概像這個樣子:
或填寫問卷的情況,大概像這個樣子:
我們把這些內容稱之為表單。
如何向自己的頁面中添加表單呢?
添加表單的操作和添加表格類似。
首先我們要在頁面中寫入<form></form>標簽,這是向瀏覽器聲明這里是個表單,它本身并不會顯示在頁面中,但是可以全局控制表單元素的一些屬性,就像表格中的<table></table>標簽。
然后再在<form></form>中寫入<input/>標簽,這個標簽的內容就會顯示在頁面中了,就像表格元素中的<tr><td>標簽。不同的是<input/>沒有結尾標簽。
下面讓我們寫一寫。
首先復制"第一個頁面.html"文件。改名為"表單.html",然后清空<body></body>中的內容,將<head></head>中間的<title></title>中間的內容改為"表單",這樣方便我們查看測試頁面。
示例代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<title>表單 </title>
</head>
<body>
</body>
</html>
下面我們要寫入表單內容,示例代碼如下:
<form> <input/></form>
頁面效果如下:
只有一個輸入框。下面,我們為輸入框添加名稱"會員名稱:",示例代碼如下:
<form> 會員名稱: <input/></form>
效果如下:
這樣我們就寫出了一個簡單的表單,如果為表單添加更多內容和設置,就要繼續了解表單的屬性。
表單元素屬性1
<input/>標簽通過改變type屬性可以變換出不同功能,在頁面制作中,我認為<input/>標簽中的type屬性最重要。
下面我們來看一下type屬性不同的值。
圖片來源W3School
輸入文字:首先,先來看text值。說明很明確,這個屬性值的<input>標簽主要是用來輸入文本,比如"會員名稱。"
示例代碼如下:
<form> 會員名稱: <input type="text"/></form>
頁面效果如圖所示:我胡亂輸入了幾個字母
如果不指定type的text值的話,表面看起來并不影響輸入內容,但是表單的內容最終是要提交到服務器的,如果不注明type="text",服務器就不能判斷你輸入的字符到底是一段代碼還是一段字符串組成的文本,因此,我們為了讓提的交數據在服務器端能被準確識別,一定要寫好type的屬性。
除此之外變換type值也能為<input/>變換不同功能。
制作提交按鈕:例如"submit"(提交)。在我們輸入完表單內容后,一般都有一個提交按鈕,這個提交按鈕也是由<input/>標簽來完成的。
示例代碼如下:
<form> 會員名稱: <input type="text"/> <input type="submit"/></form>
如圖所示:
因為<input/>是內聯元素,所以"submit"按鈕會和之前的<input>顯示在一行,換行的話很簡單,可以使用<br>標簽。
大家觀察一下發現,我們并沒有給"submit"按鈕指定文字,在按鈕上卻出現了"提交查詢"的字樣,這是html默認的,如果我們要改變按鈕文字就要使用value這個屬性。示例代碼如下:
<input type="submit" value="提交"/>
頁面效果如下:
其實我們在輸入文字時,輸入框里會經常有提示文字,當我們點擊輸入框時,提示文字消失了,這個功能怎么實現?
這又涉及到一個新屬性,叫做"placeholder"(提示文字)。
示例代碼如下:
<input type="text" placeholder="請輸入英文或漢語拼音"/>
頁面效果如下:
下面我們來練習一下,示例代碼如下:
<form>
會員名稱:
<input type="text" placeholder="請輸入英文或漢語拼音"/><br>
會員密碼:<input type="text" placeholder="請輸入英文字母、特殊符號、數字"/><br>
確認密碼:<input type="text" /><br><input type="submit" value="提交"/><br>
</form>
頁面效果如下:(想把密碼字符顯示為小圓點的讀者可以先去屬性值列表中找找"password"看看,咱們后面會細致講解)
制作多選表單:多選表單的type屬性值是"checkbox"。
我猜大家也猜到該怎么寫了,示例代碼如下:
<form>
興趣愛好:<br>
<input type="checkbox" name="hobby" value="reading"/>讀書
<input type="checkbox" name="hobby" value="film"/>電影
<input type="checkbox" name="hobby" value="painting"/>繪畫
<input type="checkbox" name="hobby" value="music"/>音樂
<br>
<input type="submit" value="submit"/>
</form>
頁面效果如下:
大家可以點點試試,可以多選了。如圖:
這時小伙伴們會發現在這組示例中,出現了name和value兩個屬性。
先說value,在"submit"中,value的值也就是"提交"二字,是直接顯示在按鈕上的,而這里的value值卻沒有顯示,顯示出來的是我們在<input/>標簽后面輸入的"讀書、電影、繪畫、音樂"這樣的字樣。也就是說這里的value不會顯示為選框的名字!
那value屬性是干嘛的呢?實際上"checkbox"屬性下的value屬性值是寫給后臺的服務器看的。
我們向服務器提交選擇后,服務器把name的名稱作為數據的大類名稱,把value值作為大類中的子類名稱來存儲或分析數據。
比如這個選擇表單是有關興趣愛好的,因此數據的大類屬于"愛好"(hobby),即name="hobby",hobby中又分為"reading"(讀書),"film"(電影),"painting"(繪畫),"music"(音樂),即value="reading"、value="film"等等。這樣不同用戶的不同選擇就按照這個數據組織方式提交給了服務器。
大家明白了嗎?
另外需要說明的是,name和value最好使用英文或拼音來書寫!
雖然我們目前不涉及后端服務器上的操作,但是在學習時要養成規范書寫的習慣。
其實,除了type="submit"的情況外,其他需要輸入信息的type屬性類型都是要寫name屬性的,不過不同type屬性類型的value卻不太一樣。
下面我們來看看type="text"時的標準寫法:當type="text"的時候,不必寫value屬性,因為value值為用戶輸入的內容
<form>
會員名稱:
<input type="text" placeholder="請輸入英文或漢語拼音" name="memberName"/><br>
會員密碼:
<input type="text" placeholder="請輸入英文字母、特殊符號、數字" name="passWord"/><br>
確認密碼:<input type="text" name="confirmPassWord"/><br>
<input type="submit" value="提交"/><br>
</form>
今天的內容先到這里,我們明天繼續講解"表單元素"。
喜歡的小伙伴請關注和轉發,閱讀中遇到任何問題請給我留言,如有疏漏或錯誤歡迎大家斧正,不勝感激!
HTML序章(學習目的、對象、基本概念)——零基礎自學網頁制作
HTML是什么?——零基礎自學網頁制作
第一個HTML頁面如何寫?——零基礎自學網頁制作
HTML頁面中head標簽有啥用?——零基礎自學網頁制作
初識meta標簽與SEO——零基礎自學網頁制作
HTML中的元素使用方法1——零基礎自學網頁制作
HTML中的元素使用方法2——零基礎自學網頁制作
HTML元素中的屬性1——零基礎自學網頁制作
HTML元素中的屬性2(路徑詳解)——零基礎自學網頁制作
使用HTML添加表格1(基本元素)——零基礎自學網頁制作
使用HTML添加表格2(表格頭部與腳部)——零基礎自學網頁制作
使用HTML添加表格3(間距與顏色)——零基礎自學網頁制作
使用HTML添加表格4(行顏色與表格嵌套)——零基礎自學網頁制作
16進制顏色表示與RGB色彩模型——零基礎自學網頁制作
HTML中的塊級元素與內聯元素——零基礎自學網頁制作
初識HTML中的<div>塊元素——零基礎自學網頁制作
在HTML頁面中嵌入其他頁面的方法——零基礎自學網頁制作
封閉在家學網頁制作!為頁面嵌入PDF文件——零基礎自學網頁制作
HTML表單元素初識1——零基礎自學網頁制作
HTML表單元素初識2——零基礎自學網頁制作
HTML表單3(下拉列表、多行文字輸入)——零基礎自學網頁制作
HTML表單4(form的action、method屬性)——零基礎自學網頁制作
HTML列表制作講解——零基礎自學網頁制作
為HTML頁面添加視頻、音頻的方法——零基礎自學網頁制作
音視頻格式轉換神器與html視頻元素加字幕——零基礎自學網頁制作
HTML中使用<a>標簽實現文本內鏈接——零基礎自學網頁制作
*請認真填寫需求信息,我們會在24小時內與您取得聯系。