整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

如何利用微软Powershell实现Windows中

如何利用微软Powershell实现Windows中重命名多个文件的操作?

篇文章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宣称自己是一种“在实践中没有运行异常”的语言,这意味着如果一个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页面如何写?——零基础自学网页制作

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>标签实现文本内链接——零基础自学网页制作