![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 72
掌握JavaScript,记录JavaScript生涯
ZzzWClock
有规划的人生叫蓝图,没有规划的人生叫拼图
展开
-
PHP:使用定界符输出九格宫表格,颜色各异,每个小格子宽高50px ,用php实现具有简单功能的计算器
PHP:使用定界符输出九格宫表格,颜色各异,每个小格子宽高50px 用php实现具有简单功能的计算器一.使用定界符输出九格宫表格,颜色各异,每个小格子宽高50px代码块<?php//输出颜色不一样的九宫格//随机颜色for ($i=0; $i <3 ; $i++){ $td=""; for ($a=0; $a < 3; $a++){ $r = mt_rand(0,255); $g = mt_rand(0,255);原创 2021-06-29 12:37:22 · 264 阅读 · 1 评论 -
PHP:变量的类型转换方式,变量值传递与值引用的区别,变量作用域和魔术常量
PHP:变量的类型转换方式,变量值传递与值引用的区别,变量作用域,魔术常量一.变量/常量命名①变量命名仅允许使用: 英文字母(a-z,A-Z),数字(0-9),下划线(\_)或他们的组合不允许使用数字开头必须使用"$"美元符为前缀严格区分大小写驼峰命名法②常量命名define(): 函数const: 关键字作为前缀通常,常量都用大写字母表示二.变量的类型转换方式转换方式函数临时转换(int),(string),(array),(object)…自原创 2021-06-29 12:36:52 · 130 阅读 · 0 评论 -
PHP:实例演示PHP模块加载和JavaScript和PHP中for/forEach两种语言不一样遍历数组的区别
PHP:实例演示JavaScript和PHP中for/forEach两种语言不一样遍历数组的区别一.JavaScript:for和forEach遍历数组①for循环遍历数组②forEach遍历数组代码块<script> let box = document.querySelector(".box"); //建立一个数组 let arr = ["宝马", "奔驰", "奥迪", "雷克萨斯"]; //用forEach遍历数组原创 2021-06-29 12:36:17 · 88 阅读 · 0 评论 -
JavaScript:鼠标事件,动态创建导航下拉列表
JavaScript:鼠标事件,动态创建导航下拉列表鼠标事件含义onmouseout鼠标移出onmouseover鼠标移入代码块,可看注释<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> &原创 2021-06-21 17:57:17 · 150 阅读 · 0 评论 -
JavaScript:数学对象,随机生成数字验证码并且随机添加字体颜色
JavaScript:数学对象,随机生成数字验证码并且随机添加字体颜色一.方法方法含义Math.floor()向下取整Math.celi()向上取整Math.random()随机生成0-1的数值二.随机生成数字验证码并且随机添加字体颜色三.代码块,可看注释<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> &l原创 2021-06-21 17:56:38 · 272 阅读 · 0 评论 -
JavaScript:时间对象,实例演示右下角广告图
JavaScript:时间对象,实例演示右下角广告图一.时间对象实例方法含义new Date()获取时间getDate()获取日数getMonth()获取月份getFullYear()获取年份getHours()获取小时getMinutes()获取分钟数getSeconds()获取秒数getDay()获取星期几代码块<!DOCTYPE html><html lang="en"> <原创 2021-06-21 17:55:55 · 83 阅读 · 0 评论 -
jQuery:常用dom和事件操作,jQuery中的$.ajax方法,Vue基本术语与插值语法实例演示
jQuery:常用dom和事件操作,jQuery中的$.ajax方法,Vue基本术语与插值语法实例演示jQuery:常用dom操作方法含义append()在父元素上调用,添加到子元素的最后面prepend()在父元素上调用,添加到子元素的最前面appendTo()在子元素上调用,添加到最后面prependTo()在子元素上调用,添加到最前面eq(从0开始计数)选着任意的子元素next()下一个兄弟prev()前一个兄弟inste原创 2021-06-20 18:01:26 · 228 阅读 · 0 评论 -
jQuery:常用 jQuery方法,$()的四种类型参数,jQuery对象转js对象方法实例
jQuery:常用 jQuery方法,$()的四种类型参数,jQuery对象转js对象方法实列 前言:什么是jQuery?jQuery 是一个快速、小型且功能丰富的 JavaScript 库。它使像HTML文档穿越和操作,事件处理,动画和Ajax的东西简单得多,一个易于使用的API,适用于许多浏览器。jQuery 结合了多功能性和可扩展性,改变了数百万人编写 JavaScript 的方式。如导入jQuery?搜索 jQuery cdn 用里面的cdn方式导入<script原创 2021-06-20 18:00:44 · 1082 阅读 · 0 评论 -
JavaScript: 购物车全选自动计算金额和取消全选清零金额
JavaScript: 购物车全选自动计算金额和取消全选清零金额代码块<script> //首先完成购物车的全选按钮和单个按钮进行绑定 //拿到全选按钮 let checkAll = document.querySelector("check-all"); //拿到单个按钮组 单个按钮只有name属性 所以用getElementsByName去拿 let checkItem = document.getElementsByName原创 2021-06-20 17:58:55 · 970 阅读 · 0 评论 -
JavaScript:1.图片懒加载演示;2.轮播图为翻页按钮添加功能;
JavaScript:1.懒加载演示;2.轮播图为翻页按钮添加功能;一.图片懒加载演示关于高度代码视口高度clientHeight滚动高度scrollTop距离父级高度offsetTop <script> //首先拿到所有的图片 const img = document.querySelectorAll(".box img"); //然后拿到视口高度 const clientHeight = doc原创 2021-06-20 17:58:15 · 244 阅读 · 0 评论 -
JavaScript:演示Ajax的get和post请求,练习选顶卡和换肤案例
JavaScript:演示Ajax的get和post请求,练习选顶卡和换肤案例Ajax 异步请求特别提示: 异步请求不要使用live server插件,必须创建一个本地服务器环境同步与异步以前端请求,后端响应为例同步: 前端发请求, 必须等到后端响应完成,才允许发送另一个请求异步: 前端发请求后不等待后端响应结果继续执行,后端响应完成通过事件通知前端处理XMLHttpRequest 对象XMLHttpRequest是浏览器对象,而非 JS 内置对象2.1 xhr 请求步骤原创 2021-06-19 23:05:22 · 304 阅读 · 3 评论 -
JavaScript:留言板添加字数实时统计与禁止超出功能,部分字符串和数组方法功能使用
留言板添加字数实时统计与禁止超出功能,部分字符串和数组方法功能使用1.字符串方法方法含义concat()字符串拼装slice()取子串,可以正负数取数trim()删除字符串两边的空白字符split()将字符打散成数组①concat字符串拼装②slice取子串③trim删除空白字符可以看到空格也算一个字符串,我们用trim方法删除/过滤掉空白字符串看看长度可以看到trim过滤掉了空白字符串,只剩下两个实体字符串了④split将字符打散原创 2021-06-19 23:04:41 · 627 阅读 · 0 评论 -
JavaScript:实例演示dom元素的增删改查操作
实例演示dom元素的增删改查操作1.类数组类数组类似数组,长得像数组,但它又不是数组,它有两个特征1.有length索引2.有递增的整数索引下面让我们来看看什么是类数组,请看下图大家可以看到,用document.querySelectorAll方法访问超链接和li都是一个类数组①先模拟一个类数组然后用 Array.from()方法把类数组转换成一个真正的数组,再用push()在尾部追加一个成员代码块 <body> <di原创 2021-06-19 23:04:06 · 258 阅读 · 0 评论 -
JavaScript:作用域和闭包,构造函数类与类的继承
javascript:作用域和闭包,类与类的继承1.作用域ES6中三种作用域含义全局作用域再全局也就是外部声明的变量或者常量函数作用域再函数内部声明的变量或者常量块级作用域再()/{}里面声明的变量或者常量①全局作用域全局作用域声明变量或者常量再函数内部可以直接引用②函数作用域大家可以看到,再函数里面声明的变量,在外部不能直接使用,浏览器会显示此数据未定义,这个就是函数作用域,如果我们想访问到里面的内容要创建一个高阶函数来获取它的值。高阶原创 2021-06-19 23:03:22 · 106 阅读 · 0 评论 -
JavaScript:实例ES6演示数组,对象,传参解构; 实例演示访问器属性的get,set操作
实例演示数组,对象,传参解构; 实例演示访问器属性的get,set操作1.数组解构①基本数组解构方式②ES6数组解构方式大家可以看到ES6的数组解构方式变得很简洁,没有之前版本的解构反思那么多行代码,新ES6解构添加了两个[][]方括号,等号左右边[][]里面的内容数量必须一致。2.对象解构①基本对象解构方式②ES6对象解构方式大家可以看到,ES6对象解构方式和数组解构方式差不多类似,但是再等号的左边{}一定要用()包住否则会报错,全部用()也可以的。3.参数解构①数组参原创 2021-06-19 00:11:42 · 388 阅读 · 2 评论 -
JavaScript:引入方式/变量与常量声明/函数与高阶函数/归并参数/箭头函数的语法/立即执行函数的语法
javascript:引入方式/变量与常量声明/函数与高阶函数/归并参数/箭头函数的语法/立即执行函数的语法1.引入方式方式元素含义行内脚本onclick事件属性内部脚本script将js代码写在这对标签中,建议位置放在前面外部脚本script src""在src中输入外部的js文件路径,引入外部脚本,效果和css外部样式一样①行内脚本<!DOCTYPE html><html lang="en"> <head>原创 2021-06-18 15:09:21 · 176 阅读 · 0 评论