- 博客(23)
- 收藏
- 关注
RSS订阅原创 对象、类的继承
//演示ES5对象继承的方法 //手机 父级构造函数 functionPhone(brand, price) { this.brand= brand this.price= price } Phone.prototype.call= function() { console.log("我可以打电话") } //智能...
2022-05-29 09:04:57
221
原创 Symbol相关知识点
//ES6 引用了一种新的原始数据类型 Symbol，表示独一无二的值 //它是javascript语言第七种数据类型，是一种类似于字符串的数据类型 //Symbol特点 //1、symbol的值是唯一的，用来解决命名冲突的问题 //2、symbol值不能与其他数据进行运算 //3、symbol 定义对象属性不能对对象使用for... in循环遍历，但是可以使用 //refilct.ownKey获取对...
2022-05-18 14:57:19
360
原创 set数组的创建和应用
//声明一个set对象 lets= newSet(); letpizza= newSet(['one', 'two', 'three', 'four', 'five', 'six']) //console.log(pizza) //显示元素个数 size console.log(pizza.size)//6 //添加新元素 add() pizza.add('seve...
2022-05-08 16:10:11
1315
原创 模块化语法
/*模块化是将一个大程序文夹，拆分成许多小文件，然后将小文件组合起来 1、防止命名冲突 2、代码复用 :把功能代码封装成一个文件，对外暴露一些想要的数据接口，对代码有个重复利用的效果 3、高级维护 *//*模块化语法 模块功能主要由两个命令构成：export 和import .export 命令用于规定模块的对外接口 .import命令用于输出气态模块提...
2022-04-28 09:14:25
260
原创 箭头函数的实践
<divid="ab"></div>/*需求，点击div 2s 后变成pink*/写法一 letad= document.getElementById("ad") ad.addEventListener("click", function() { //let _this = this//this是指div //console.log(_this) ...
2022-04-18 16:33:49
176
原创 箭头的函数
//ES6允许使用【箭头】(=>)定义函数简化前 // let fn = function () { //}简化后 letfn1= (a, b) =>{ returna+ b; } //调用函数 letresult= fn1(1, 2) console.log(result)1、在箭头函数中 this是静态的 ...
2022-04-10 17:02:12
82
原创 jQuery电影排行榜
今天我所做的是一个简单的电影排行榜。首先我先构造电影排行榜的基本框架！其次是css样式的书写！最后的功能实现是靠导入的官方的jQuery插件！最后的效果是，当你鼠标移动到电影名称的时候该电影的简介介绍会展示出来！...
2022-03-29 08:45:42
1097
原创 用jquery实现无限滚动
先构建代码框架随便放几张图片进去,效果如下图所示!次而构建CSS样式代码最后引入jQuery文件，再用jQuery实现无限滚动的效果！
2022-03-20 20:33:51
1301
原创 jQuery事件冒泡
开始前，我就想问几个问题。什么是事件冒泡 如何阻止事件冒泡先看代码图、设置两个盒子，用一个盒子包着另一个盒子，外边的盒子我给它红色、里边的盒子我给它蓝色，用jQuery赋予两个盒子点击事件当你点击外边的盒子时，提示框会弹出“fanther”如下图当你点击里边的盒子时。提示框会依次弹出“son”和“fanther”。如果子元素和父元素同时注册了点击事件或其他事件，在子元素响应事件的时候父元素也会跟着响应事件，这就是事件的冒泡，事件冒泡就是事...
2022-03-09 19:42:33
2438
原创 用jQuery制作对联广告
HTML的页面创建就不谈了，我直接讲解我制作对联广告的思路。 首先在<body>标签里创建两个用<img>标签，用来放置图片。为了最后的效果能得到展示，在<img>标签下面尽可能的加多一点<br>标签。然后就是css样式的编写，让两张图片一左一右显示，最后再把两张图片隐藏起来。最后就是JS功能的编写。代码写好后就能看看我们编写代码在浏览器的输出。注意看最右边的浏览条的位置...
2021-08-09 08:32:15
252
原创 制作悬浮气球
不会创建HTML页面的朋友，可以翻看我的上一篇文章。首先建立一个div盒子，再预设接下来气球所需要的css样式功能用JS获取div标签的id，然后用for循环创建元素在加载到页面上下面是效果展示。...
2021-07-28 14:38:36
349
原创 九九乘法表
上代码！不会创建HTML页面的朋友，可以翻看我的上一篇文章。首先建立一个div盒子在同级下再建一个i标签，然后就给它们设置一下样式之后就是让它们呈阶梯显像在页面上
2021-07-19 08:44:34
84
原创 设置遥控方块
我现用的是Adobe Dreamweaver CC 2019，首先我们先创建HTML页面打开软件后，左上角会很多字体，我们找到文件二字，再找到新建二字， 点击即可跳转到创建页面，直接点击创建即可，简单布置一下页面注意：直接在HTML书写css样式需要用style标签括起来下面就是功能的书写啦注意：直接在HTML书写JS功能时需要用script标签括起来成品展示...
2021-07-15 08:58:08
134
原创 2021-06-28
用JS做时钟我现用的是Adobe Dreamweaver CC 2019，首先我们先创建HTML页面打开软件后，左上角会很多字体，我们找到文件二字，再找到新建二字， 点击即可跳转到创建页面，直接点击创建即可，简单布置一下页面，再来就是css样式的编写剩下的就是JS功能的编写为了方便理解我写了一些解释好了，代码块这就写完了，下面就是HTML展示。...
2021-06-28 10:10:11
66
原创 2021-06-20
我现用的是Adobe Dreamweaver CC 2019，首先我们先创建HTML页面打开软件后，左上角会很多字体，我们找到文件二字，再找到新建二字， 点击即可跳转到创建页面，直接点击创建即可，然后我们就引入jQuery插件，没有插件的朋友可以到官方下载。布局HTML，为了后期能明显的看到效果我们多写几行代码然后在写css样式，因本人是直接在HTML中写css样式，所以用了<style>标签括起来！接着就是赋予它功能，最后的效果展
2021-06-20 16:46:53
71
原创 用jQuery做下拉菜单
首先我们要引入官网的jQuery插件，没有的可以上官网下载一个。然后在构建折叠菜单代码的基本框架li标签的内容我们可以复制粘贴成多份，情况如下！搞完这些还不行，代码没样式会显得杂乱无序，所以我们再给它们设置样式。注意：如果你要在HTML文档中编写需要用“style”标签括起来。这样我们的折叠菜单的基本框架就搭建好了，下面就是要赋予它一些功能。注意：如果你要在HTML文档中编写需要用“script”标签括起来。到此折叠菜单的代码就此完成，让我们来...
2021-06-08 11:00:55
562
原创 2021-05-30
用jQuery做折叠菜单首先我们要引入官网的jQuery插件，没有的可以上官网下载一个。然后在构建折叠菜单代码的基本框架li标签的内容我们可以复制粘贴成多份，情况如下！搞完这些还不行，代码没样式会显得杂乱无序，所以我们再给它们设置样式。由于代码过长的原因，这里我将会放置两张css样式编写图注意：如果你要在HTML文档中编写需要用“style”标签括起来。这样我们的折叠菜单的基本框架就搭建好了，下面就是要赋予它一些功能。注意：如果你要在HTML文档中编写需..
2021-05-30 14:49:19
62
原创 2021-05-18
用jQuery做TAB选项卡本章内容将会教你怎么做TAB选项卡，下面将展示我的代码和我的见解！首先我们要引入jQuery插件，没有插件的朋友可以到jQuery官网拿。如下图 其次便是HTML的布局如下图 然后就是css样式的代码块如下图 在然后就是jQuery的代码块图中写入了我对jQuery代码的见解！ 但这样做出来的TAB选项卡有一个bug，那就是当你鼠标移出TAB选项卡后，图片内容便会消失不见。如下图情况。 那有啥可以解决这一问题呢？我们可以这样.
2021-05-18 10:46:39
48
原创 2021-05-08
JavaScript 用法HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。<script> 标签如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。<sc.
2021-05-08 08:28:16
199
1
原创 2021-04-29
我对JavaScript语言认知JavaScript的标准官方名称为MCMA-262，也可简称为JS，是一种脚本语言，也是一种轻量级的编程语言，更是世界上最流行的编程语言。这门语言可用于HTML和wed，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。提示：JavaScript与Java是两种完全不同的语言，无论在概念还是设计上。 Java(由Sun发明)是更复杂的编程语言JavaScript可实现的作用1写入HTML输入：如下图编程代码 ...
2021-04-29 08:53:59
152
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人