- 博客(11)
- 收藏
- 关注
RSS订阅
原创 实现日期倒计时效果
一、效果展示当我们输入一个未来的具体日期，程序会计算距离未来日期的时间并显示在屏幕上：图一 图一二、实现过程2.1核心思想1、获取未来日期的时间毫秒数-当前系统时间的毫秒数通过公式换算成对应的天、小时、分钟、秒2、获取未来日期的毫秒数，通过日期对象中的getTime(未来日期)来获取到未来日期的毫秒数3、获取当前日期的毫秒数，通...
2022-03-21 10:05:08
976
原创 jQuery基础知识
jQuery介绍：jQuery是一个快速、简洁的JavaScript库，其设计宗旨是“write less，do more”，倡导用更少的代码，做更多的事情目前有大量开源的js框架, 但是我们为什么还是选择jQuery呢？一方面是jquery非常的流行且好用,另外jquery提供了大量的扩展二、特点1.jQuery是一个轻量级的脚本，其代码非常小巧2.语法简洁易懂，学习速度快，文档丰富3.支持CSS1~CSS3定义的属性和选择器4.跨浏览器，支持的浏览器包括IE6~IE11和FireF
2022-05-09 15:45:26
726
1
原创 Js实现简易倒计时
效果展示当我们输入任意秒数后系统将会进行倒计时，当倒计时结束后弹出提示框提示倒计时结束。例如图1，图2显示；图1图2二、实现过程2.1核心思想运用输入框来获取用户输入的秒数 运用间隔性定时器来完成倒计时效果...
2022-04-24 11:04:56
785
原创 用js判断是否是闰年
一、效果展示当我们输入一个日期，程序会计算该日期是否是闰年：二、实现过程2.1核心思想1、利用parseInt(prompt())把输入的年份转换数值2、利用else if 来else if 输入的年份是否是闰年三、代码展示1、parseInt(prompt())2、else if 判断...
2022-04-10 20:35:35
1922
原创 正则表达式判断邮箱是否正确
一、效果展示当我们输入账号和密码后，系统会判断邮箱账号的格式是否正确以及是否输入的是否是正确的邮箱账号，如果输入的邮箱账号是正确的浏览将会弹出验证成功，欢迎登入例如图一。如果输入的账号是不正确的浏览将会弹出你输入的邮箱账号不正确例如图二：图一图二二、实现过程2.1核心思想1、用正则表达来判断邮箱是否正确2、用else of 来判断邮箱格式以及是否正确三、代码展示1、获取元素2、元素布局3、正则表达式4、else of 判..
2022-03-31 08:25:40
2947
原创 JavaScript对象
对象的简介1.Object对象：Object类型，我们也称为一个对象。是JavaScript中的引用数据类型。 它是一种复合值，它将很多值聚合到一起，可以通过名字访问这些值 对象也可以看做是属性的无序集合，每个属性都是一个键/值对。 对象除了可以创建自有属性，还可以通过从一个名为原型的对象那里 继承属性。 除了字符串、数字、true、false、null和undefined、Symbol 之外，JS中的值 都是对象在对象中可以存储多个不同数据类型的属性，对象的分类：内建对象、宿主对象、自定义对象
2022-03-08 14:56:31
446
原创 JavaScript基础知识
一、字面量与变量字面量是一些不可改变的值，如“1、2、3”。字面量都是可以直接用的值，但是我们一般不直接使用字面量 变量是可以用来保存字面量，变量可以随意改变的，变量更加方便我们使用，所以在开发中都是通过变量来保存字面量。 变量的声明：var a =12.二、数据类型在JavaScript中数据类型就是自面量的类型。 在ES5中数据类型一共有6种。 字符串 数值 布尔 空值 未定义 对象这6种 字符串：在js中字符串是用引号包裹起来的。使用单双引号都可以，但最好别混用。 数值：在JS中
2022-03-08 08:26:07
312
原创 JavaScript鼠标点击事件
鼠标事件指通过鼠标触发事件, 类似用户的行为:Onclick：当单击鼠标时运行脚本Ondblclick：当双击鼠标时运行脚本Onmousedown:当按下鼠标按钮时运行脚本onmousemove:当鼠标指针移动时运行脚本 Onmouseout:当鼠标指针移出元素时运行脚本 Onmouseover:当鼠标指针移至元素之上时运行脚本Onmouseup:当松开鼠标按钮时运行脚本 Onmousewhee;当转动鼠标滚轮时运行脚本 ...
2021-12-19 20:15:51
4513
原创 Js在浏览器中显示时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2021-12-08 14:54:24
759
原创 boostrap组件
Bootstrap 来自Twitter（推特），是目前最受欢迎的前端框架。Bootstrap 是基于HTML，css，JavaScript的，它简洁灵活，使得web开发更加快速。框架：顾名思义就是一套架构，它有一套比较完整的网页功能解决方案，而且控制权在框架本身，有预制的样式库，组件和插件。使用者要按照框架所规定的某种规范进行开发。这是我所学到的用CSS基础，所以我要分享给你们，希望可以帮助到你们。组件一：警告提示框(Alert)警告框组件通过提供一些灵活的预定义消息，为常见的用户动作提
2021-11-28 20:14:14
464
原创 Flex布局
flex布局是一种新的布局方案，通过为修改父div的display属性，让父元素成为一个flex容器，从而可以自由的操作容器中子元素(项目)的排列方式。例如我们让多个div横向排列，传统做法是使用浮动，但浮空后因为脱离文档流的缘故，父元素会失去高度，这又涉及了清除浮动等一系列的问题。而flex布局相对简单很多，修改父元素display:flex，你会发现div自动就排列成了一行，而且没有浮动之后的副作用，从回流角度考虑，flex的性能更优于float；随着浏览器不断兼容以及旧版本的淘汰，flex布局
2021-11-16 10:29:47
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人