- 博客(24)
- 收藏
- 关注
RSS订阅原创 提交表单~
.1提交表单 表单是通过用户点击提交按钮或图片按钮的方式提交的。提交按钮可以使用 type 属性为"submit" 的<input>或<button>元素来定义，图片按钮可以使用 type 属性为"image"的<input>元素来定义。 点击下面例子中定义的所有按钮都可以提交它们所在的表单： <!-- 通用提交按钮--> <input type="submit" value="Submit Form"> <!--..
2022-08-09 08:09:58
1654
原创 集合引用类型
1、严格相等ECMAScript 提供了 3 个严格相等的搜索方法：indexOf()、lastIndexOf()和 includes()。其 中，前两个方法在所有版本中都可用，而第三个方法是 ECMAScript 7 新增的。这些方法都接收两个参 数：要查找的元素和一个可选的起始搜索位置。indexOf()和 includes()方法从数组前头（第一项） 开始向后搜索，而 lastIndexOf()从数组末尾（最后一项）开始向前搜索。indexOf()和 lastIndexOf()都返回要查找的.
2022-05-29 09:31:30
54
原创 JavaScript
1.JavaScript运算符的优先级JS中的优先级就跟我们数学中的优先级一样，比如在数学中:先乘除 再加减 有括号先算括号里面的算术操作符 → (关系运算符)比较操作符 → 逻辑操作符 → "="赋值符号(+,-,*,/,++,--,%) (<,>,==,===,<=,>=,!=) (&&,||,!) (=,+=,-=,..)2.JavaScript流程控制语句什么是流程？程序中的三种基本流程结构：...
2022-05-19 17:03:39
81
原创 JS知识点
知识点罗列：字面量、变量、标识符2. JavaScript的6种数据类型：基本数据类型：String 字符串类型 Number数值类型 Boolean 布尔类型Null 空值类型 Undefined 未定义类型引用数据类型：Object 对象类型3.JavaScript数据的强制类型转换主要是将其他数据类型转换为String Number Boolean。①将其他的数据类型转换为String类型方法一：- 调用被转换数据类型的toString()方法- ..
2022-05-14 10:12:48
65
原创 提交的表单
.1提交表单 表单是通过用户点击提交按钮或图片按钮的方式提交的。提交按钮可以使用 type 属性为"submit" 的<input>或<button>元素来定义，图片按钮可以使用 type 属性为"image"的<input>元素来定义。 点击下面例子中定义的所有按钮都可以提交它们所在的表单： <!-- 通用提交按钮--> <input type="submit" value="Submit Form"> <!--..
2022-04-28 19:37:02
118
原创 JS知识点
知识点罗列：1.字面量、变量、标识符2.JavaScript的6种数据类型：基本数据类型：String 字符串类型Number数值类型Boolean 布尔类型Null 空值类型Undefined 未定义类型引用数据类型：Object 对象类型3.JavaScript数据的强制类型转换主要是将其他数据类型转换为String Number Boolean。①将其他的数据类型转换为String类型方法一：- 调用被转换数据类型的toString()方法-...
2022-04-19 08:28:42
56
原创 JS重点知识点
知识点罗列：字面量、变量、标识符2. JavaScript的6种数据类型：基本数据类型：String字符串类型Number数值类型Boolean 布尔类型Null 空值类型Undefined 未定义类型引用数据类型：Object对象类型3.JavaScript数据的强制类型转换主要是将其他数据类型转换为StringNumber Boolean。①将其他的数据类型转换为String类型方法一：- 调用被转换数据类型的toString()方...
2022-04-10 09:27:31
173
原创 JavaScript知识点
1、算数运算符：+ 加 可以对两个值进行加法运算，如果是两个字符串则进行字符串拼接任何值和字符串做加法运算，都会先转为字符串，然后再和字符串做拼接操作也可以通过"+"完成隐式转换。- 减可以对两个值进行减法运算，并返回运算结果* 乘可以对两个值进行乘法运算，并返回运算结果/ 除可以对两个值进行除法运算，并返回运算结果% 取模取模运算(取余数)++ 自增-- 自减2、关系运算符：> 大于>= 大于等于<.
2022-03-27 16:24:51
51
原创 JavaScript概念
top 的应用 P id=“article”currentStyle 该属性只有IE支持 其他浏览器都不支持current Style[属性名] detcurrentSty 显示式 元素div:befor after 为元素 一般都传nullelement.offsetLeft 当前元素对应其定位元素的水平偏量element.scrollLeft 可以获得滚动的距离常用节点四类文档节点：整个HTML文档元素节点: HTML 文档中的HTLM标签中的内容属性节点：元素的属性
2022-03-20 14:34:43
55
原创 删除应用的操作步骤
1、先打开我们的VS，然后创建相对应的文件、添加好控制器。2、创建好控制器后就成为下面这个样子了。3、当成为这个样子后，我们再点击鼠标右键，然后点击添加视图（如果你提前添加好了就忽略此步骤直接点击转到视图即可）。4、点击添加或转到视图后就直接跳转到我们熟悉的div页面了。5、我们把提前准备好的页面内容粘贴上去，这样子到页面打开就会显示你做的画面了（要把相关的CSS放的代码中）。6、我们再把相关的JS拉到相关的页面。...
2022-03-13 14:43:09
250
原创 Layui模块规范
1、layui 通过 use 方法加载模块。当你的 JS 需要用到 layui 模块的时候，且避免到处写 layui.use() 的麻烦。你应该在最外层如此定义：2、layui 的模块对象会绑定在 layui 对象下，内部由 layui.define() 方法来完成。每个模块都有一个特定命名，且无法被占用。所以你无需担心模块的空间被污染，除非你主动 delete layui['模块名']。调用模块可通过 layui.use() 来实现，再通过 layui 对象获得模块对象。如：3..
2021-08-08 08:16:48
447
原创 Layui面板
说起面板相信大家都很陌生，但面板离我们日常做的页面非常接近也经常使用； 首先在VS中创建页面然后添加视图进入跟DW基本一样的HTML页面； 卡片面板：卡片式面板面板通常用于非白色背景色的主体内从而映衬出边框投影，结合 layui 的栅格系统轻松实现响应式布局； 4、折叠面板；通过对内容元素设置class为layui-show来选择性初始展开某一个面板，element 模块会自动呈现状态图标；5、折叠面板它是一个隐藏的文本，它只显示单单一个标题，然后标题隐藏了所有，...
2021-07-27 15:02:11
951
原创 Layui实现轮播
layui它可以给我们实现的东西有很多，它也可以为我们少写很多的代码； 这次我要给大家分享的是用layui来实现轮播； 首先打开VS创建新项目进去后再创建控制器然后添加视图成功后那个页面跟DW的基本一样； 4、用到VS后一般都是用压缩后的CSS文件，直接拉进CSS文件就好了；5、下面我就简单的用DIV来表示图片；6、5个“条目”就代表5个图片吧，这样简单的，你也可以设置img那样的；7、还有就是要用JS来显示轮播效果了；8、JS我们也...
2021-07-17 14:36:13
2004
原创 Layui布局的使用
1、现在任何的页面都离不开页面的布局，页面的布局直接影响到整个页面的效果，一个好的页面布局可以让人看了印象深刻；2、接下来就聊聊怎么的页面布局才更好的让人牢牢的记住；3、首先，打开layui的链接找到布局那个（如下图）；4、打开后会看到有很多布局栅格布局规则、响应式规则、响应式公共类、布局容器等等；5、栅格布局规则，它主要为了丰富网页布局，简化 HTML/CSS 代码的耦合，并提升多终端的适配能力，layui 在 2.0 的版本中引进了自己的一套具备响应式能力的栅格系统；
2021-07-07 08:40:01
1053
原创 Layui的使用
关于layui的使用，我们可以去浏览器打开layui（网站：doc.html 建议谷歌浏览器打开）； 进入页面后是这样的（如下图） 3、打开后会发现顶部和左边都有很多选择项；4、先从左边的开始使用开始，点击后会显示出一系列文字解释还有代码；5、这些代码我们平时做网页或项目的时候要用得到的可以直接复制去代码页面；6、还有左边页面元素的布局，这个主要是讲解关于页面的布局问题，它里面也有介绍布局要注意的还有布局样式；7、还有最重要的颜色，颜色看似很简单但好的..
2021-06-28 10:53:39
482
原创 DW 小框框的移动
接下来我展示一个可以随便移动的小框框；首先还是跟上次一样在DW中创建一个文件把用到的放里面； 接下来我们就可以创建HTML了，这次的随便移动小框框不用写div都可以； 下面就开始设计一下小框框的大小吧，框框的任何外形之类的可以根据自己的爱好设计我就简简单单设计一个；设计好小框框后我们可以去浏览器打开看到形状了；小框框设计好后，它还是一个不会动的，这就要用到JS了； 我们把Js应用到小框框让它可以随便移动；我们设计的是每移动一次就是20个像素（也可以根据...
2021-06-17 08:25:12
1011
原创 DW简易版时间器
接下来我给大家展示一个简易时间器，首先老样子在Dw中创建HTML。 然后自己创建一个文件用来装HTML的相应数据。 进入HTML界面，然后在<body></body>之间写入时间器的相应文字（根据个人爱好写，没有限定）。时间器字样设置好后，开始设置外表；外框、背景、颜色、大小等等都可以根据自己的爱好设置； 外表跟内部字样都设置好后时间器还是一个不会动的状态，这时候就需要我们用到Javascript也是最重要之一；在设置JS中也可以自己设置一些特色，例如时...
2021-06-08 08:20:37
711
1
原创 DW简易版计算器
1.同样是先打开DW创建HTML；2.写入计算器HTML代码；3.设置输入框框的大小；4.创建Javascript同时获取Javascript所用到的HTML的ID；5.Javascript写入计算器解析计算代码；6.来看看效果吧；这些都是DW、Javascript中所学的；...
2021-05-26 19:52:05
1187
1
原创 DW聊天框等引用说明
打开DW创建HTML文档。 写入聊天框的HTML代码（如图一）。 3.设置框框外表等（如图二）；4.在CSS中设置框框的样式颜色外表（如图三）；5.Javascript控制框框聊天也是聊天框最关键的（如图四）；6.一起来看看效果图吧（如图五）以上这些都是我在DW中所学到的希望对你们有所帮助；...
2021-05-17 15:29:32
215
原创 2021-05-07
创建一个文件夹把轮播所有的图片放进去； 打开DW点击文件、新建； 创建HTML、CSS、JavaScript （每点击一个都要点创建） 进入写代码页面。 写入HTML代码（把图片加载进HTML）。 写入CSS代码（设置图片样式、每次轮播多） 在浏览器打开（刷新它就可以自动轮播了）。 ...
2021-05-07 19:11:27
45
原创 DW改变盒子颜色边框等引用说明
注意看“青色”箭头按步骤走1、 点击 DW软件，进入界面点击左上角“文件”2、点击“新建”3、点击“HTML”然后再点击“创建”4、点击“CSS”然后再点击“创建”5、点击“JavaScript”然后再点击“创建”6、添加第四步创建的CSS。7、在<body>之间写HTML元素。8、在HTML元素后添加第五步的JavaScript。9、在CS...
2021-04-29 14:40:11
2480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人