随笔分类 -  web前端

1 2 下一页
JavaScript BOM对象
摘要：JavaScript BOM对象一、window对象 顾名思义window是窗口的意思，也就是浏览器的窗口，所有浏览器都支持window对象，因此所有的JavaScript全局对象，函数，变量都是window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 子对象： 属性： 方法： 二、locatio 阅读全文
posted @ 2023-11-18 12:09 guozhengyuan 阅读(62) 评论(0) 推荐(0) 编辑
JavaScript事件
摘要：JavaScript事件 一、 JavaScript事件 在前端中，页面的每次交互和特效都是一个事件，其中任何一个html元素都是一个事件源，一个很事件源可以添加多个事件。 二、 事件中的event对象 只要发生一个事件就会产生一个event事件，event代表事件的状态 1、event事件常见的属性和状态 2、阻止默认事件 阅读全文
posted @ 2023-11-18 09:52 guozhengyuan 阅读(57) 评论(0) 推荐(0) 编辑
JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历
摘要：JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历一、创建Date对象 var dateObj=new Date(); var now = Date.now() 当前时间 二、Date方法 1、将日期转为字符串 toLocaleString() toLocaleDateString() toLocaleTimeString() 2、获取年、月、日、 阅读全文
posted @ 2023-11-13 08:18 guozhengyuan 阅读(135) 评论(0) 推荐(0) 编辑
JavaScript string对象（属性，方法）获取图片后缀案例 输入和输出结果转换形式案例
摘要：JavaScript string对象（属性，方法）获取图片后缀案例 输入和输出结果转换形式案例一、创建string对象 var strOb = new String("abcefg"); var strOb = String("abcefg"); var strOb = "abcefg"; 二、属性 length (字符串长度) var str = 'hello'; console.log( 阅读全文
posted @ 2023-11-07 08:55 guozhengyuan 阅读(127) 评论(0) 推荐(0) 编辑
JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例
摘要：JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例一、变量的生命周期 JavaScript 变量的生命期从它们被声明的时间开始。 局部变量会在函数运行以后被删除。 全局变量会在页面关闭后被删除。 二、自执行函数 执行函数通常都是定义之后立即执行，以后都不再会调用，所以声明时可以省略函数名，因此自执行函数又叫匿名函数。 通用的自执行函数方式有两种： 阅读全文
posted @ 2023-11-04 15:25 guozhengyuan 阅读(181) 评论(0) 推荐(0) 编辑
JavaScript Array对象（属性、方法） 留言板案例
摘要：JavaScript Array对象（属性、方法） 留言板案例一、创建数组对象的方式 var arrOb=new Array(值,........) var arrOb=Array(值,.......) var arrOb=[值,.........] var arrOb=new Array(n); arrOb[0]=值1; arrOb[1]=值2; 二、数组的 阅读全文
posted @ 2023-11-04 11:02 guozhengyuan 阅读(44) 评论(0) 推荐(0) 编辑
JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析
摘要：JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析一、函数及函数的构造 函数是一个可重用的代码块，用来完成某个特定功能。每当需要反复执行一段代码时，可以利用函数来避免重复书写相同代码。 函数包含着的代码只能在函数被调用时才会执行，就可以避免页面载入时执行该脚本 简单来说就是一个封装,封装的是一个特定的功能,重复使用 函数的三种定义方法： Funct 阅读全文
posted @ 2023-11-04 08:22 guozhengyuan 阅读(105) 评论(0) 推荐(0) 编辑
JavaScript 其他循环语句和跳转语句
摘要：JavaScript 其他循环语句和跳转语句一、while语句 While 循环会在指定条件为真时循环执行代码块。 While循环，先进行条件判断，再执行循环体的代码 while (条件表达式){ 循环体 } 如果条件不满足，则不会执行循环体，一次都不会 案例： var i= 1; while(i<=10){ console.log(i); 阅读全文
posted @ 2023-11-03 19:00 guozhengyuan 阅读(49) 评论(0) 推荐(0) 编辑
JavaScript for循环语句的特殊案例，用代码解决数学中的问题
摘要：JavaScript for循环语句的特殊案例，用代码解决数学中的问题案例一: 一百个和尚分一百个馒头，大和尚一人分三个，小和尚三人分一个，正好分完。问大、小和尚各几人？ var num = 100; var people = 100; var big,small; for(big=0;big<=33;big++){ small=people-big; if(big* 阅读全文
posted @ 2023-11-03 08:23 guozhengyuan 阅读(51) 评论(0) 推荐(0) 编辑
JavaScript for循环控制语句
摘要：JavaScript for循环控制语句1、什么是for循环 在JavaScript中，for循环是一种常用的控制流语句，用于重复执行一段代码指定的次数。 for (循环变量初始化表达式; 循环条件表达式; 更新循环变量表达式) { 循环体} 初始化表达式：只在循环开始时执行一次，通常用于初始化循环控制变量。 条件表达式：每次循环开始前都 阅读全文
posted @ 2023-11-02 08:23 guozhengyuan 阅读(84) 评论(0) 推荐(0) 编辑
JavaScript条件判断if 语句
摘要：JavaScript条件判断if 语句一、if语句的分支 分类：单分支，双分支，多分支，分支嵌套 ()中可以是一个值，也可以是一个表达式 // 单分支 if (条件表达式){ 代码段 } // 双分支 if (条件表达式) { 代码段1 }else { 代码段2 } // 多分支 if (条件表达式1){ 代码段1 } else if 阅读全文
posted @ 2023-11-01 10:15 guozhengyuan 阅读(105) 评论(0) 推荐(0) 编辑
JavaScript运算符及优先级
摘要：JavaScript运算符及优先级一、算数运算符 算术运算符（+，-， *，/，%【重要】，++【重要】，--） 其中 + 的左边和右边有 " ", 表示拼接 i++，表示先赋值后+1 ++i ，表示先+1后赋值 同理减法也是如此 算数运算中，+ 可以进行隐式迭代，将字符串数字转化为Number类型 alert(typeof(+'5 阅读全文
posted @ 2023-10-31 08:18 guozhengyuan 阅读(76) 评论(0) 推荐(0) 编辑
JavaScript数据类型的转换
摘要：JavaScript数据类型的转换一、字符串类型的转换 1、自动转换 <script> var str = 'hello'; var num = 100; console.log(str+num); console.log(typeof (str+num)); </script> 2、强制转换 String（），object.toS 阅读全文
posted @ 2023-10-30 15:21 guozhengyuan 阅读(73) 评论(0) 推荐(0) 编辑
JavaScript的基础语法和数据类型
摘要：JavaScript的基础语法和数据类型一、什么是JavaScript JavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言 二、JavaScript的三种引入方式 1、引入.js后缀的文件，注意一般外部引入js的文件，放在b 阅读全文
posted @ 2023-10-26 19:52 guozhengyuan 阅读(82) 评论(0) 推荐(0) 编辑
web前端html+css页面内容的六种隐藏方式
摘要：web前端html+css页面内容的六种隐藏方式一、使用透明度 语法：opacity:0 注意：元素消失，但是还会占据空间，只是视觉看不出来 <style> .box{ width: 100px; height: 100px; background-color: aquamarine; opacity: 0; }</style><div clas 阅读全文
posted @ 2023-10-16 09:23 guozhengyuan 阅读(298) 评论(0) 推荐(0) 编辑
css伪类和伪元素
摘要：css伪类和伪元素一、伪类说明 定义：伪类⽤于向某些选择器添加特殊的效果 超链接（a标签）伪类：a标签我们在日常工作和学习中用的很多，我们只知道默认状态下为蓝色，但是a标签其实有四种状态。 1、未访问前为蓝色（如果a标签使用不是蓝色而是紫色，那么近期访问过该网站，需要去浏览器删除近期记录） a:link 2、鼠标按着 阅读全文
posted @ 2023-10-12 10:18 guozhengyuan 阅读(143) 评论(0) 推荐(0) 编辑
css样式对单行和多行文本的隐藏
摘要：css样式对单行和多行文本的隐藏在我们日常的网页中，尤其是新闻类的网页会遇到许多类似于这样的样式 多行甚至单行的文本隐藏+上省略号标题。 解决这一办法，需要利用css的样式进行改变 如下代码的演示： 单行文本隐藏: 多行文本隐藏： 主要知识点： 1、单行文本隐藏省略：文本不能换行、超出部分隐藏、超出部分省略 2、多行文本隐藏省略： 阅读全文
posted @ 2023-10-10 14:45 guozhengyuan 阅读(506) 评论(0) 推荐(0) 编辑
css字体样式
摘要：css字体样式1.font-style 设置字体样式 属性值： normal：指定⽂本字体样式为正常的字体 italic：指定⽂本字体样式为斜体。 2.文字字体 font-family 只能引用系统自带的字体样式，如果需要其他别的字体，需要从外部下载调用 引用外部字体 网站：https://font.chinaz 阅读全文
posted @ 2023-10-08 18:58 guozhengyuan 阅读(279) 评论(0) 推荐(0) 编辑
12-web前端轮播图案例 （小米商城）
摘要：12-web前端轮播图案例 （小米商城）说明： 轮播图在前端开发中是一种常见的元素，通常用于展示一系列的图片或者内容，并通过滑动或者点击的方式进行切换。使用JavaScript来实现轮播图有以下几个意义： 提升用户体验：轮播图可以在有限的空间内展示更多的内容，为用户提供更多的信息。同时，轮播图也具有较好的视觉效果，可以吸引用户的注意力。 阅读全文
posted @ 2023-09-27 09:39 guozhengyuan 阅读(459) 评论(0) 推荐(0) 编辑
11-JavaScript 逻辑条件 ，if判断 ，while循环，算数运算相关的案例演示
摘要：11-JavaScript 逻辑条件 ，if判断 ，while循环，算数运算相关的案例演示1、案例：猜数字 设置一个1-10之间的随机数，然后输入进行猜数字，猜的大了怎么样、猜的小了怎么样、猜对了怎么样 知识点：设置随机数 、if判断 、while循环 写题思路： 1.设置弹框提出问题 2.定义一个随机数0-10的数组 3.if 判断 取值的范围，在其范围内反馈的结果 4.while循环 阅读全文
posted @ 2023-09-23 10:14 guozhengyuan 阅读(127) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示