往玉-CSDN博客

原创冒泡排序（c#基础）

什么是冒泡排序冒泡排序是将一个数组中的元素按照从大到小或者从小到大的顺序进行排列在讲冒泡排序之前，先来复习一下什么是for循环和if判断。 for循环：这类循环可以执行指定的次数，并维护它自己的计数器。要定义for循环，需要下列信息：例如，如果要在循环中，使计数器从1递增到10，递增量为1，则起始值为1，条件使计数器小于或等于10，在每次循环的最后，要执行的操作是给计数器加1。这些信息必须放在for循环的结构中，如下所示：

2022-06-09 10:46:47 1698 1

原创水仙花数（C#基础）

什么是水仙花数？水仙花数指的是：这个百位数字的百位的立方加上十位的立方加上个位的立方等于当前这个百位数字，便是水仙花数并且水仙花数只存在于100到999之间。在讲水仙花数之前，先来复习一下什么是for循环和if判断。 for循环：这类循环可以执行指定的次数，并维护它自己的计数器。要定义for循环，需要下列信息：初始化计数器变量的一个起始值继续循环的条件，应涉及计数器变量在每次循环的最后，对计数器变量执行一个操作例如...

2022-05-29 16:15:51 6881 1

原创闰年判断（C#基础）

闰年判断是C#中一个最基础的题型，在此题型中主要考察运算符的使用和判断语句的使用程度，首先先来复习一下逻辑运算符和if...else判断语句。逻辑运算符：下表显示了C#支持的所有逻辑运算符，假设变量A为布尔值true，变量B为布尔值false： if语句的功能比较多，是一种有效的决策方式。与?:语句不同的是，if语句没有结果（所以不在赋值语句中使用它），使用该语法是为了根据条件执行其他语句。先执行<test>（其计算结果必须...

2022-05-18 15:05:37 2732

原创 javascript回到顶部

如图：数字从1到100，滚动后点击章鱼哥便可以回到顶部。 HTML内容不多只有一个a标签内容有一个图片和100个h1标签，但要看清楚是给它设置好了id的，当然不设置id也行但有时候对小白不太友好。为了使点击图片更加贴合整个页面所以需要给图片设置样式，比如宽度、高度为了让图片固定在右下角所以需要给图片设置固定定位并调整其位置。最后便是javascript部分，当页面发生滚动时，首先获取到滚动的高，然后返回获取...

2022-05-08 15:57:59 393

原创闭包切换图片

如图：此案例HTML代码只有一个div和三个span标签还有三个img标签，整体代码量不多，但如果粗心那也会很苦恼的。同时为了让整个案例看起来更加整洁美观，需要给span标签和img标签设置css样式，还要给span标签设置鼠标移入时的伪类，最重要的是要给img标签的display属性的属性值为none，这样才能使图片在未点击时不显示。接下来就是本篇文章的重点——JS部分页面在加...

2022-04-28 10:14:29 60

原创复选框的全选、全不选和反选

如图：整个页面内容非常少只有五个复选框和三个按钮，如果嫌复选框少的话可以自己手动增加。 HTML内容如下图，但要注意一点就是输入框的tyep属性的属性值一定要是checkbox，因为checkbox就是复选框的意思，在HTML里也是复选框，所以tyep的值一定要是checkbox，要不然它就不是一个复选框。接下来就是本篇文章的重点，JavaScript部分。按照惯例首先要获取到所有...

2022-04-19 10:55:12 4106 1

原创 JS移动显示框

效果如下图：鼠标未移入左边的框时，右边的框隐藏；鼠标移入左边的框时，右边的框显示并且鼠标在左边的框移动时，右边的框里的内容也会移动。 html部分只有三个div，非常的少，但有一句老话所谓浓缩就是精华，三个div就可以写出这个案例。首先获取到这三个div通过id获取就行了。接着计算大图和小图的距离比例。 ...

2022-04-10 11:29:29 408

原创 JS正则表达式判断邮箱

什么是正则表达式？正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。什么是test()方法？Test()方法是一个正则表达式方法。Test()方法用于检测

2022-03-28 19:34:25 4289

原创 JS_DOM文档对象模型（节点篇）

想要知道什么是节点，首先要知道什么是DOM，DOM全称Document Object Model文档对象模型，JS中通过DOM来对HTML文档进行操作。文档对象模型可以拆开三份进行理解，文档表示的就是整个HTML网页文档、对象表示的是将网页中的每一个部分都转换为了一个对象、模型表示的是使用模型来表示对象之间的关系。在文档对象模型中最重要的就是“节点”，节点(Node)是构成网页的最基本的组成部分也是构成HTML文档最基本的单元。在网页中的每一个部分都可以称为是一个节点，比如：html标签、属

2022-03-20 08:20:55 290

原创时钟小案例

时钟案例需要了解日期对象和运用日期对象，但不会太复杂，跟着小编一步一步便可以完成。（如果有不了解日期对象的小伙伴可以看一下小编之前的文章）如图：首先创建一个新的HTML文档，然后写入三个span标签，这三个span标签每一个设置了id，虽然三个id都不同，但是它们的内容是相同的都是00，因为做的是时钟案例需要在第一个span标签和第二个span标签的结束标签后加上冒号，但要注意这三个span标签是在一个div里的，而且这个div也要加上类名，这是为了方...

2022-03-08 09:43:36 274

原创留言板小案例

留言板案例，如图：首先新建一个html文件，写好我们需要的内容。一个文本域，但是这个文本域里面没有内容，然后需要提前给它设置好id以方便后面获取。一个按钮，这个按钮是很重要的，因为JS部分的内容大部分是写在它的点击事件里的，所有需要提前给它设置好id以方便后面获取。一个无序列表，这个无序列表里面是没有内容的，但它会在后面起到至关重要的作用，所有需要提前给它设置好id以方便后面获取。为了美观和效果需要给留...

2022-03-08 09:32:12 1004

原创聊天框小案例

聊天框案例简单的用到了if判断如图：首先新建一个html文件，写好我们需要的内容两个对话框，但两个对话框是在一个div里的，而这个div会起到关键的作用，因为在写js代码时要获取到它，所有需要提前给它设置好id以方便后面获取。下拉框，下拉框里有两个内容所有要写两个option，也要给两个option设置好value值，第一个是0，第二个是1.这样是为了后面更好的进行判断，当然也要给下拉框设置好id以方便后面获取。输入框和按钮也要设置id以方便后面获取。但要注意我这里的发送按钮...

2022-02-22 18:05:03 608

原创 switch判断计算器

switch...case语句与if...else的区别：if...else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。switch...case语句是基于不同的条件执行相应的代码.分支少时if else效率更高.分支多时switch效率更高如图：switch语法说明：switch必须赋初始值，值与每个case值匹配。满足执行该case后的所有语句，并用break语句来组织运行下一个case。如所以case值都不匹配，执行default.

2022-02-21 16:56:24 414

原创间隔性计时器

间隔性计时器(setlnterval())：在执行时，从载入页面后每隔指定的时间执行代码。语法：setlnterval（代码，交互时间）；参数说明：1.代码：要调用的函数或要执行的代码串。2.交互时间：周期性或要调用的表达式之间的时间间隔，以毫秒计（1s=1000ms）。返回值：一个可以传递给clearlnterval()从而取消对“代码”的周期性执行的值。调用函数格式（假设有一个clock()函数）Setlnterval(“clock()”,1000)或...

2022-02-20 17:23:51 1057

原创一次性计时器

一次性计时器：setTimeout()计时器，在载入后延迟指定时间后，去执行一次表达式，仅执行一次。语法：setTimeout(代码，延迟时间)；参数说明：1.要调用的函数或要执行的代码串。例如：setTimeout(timrn，500)；2.延时时间：在执行代码前需等待的时间，以毫秒为单位（1s=1000ms）。*递归：程序调用自身的编程技巧称为递归（recurdion），就是在运行的过程中调用自己取消计时器clearTimeout()：setTimeout()和clea.

2021-12-28 10:03:14 195

原创获取日期对象

Date日期对象：日期对象可以储存任何一个日期，并且可以精确到毫秒数。（注意：1.使用关键字new，Date()的首字母必须大写。2.Dare日期对象是一个构造函数，必须使用new来调用创建我们的日期对象使time成为日期对象，并且已有初始值：当前时间（当前电脑系统的时间））上图的函数可与Date()搭配使用（以上是本篇文章的重点，如果看不明白，请耐心的多看几遍以下是本篇文章的实例讲解，如有错误，请在评论区留言或私信作者）首先创建一个HTML文档，然后写一些.

2021-12-16 09:21:00 117

原创 if判断计算器

今天来讲一个简单的JS小案例，用if判断写一个简单的计算器。如下图：第一步，先创建一个HTML文件，在body标签下写下以下内容。（特别注意，要分清楚id和vlaue）如下图：（友情提醒，如果有看不懂计算按钮上的add()的小伙伴，可以先看一下有关JS函数的教程哦，在这里就不多讲了）第二步，为你写的HTML添加一些简单的CSS样式。如下图：...

2021-12-08 10:11:15 931

原创倾斜加阴影

今天来讲一个给图片设置倾斜加阴影的一个小案例。如下图:1.第一步，老样子先创建一个div文档，再在一个div下放置一个背景为图片的div（因为这个案例要用到的CSS样式不多，所以不需要再额外创建一个CSS，直接写在style标签下即可）。接下来是本篇文章的重点，transform属性和box-shadow属性transform属性向元素应用2D或3D转换，该属性允许我们对元素进行旋转、缩...

2021-11-28 20:00:53 383

原创手风琴菜单

1.今天来讲一个简单的手风琴效果，因为这个效果并未使用到JS，只是需要用到简单的CSS样式，所以就不做过多的讲解了。2.首先老样子先创建一个HTML文件，写入以下内容。如图：复制三份内容，注意这三份内容要在类名为menu的div中。3.然后写入一些简单的CSS样式，让效果更加直观。如图：但要注意menu和item的高度不能是固定的，如果是固定的话，会造成后续的效果显示不出。4.本篇文...

2021-11-17 10:02:49 234

原创卡牌轴心旋转

1.今天讲一个很简单的旋转效果，先建一个HTML，再写一个div然后把你要旋转的六张图片写上。因为这个旋转效果并没有用到JS，所有就不写。如下图：2.当然作为一个正经学前端的，肯定先要把基础样式写上，把类名为pkBox的div的宽高设置一下,然后再附上一个相对定位，这是一个小重点快拿你们的小本子记下，这个相对定位有什么用等会告诉你们。3.设置好了图片容器的大小接下来就是设置图片的...

2021-11-08 10:48:31 123

原创 CSS基础(三)

1.CSS组合选择符：CSS选择符它可以很直观的让你明白选择器与选择器之间的关系。为什么说是选择器与选择器之间的关系呢？因为在平时编写CSS的时候，无法正确的认识到选择器之间的关系就会造成选择器太多太乱，以至于在后面的编写中带来不小的阻力。CSS组合选择器中包含各种各样的简单选择器的组合方式。而CSS3中主要有四种组合方式：- 后代选择器（以空格分隔）- 子元素选择器（以大于号分隔）- 相邻兄弟选择器（以加号分隔）- 普通兄弟选择器（以波浪...

2021-10-28 10:18:14 59

原创 CSS基础(二)

1.定位（position）：定位属性它允许你可以将元素与元素相互重叠，甚至还可以用来完成通常需要多个表格才能完成的任务。2.定位属性如果你运用的不得当，就会导致它变得相当棘手，甚至会影响到后面的布局。3.元素也可以使用上下左右属性来定位，但是这些属性依旧无法实现，但是只要在设置这四种属性前，先设置定位属性，这个问题就会迎刃而解。当然上下左右这四种属性都有不同的实现方式，这就要取决于你用的是什么定位方法了。4.静态定位（static）：静态定位是HTML元素的默认值，也就是.

2021-10-18 09:59:39 32

原创 CSS基础(一)

1.盒模型：CSS盒模型顾名思义就是一个盒子，由于封装周围的HTML元素，它包括边距、边框、内边距（填充）、内容（从外到内）。2.盒模型它能使我们在其他元素的边框之间放置我们想要放置的元素(详细见下图)。3.盒模型中有四个部分从外到内分别是边距、边框、内边距、内容，这四个部分会在下面详细的给大家讲解。4.外边距：外边距属性用于定义边框外周围的空间，该属性接受所有的长度单位、百分数值甚至负值它也能接受。5.外边距属性可以清除周围元素的区域，就好比本来是10/10,设置了外.

2021-10-08 21:19:05 38

原创 HTML常用标签的用法(二)

1.表格：在HTML中表格是由table标签定义的，文档中有几个table标签就有几个表格2.表格的行是由tr标签定义，在表格中不限tr标签的数量也就是说表格中可以有很多的行。3.表格中有行自然也有标题行，标题行由th标签定义的，与tr标签基本相同但标题行比普通的表格行多了一个字体加粗。 4.表格中有行自然也有列，而表格中的列是由td标签定义的，与tr标签基本相同但td标签定义的是列。5.有序列表：在HTML中有序列表是由ol标签定义的，与无序列表不同的是..

2021-09-26 16:40:07 313

转载 CSS3基础语法

1：CSS3 边框border-image 边框图片。border-radius 圆角边框。box-shadow 边框阴影。2：CSS3 背景background-clip 规定背景的绘制区域。background-origin 规定背景图片的定位区域背景图片可以放置于 content-box、padding-box 或 border-box 区域。background-size 规定背景图片的尺寸。3：CSS3 文本效果text-shadow 文本阴影。

2021-09-14 08:22:42 169

转载前端常用标签与注意事项

1.onsubmit<form action="BookServlet" method="post" οnsubmit="return save(this);">配合save函数 function save(form){}2.在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。3.<tr>...</tr> 定义一行标签，一组行标签内可以建立多组由<td>或<th&...

2021-09-06 10:33:42 121

原创 HTML常用标签的用法

一、首先要了解一下什么是HTML，HTML（Hyper Text Markup Language，简称：HTML）也叫作超文本标记语言，是一种使用结构化Web网页及其内容的标记语言，HTML文档也叫做Web页面，下面就来讲讲一些HTML中常用的标签。二、<a></a>:a标签是HTML中的链接标签，用来链接页面以外的内容。a标签也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。例子：<a

2021-08-24 10:13:51 1730

原创 Ps导航栏的简略讲解（五）

一．此文章紧接Ps导航栏的简略讲解（四）链接：https://blog.csdn.net/weixin_57762552/article/details/119519182?spm=1001.2014.3001.5501二．图层：合并图形：鼠标单击合并图形后，会弹出一个选项框，选项框里的内容从上到下依次是统一形状、减去顶层形状、统一重叠处形状、减去重叠处形状。（右边的快捷键，可以更快捷地实现这个效果）三．图层：对齐：鼠标单击对齐后，会弹出一个选项框，选项框里.

2021-08-18 09:19:25 168

原创 Ps导航栏的简略讲解（四）

此文章紧接Ps导航栏的简略讲解（三）链接： https://blog.csdn.net/weixin_57762552/article/details/118265284?spm=1001.2014.3001.5501二．图层：删除：鼠标单击删除后，会弹出一个选项框，选项框里的内容从上到下依次是图层、隐藏图层。（在文字旁的是它的快捷键，使用快捷键可以快速实现这个效果）三．图层：图层样式：鼠标单击图层样式后，会弹出一个选项框，选项框里的内容从上到下依次是混合选项、斜面和浮雕、..

2021-08-08 19:22:02 248

原创 Ps导航栏的简略讲解（三）

一．此文章紧接Ps导航栏的简略讲解（二）链接：https://blog.csdn.net/weixin_57762552/article/details/117919529二．文件：导出：鼠标单击导出会弹出一个选项框，选项框的选项从上到下依次是数据组作为文件、Zoomify...、路径到lIIustrator...、渲染视频...。（在选项框的右边有快捷键，快捷键能迅速实现这个功能）三.编辑：选择性粘贴：鼠标单击选择性粘贴会弹出一个选项框，选项框的选项从上到下依次是原位粘贴、贴.

2021-06-27 08:28:35 296 1

原创 Ps导航栏的简略讲解（二）

一．此文章紧接Ps导航栏的简略讲解（一）链接：https://blog.csdn.net/weixin_57762552/article/details/117626808二．滤镜：鼠标单击滤镜后会弹出一个选项框，选项框里的内容从上到下依次是上次滤镜操作、转换为智能滤镜、滤镜库、自适应广角、镜头校正、液化、油画、消失点、风格化、模糊、扭曲、锐化、视频、像素化、渲染、杂色、其他、Digimarc、浏览联机滤镜...。快捷键请见（三）三．在一些选项的右边会标有快捷键，你可以通过快捷键进行..

2021-06-15 10:26:27 255 1

原创 Ps导航栏的简略讲解（一）

一．Ps的导航栏在整个页面的左上方，从左往右依次是文件、编辑、图像、图层、文字、选择、滤镜、视图、窗口、帮助。二．因为导航栏的内容较多，所以此文章只是简略的讲解，如想看详细的讲解关注作者即可。三．文件：点击文件后会出现一个小框，里面的内容从上往下依次是新建、打开、在Bridge中浏览、在Mini Bribge 中浏览、打开为、打开为智能对象、最近打开文件、关闭、关闭全部、关闭并转到Birdge...、存储、存储为、签入、存储为Web所用格式、恢复、置入、导入、导出、自动、脚本、文件简介、..

2021-06-06 14:36:15 1381 1

原创 Ps钢笔工具及其附属工具的用法

一．打开Ps后可以看到整个页面的最左端的工具栏，从上往下数第十五个就是钢笔工具，鼠标右键，右键之后就会出现一个小的工具栏，那就是钢笔工具的附属工具从上往下分别是钢笔工具、自由钢笔工具、添加锚点工具、删除锚点工具、转换点工具。二. 钢笔工具：首先我们先了解一下什么是钢笔工具，在Ps中钢笔工具是一种用来作图的一种工具，它不同于现实中的钢笔，现实中的钢笔是用来写字的，而Ps中的钢笔工具是一种作图的工具，因为它的上手难度比其他的工具都要高一点，所以对Ps的初学者很不友好。今天我就来讲讲钢笔工具的用..

2021-05-22 15:15:12 1622 1

原创 Ps矩形工具及其附属工具的用法

打开PS后可以看到整个页面的最左端的工具栏，从上往下数第十八个就是矩形工具，鼠标右键，右键之后就会出现一个小的工具栏，那就是矩形工具的附属工具从上往下分别是矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具、自定义形状工具。矩形工具用法其实很简单，只需要在一个页面上按住鼠标左键，进行拖动就可以构成一个矩形（必须要在一个页面上进行拖动，否则将无法构建矩形）（鼠标拖动构建矩形时，鼠标可以360°拖动），构建好矩形后选中它，然后你会发现左上角会有一个调控矩形的导航栏，在导航栏上你可以切换当前矩形.

2021-05-14 15:04:05 2200

原创 Ps裁剪工具及其附属工具的用法

一．打开PS后可以看到整个页面的最左端的工具栏，从上往下数第五个就是裁剪工具，鼠标右键，右键之后就会出现一个小的工具栏，那就是裁剪工具的附属工具从上往下分别是裁剪工具、透视裁剪工具、切片工具、切片选择工具。裁剪工具可以将图片和页面裁剪成自己想要的形状，可以裁剪掉自己不想要的部分。透视裁剪工具可以在页面建立一个网格选区，这个选区可以360°旋转也可以放大缩小进行裁剪。四．切片工具可以把一个图片或一个页面切成自己想要的块数，也可以用于把两个图片或图片分开。五...

2021-05-06 20:46:35 607

原创 Ps 吸管工具及其附属工具的用法

一．打开PS后可以看到整个页面的最左端的工具栏，从上往下数第六个就是吸管工具，鼠标右键，右键之后就会出现一个小的工具栏，那就是吸管工具的附属工具从上往下分别是吸管工具、颜色取样工具、标尺工具、注释工具。二．吸管工具并不是一个吸管，而是一个类似于取样的一个功能，它可以吸取任意页面的颜色。三．颜色取样工具在页面单击时会在页面右侧显示取样颜色的属性和信息，但最多可取样三个。四．标尺...

2021-05-06 20:33:41 1565

原创 PS污点修复画笔工具及其附属工具的用法

打开PS后可以看到整个页面的最左端的工具栏，从上往下数第七个就是污点修复工具，鼠标右键，右键之后就会出现一个小的工具栏，那就是污点修复画笔工具的附属工具从上往下分别是污点修复画壁工具、修复画笔工具、修补工具、内容感知移动工具、红眼工具。污点修复画笔工具顾名思义就是用来修复污点的画笔工具，可以用来处理比较明显的污点，更进一步的处理需要用其他的工具和功能进行辅助。修复画笔工具可以按ALT的时候点击面部比较干净自然的地方，然后...

2021-05-06 18:29:22 1456

原创 Axure RP 8动态面板的用法

Axure RP8动态面板的用法Axure RP 8中与移动有关的动效一般都离不开动态面板，一般地动态面板的用法分为两种，一种是先把动态面板先拖出然后在面板里进行原型的设计，设计完之后再在面板上进行动效的设计。另一种就是在所有的原型设计好了之后再转换为动态面板进行动效的设计。新人上路，大神勿喷。...

2021-04-28 17:15:26 188

空空如也

空空如也