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