检查了一下电脑系统的音频设置,发现“允许应用和Windows将此设备用于音频”选项的当前配置是“不允许”,改为“允许”。早已习惯了Edge浏览
同事们使用的Windows系统电脑,经常莫名其妙地装上了鲁大师,鲁大师的一项功能是显示系统cpu等硬件的温度。在Linux系统中,sensors命令可以提供类似的功能。
0 前言 在 Vue学习笔记17:纯JavaScript和Vue分实现统计输出用户输入信息及重复次数(下)_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们尝试使用Vue来实现统计输出用户输入信息及重复次数,出现的问题是所显示的输入信息列表并不是按输入先后的顺序来排列的,效果不是很理想,现在我们来做进一步修改。1 思路出现所显示的输入信息列
0 前言在 Vue学习笔记16:纯JavaScript和Vue分实现统计输出用户输入信息及重复次数(上)_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们使用纯JavaScript实现了统计输出用户输入信息及重复次数。现在我们尝试用Vue 来实现,其过程要比纯JavaScript实现复杂。1 思路跟使用纯JavaScrip
0 前言 在 Vue学习笔记15:不用v-if指令解决数据更新后的页面刷新问题_PurpleEndurer@5lcto的技术博客_51CTO博客 中, 我们提出了改进的一个方向:对用户输入的信息做进一步的统计和分析并输出。下面,我们就来尝试实现统计输出用户输入信息及重复次数。我们先使用纯JavaScript来试试。1 思路原先我们是使用一维数组aRec来存储用户输入的信息,每个
我们使用的电脑屏幕有宽有窄,我们有时候希望文件能按照我们的屏幕宽度来调整和匹配,这时我们可以使用fold命令。
在前面的学习笔记中,我们经常使用echo命令和输出重定向来生成脚本文件或演示文件,其实Linux提供了一个可以从标准输入读取数据,并输出成文件的命令——tee。
0 前言在 Vue学习笔记14:使用v-if指令解决数据更新后的页面刷新问题_PurpleEndurer@5lcto的技术博客_51CTO博客 中, 为了在数据更新后及时刷新页面显示,我们是增加了数据成员c,并利用了v-if指令。最后的小结中我们提到,数据成员c的值和保存用户输入信息的数组aRec的内容,或者元素数量(也就是数组长度),是同步更新的,那么我们是否可以不
0 前言在 Vue学习笔记12:分别用纯JavaScript和Vue记录和显示用户输入的所有信息(上)_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们用Vue来记录和显示用户输入的所有信息的功能,遇到了一个问题,就是代码运行时却慢了一拍,当用户输入第n+1一次的信息后,才会显示之前的n次信息。 换而言之,就是页面信息更新不够及时,如何解决这个问题呢?1&nbs
0 前言在 Vue学习笔记11:分别用纯JavaScript和Vue实现显示系统默认值及用户输入数据更新的实时视图显示_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们分别使用纯JavaScript和Vue实现了显示系统默认值及用户输入数据更新的实时视图显示的功能。其实我们只显示了用户最后一次输入的信息。如果我们想记录和显示用户输入的所有信息,分别用纯
0 前言在 Vue学习笔记12:分别用纯JavaScript和Vue记录和显示用户输入的所有信息(上)_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们提出分别用纯JavaScript和Vue来实现记录和显示用户输入的所有信息的功能。并且先用Vue来进行实现。现在我们用纯JavaScript来实现,再就两种实现方法进行对比。1 实现思路和技术要点其实用
0 前言在 Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们分别用纯JavaScript和Vue实现了 数据更新的实时视图显示。如果我们希望实现更多的功能,在文本输入框下面显示两段文字信息:第一段显示系统默认的信息。第二段显示用户第n次输入的信息。那么用纯Java
在DOS或Windows中,我们可以使用time命令来查看或修改系统时间。但是在Linux中,time命令的功能却与DOS或Windows迥然不同。
0 前言在 Vue学习笔记9:用HTML COM进一步优化Vue学习笔记7的代码_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们改造 函数showFruit的代码时使用了两个传入参数。我们再换了一个思路,是否能不用显式的传入参数呢?我们以 Vue学习笔记9:用HTML COM进一步优化Vue学习笔记7的代码_
0 前言在 Vue学习笔记8:解决Vue学习笔记7中用v-for指令渲染列表遇到两个问题_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们通过使用Vue的v-for指令,让 用户可选水果列表 和 显示用户选定水果列表 这两个水果列表的网页元素描述代码都得到了大幅度的精简 ,在小结时提出可以进一步优化 函数showFruit
0 前言在 Vue学习笔记7:使用v-for指令渲染列表_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们使用Vue的v-for指令来改造代码,两个水果列表的网页元素描述代码都得到了大幅度的精简,代码变得更清晰,更便于维护。 与此同时,这次改造也引出了两个新的问题:1.用户选定水果列表中的水果名称没有保留之前设定的颜色,全部以黑色来显示,不够亮丽醒目。2.当用户选定喜欢的
0 前言在 Vue学习笔记6:分别使用纯JavaScript和Vue的v-if 指令来有条件地渲染网页元素_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们直接使用了<>来显示用户选择的水果名称列表。当我们增加一种新的水果时,需要手动增加<P>代码来显示新的水果名称。如果要增加的水果很多时,这个工作就费时费力了。在在Vue中,提供了v-for指令,
0 前言 在 完善JavaScript代码,给水果随机赋色 _PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们使用系统随机数来生成随机的颜色代码来赋予用户输入的水果 ,增加了网页的视觉效果和灵动性。同时我们也提出了另一种给水果有序赋色的方法:添加一个颜色数组来存放一些预定义好的颜色,然后按照水果在列表的顺序依次赋予颜色,当颜色使用到数组的
0 前言 在 用HTML DOM实现有条件地渲染网页元素(下)_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们通过改进代码,增加了新的功能,允许用户把自己喜欢的水果追加到待选水果列表,赋予用户更多的选择。但是新功能还是美中不足的,系统内置的选定水果名称列表中,不同的水果具有不同的颜色,但是用户自己添加的水果,只能默认为黑色显示。这在添加多个水果时,
0 前言在 用HTML DOM实现有条件地渲染网页元素(上)_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我使用HTML DOM完成了对原有代码的改造。现在我们要赋予用户更多的选择,比如允许用户输入自己喜欢的水果名称,并添加到水果名称列表中。1 改进代码我们将在用HTML DOM实现有条件地渲染网页元素(上)_PurpleEndurer@5l
0 前言在 关于Vue学习笔记6中纯JavaScript实现的改进优化1_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们提到了两个进一步优化的方向,其中一个方面是把表示水果的选项信息存在一个数组里,通过JavaScript输出<li>元素描述代码给用户进行选择,这个我们已经在关于Vue学习笔记6中纯JavaScript实现的改进优化2_
之前我们分别介绍了用于文件和目录归档的tar和cpio命令,为了缩小归档文件的体积,我们还可以使用压缩软件对归档文件进行压缩。在
0 引言在Linux shell编程学习笔记80:gzip命令——让文件瘦身中,我们使用gzip命令可以创建压缩文件。那么,我们可以使用zcat命令来查看压缩文件的内容。1 zcat 的功能,帮助信息,格式,选项和参数说明1.1 zcat 的功能在Linux中,cat命令常用于显示常规文本文件的内容.zcat命令则是针对压缩文件的cat命令版本,全称为“concate
在中我们研究了who命令。who命令可以用来查看系统上次启动的时间、登录用户的列表以及系统当前的运行级别。如果我们还想查看知道每个用户执行任务的情况,可以使用w命令。
0 前言在 关于Vue学习笔记6中纯JavaScript实现的改进优化1_PurpleEndurer@5lcto的技术博客_51CTO博客 中,我们提到了一个进一步优化的方向,把表示水果的选项信息存在一个数组里,通过JavaScript输出<li>元素描述代码给用户进行选择。现在我们就来实现这种改进。1 提取信息来定义数组我们显示用户选择水果的信息中,主要包括三项内
0 前言在 Vue学习笔记6:分别使用纯JavaScript和Vue的v-if 指令来有条件地渲染网页元素_PurpleEndurer@5lcto的技术博客_51CTO博客的纯JavaScript实现有条件地渲染网页元素中,我们列举了苹果、桔子和葡萄3种水果,并使用3个<p>...</p>来对应,在实现显示用户选择的水果的showFruit函数中,我们利用id把3
0 缘起有时我们的网页需要根据需要用户的选择展示不同的页面元素。例如:<p>你喜欢哪种水果?</p> <p> <label> <input type="radio" value="苹果" name="fruit" /> 苹果 </label> </p> <p> <label>
0 前言在Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示_PurpleEndurer@5lcto的技术博客_51CTO博客 的开篇,我们分别使用 <input type="text" oninput="showMsg(this.value)" />和应用EventTarget.addEventListener() 方法将
0 前言Vue 的核心功能是声明式渲染,这让我们可以对 HTML 中的内容发生变化时进行响应式地自动更新。 响应式状态可以使用 Vue 的API ref() 或 reactive() 来声明。在Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示_PurpleEndurer@5lcto的技术博客_51CTO博客中我们已经使用了API ref() 来
0 前言在页面中,要实现数据更新的视图实时显示,纯JavaScrip需要手动编写代码来处理数据和视图之间的更新。而Vue提供了数据绑定的能力,使得数据和视图保持同步。我们通过一个实例来体验两者的差别。我们设计一个页面,在页面里提供一个文本框,用户可以在文本框输入内容,然后我们在文本框下方通过<span>把用户输入的内容显示出来。<p style="font-size:18pt;
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号