web前端
400斤的小胖砸
这个作者很懒,什么都没留下…
展开
-
鼠标的事件
一、简介鼠标是最常用的物品之一,有电脑就会有它。鼠标需要移动,可以点击。关于鼠标的事件不少,也很常用。这里就介绍一些事件。二、事件mousedown事件,鼠标按下即可发生。布局就用一个盒子和一个按钮点击黄色按钮就会显式或隐藏红色盒子mouseenter事件,鼠标进入发生动作事件。一开始的一红一黄。当鼠标移动进入让红色变黄色,与另一个同色。鼠标是截不了的。mouseleave事件,鼠标离开事件。初始是红黄色。那么当鼠标进去后,让鼠标离开时,黄色变红色。原创 2022-02-12 19:17:47 · 344 阅读 · 0 评论 -
iframe层
一、简介这里要介绍的是iframe层,iframe层在HTML里作为标签存在。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。它的作用跟<a>标签类似,都是类似跳转页面。但是又有差别,iframe层是嵌入式,不发生跳转。这里将使用到layer模块,用的是layui的弹出层。需要引用layui,在里面可以进行一些样式修改。二、layer模块要用layui的iframe层,就需要用到layui的弹出层,也就是需要加载layer模块。先是引入插件,那么接下来就是加载模块原创 2022-01-26 15:42:56 · 1211 阅读 · 0 评论 -
Layui动态表头
一、简介动态表头,就是表头单元格可变。不再是固定,不可变的。这是在渲染表格的基础上,对表头进行改变。动态表头带来的效果是很好的,更利于数据进行交互,更加的灵活。动态表头是在数据表格的基础上进行的变化,那么我们就要引入Layui进行辅助,先把数据表格做出来再进行表头的动态。二、数据表格1.引入Layui2.表格渲染三、动态表头动态表头改变的不多,也就是是表头可变而已,可以通过点击改变表头,以及改变表格数据。1.绑定重载方法。2.多个变量,多张表格,当然,只是改变了表头的数据。渲原创 2022-01-22 20:29:51 · 3629 阅读 · 1 评论 -
监听行单击事件
一、介绍这次写的是基于表格的行监听事件,这里只简单写下监听单击事件。单击事件和双击事件其实差别不大,只是单击和双击的区别。表格是用来放数据,那么就需要取数据,对数据进行操作,监听事件就是对表格数据操作的一种方法。我写了两种代码不同的单击监听事件:一种是纯脚本代码,不使用插件辅助,不包括布局;剩下的一种就使用了插件辅助的。本次主要介绍的是单击事件,使用了两种表格:静态的盒模型布局的表格;动态的数据表格。二、引入1.辅助插件和基本用法介绍这里辅助插件,用的是layui插件。2.基本用法。先引入原创 2021-12-09 11:01:05 · 520 阅读 · 1 评论 -
Layui表格渲染
一、简介表格有两种,分别是动态表格和静态表格。什么是动态表格?什么是静态表格?a) 动态、静态指的是数据,活的数据和死的数据。b) 动态表格是指数据是活的表格,数据随时都可变化。c) 静态表格就是指数据是死的,不会变化的表格。对于程序猿来说,静态表格的使用很少了,处于淘汰的边缘。而数据表格就不一样了,在前端与后端数据之间的交互中,经常用到在数据处理方面,动态数据表格较于静态数据表格具有很大优势,在大数据和互联网的现在,对数据处理需要更加的灵活,活的数据就很有必要。二、渲染准备Layui插件。原创 2021-12-09 10:53:50 · 1505 阅读 · 0 评论 -
文档对象模型
一、DOM对象1.什么是DOM?-DOM,全称Document Object Model文档对象模型。-JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲操作web页面。2.文档-文档表示的就是整个的HTML网页文档。3.对象-对象表示将网页中的每一个部分都转换为了一个对象。4.模型-使用模型来表示对象之间的关系,这样方便我们获取对象。5.节点-节点Node,是构成我们网页的最基本的组成部分,网页中的每一格部分都可以称为是一个节点。比如:html标签、属性、文本、原创 2021-07-07 19:51:09 · 387 阅读 · 0 评论 -
手动提交表单数据
一、涉及的知识关于HTTP超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。HTTP 的工作方式是客户机与服务器之间的请求-应答协议。web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端。举例:客户端(浏览器)向服务器提交 HTTP 请求;服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。HTTP请求方法:GET和POST在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET和POST。POST用于提交数据,GET用于数据原创 2021-05-01 12:43:20 · 284 阅读 · 0 评论 -
底图切换
javascript知识一、知识点讲解。1.主要的就是javascript点击事件,css设置样式进行辅助。2.css。这里就用了background复合属性,背景图片background-image。这属性主要辅助javascript进行图片切换。当然,我还用了下background-color,用来设置rgba微透明。3.javascript。一开始的加载完成事件window.onload,用上了。然后就里面写onclick点击事件。二、效果展示。原创 2021-02-19 15:03:03 · 101 阅读 · 0 评论 -
表单切换
点击切换卡片一、知识点说明1.我呢就是写一个 案例用来展示tab切换卡效果。里面涉及的主要知识有js,过渡,淡化 ,以及一些辅助属性,比如隐藏zhexie。2.css。应用了hover伪类,鼠标悬停。淡化,透明度运用过渡实现此效果。这里还用了一下类似滤镜的效果。3.js。首先获取到元素,这是第一步。然后通过删减和增加类或id实现切换并控制效果显示和隐藏。用setAttribute属性和getAttribute属性。这里呢,我还用了index来做索引。整体用了一个函数把它打包了。二、案例展示。原创 2021-02-17 15:01:58 · 203 阅读 · 1 评论 -
淡化轮播
轮播动画这次来展示我做的一个粗糙的轮播,分享下自己的成果。当然做的不是很好,有兴趣的可以拿去试试。一、知识点1.我写的这个轮播呢并不难。主要就是淡化效果、自动切换。其中切换需要记录当前位置,因此进行循环。2。淡化效果。实现轮播的淡化效果方法有很多种。我的这个方法呢,通过css改变透明度,再用js来调控。一开始透明度为零,通过删除增加id调控。这里面还用了过渡和transform属性,transform在这用来增加缩放效果。下面的是用函数通过循环删除和增加id。3.切换图片。首先用索引inde原创 2021-02-15 16:11:29 · 88 阅读 · 0 评论 -
文本框正则表达式判断进行页面跳转
文本框正则判断及跳转网页一、相关知识点 1.form表单。一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮。input标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 HTML 中, 标签没有结束标签。2.Location。window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。- location.hostname 返回 web 主机的原创 2021-02-02 15:03:39 · 612 阅读 · 0 评论