WebAPI
关注
分享
扫一扫
文章平均质量分 71
海海呐
这个作者很懒，什么都没留下…
展开
-
WebApi入门第十二章（原生轮播图 ）（完结）
效果图完整思路介绍 第一步：完成轮播图事件的添加 ：用一个全局遍历index记录当前需要展示的图片的索引 （1）鼠标移入移出事件：当鼠标移入轮播图时显示左右两边上一页下一页按钮，移出时隐藏 （2）上一页下一页按钮点击事件 点击下一页:index++ 点击上一页:index-- （3）页码点击事件 第二步：完成上一页和下一页 （1）点击移动之前给ul添加边界检测：否则点击.....原创 2021-08-24 21:28:28 · 216 阅读 · 0 评论 -
WebApi入门第十一章（定时器作用及语法）
1.offset属性家族：获取元素真实的宽高和位置 offsetWidth、offsetHeight、offsetParent、offsetLeft、offsetTop 2.之前学习的通过style属性获取宽高的特点 1.只能获取行内的宽高 2.获取到的值是一个string类型，并且带px 3.获取到的只有宽高，不包含padding、border（总结就是行内写的是什么，获取的就是什么） 4.既可以读取，也可以设置 ..原创 2021-08-23 21:38:50 · 595 阅读 · 0 评论 -
WebApi入门第十章（本地存储 localstorage与sessionstorage）
1.localstorage1.localStorage:本地存储将数据存储到浏览器2.语法存： localStorage.setItem('属性名','属性值')取： localStorage.getItem('属性名')删： localStorage.removeItem('属性名')清空： localStorage.clear()3.注意点a.存储的数据只能是字符串类型。如果是其他数据类型则会自动调用toString()方法转成字符串b.永久存储。除非自己删，否原创 2021-08-22 20:17:33 · 299 阅读 · 0 评论 -
WebApi入门第九章（BOM浏览器对象模型）
1.BOM与DOM介绍 JavaScript语言由三部分组成 ECMAJavaScript：定义了js的语法规范 Dom：document object model文档对象模型：一个HTML文档中所有的一切都是dom对象 * Dom定义了一套操作HTML文档的API（节点的增删改查） Bom：Browser object model浏览器对象模型 例如：一个浏览器的窗口就是一个window对象 * Bom定义了一套操作浏览器窗口的API原创 2021-08-21 22:01:17 · 219 阅读 · 0 评论 -
WebApi入门第八章（模拟百度搜索框 ）
需求：需求1：用户输入关键字，我们想办法获取到用户输入的关键字，然后去“服务器”数组匹配：匹配成功，将词条显示在输入框下面需求2：鼠标移入变色，移出变回去需求3：点击li，将li的数据放到输入框中，不再提示需求4：用户任意输入一个不存在的关键字点击search的时候就将数据保存起来下次就有这个词条服务器数据：["海海","海海有女朋友吗","海海是谁","广东人","广东人爱吃","广东人爱吃什么","广东人什么都吃","小米","小米雷军","小米手机......原创 2021-08-20 21:36:39 · 246 阅读 · 0 评论 -
WebApi入门第七章（dom增删改页面元素）
1.创建元素三种方式介绍 1.document.write() 可能会覆盖原本内容 解析字符串识别标签 2.innerHTML：创建元素过多时（100以内可以忽略），会损耗性能 解析字符串识别标签 直接赋值 元素.innerHTML 会替换原本内容，如果不想替换使用 += 拼接 3.document.createElement() (dom推荐方式) 动态创建一个dom对象（空标签，需要自己设置属性）在内存中 ......原创 2021-08-19 21:07:54 · 216 阅读 · 0 评论 -
WebApi入门第六章（ DOM节点 ）
1.DOM节点介绍 1.什么是节点：在HTML文档中，一切皆节点（HTML文档本身、标签、属性、注释内容、文本） 2.什么是元素：元素在HTML中叫做标签，在JS的dom对象中称为元素（可以理解为标签的面向对象的叫法） 3.HTML标签属于节点的一种，叫做元素节点 4.节点三要素： 节点类型：标签、属性、注释、文本，nodeType 节点名称：p、div、class（属性名），nodeName 节点的值：one（属性的值），nod原创 2021-08-18 21:17:42 · 177 阅读 · 0 评论 -
WebApi入门第五章（attribute语法学习 ）
标签元素属性: （1）行内标准属性：input.id（针对行内） （2）行内自定义属性：开发追加的，html自己不能使用 （3）js动态添加属性：可以是行内属性（系统自带的），或者自定义属性 （4）行外属性 1.attribute方式 1.获取属性：元素.getAttribute ( "id" ) ==== 行内属性（元素.id） 如果是类型直接使用class，无需使用className，因为这种方式用的是..原创 2021-08-17 21:01:43 · 612 阅读 · 0 评论 -
WebApi入门第四章（多选框小练习 ）
需求分析：切入点：交互 1.点击上方选择框：让下方选择框列表的checked值与自身保持一致 2.点击下方选择框列表：判断上方选择框列表状态 选中：所有的选择框checked值都是true 未选中：只要有一个选择框checked值是false效果图完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp.原创 2021-08-16 21:11:34 · 299 阅读 · 0 评论 -
WebApi入门第三章（事件介绍及注册事件 ）
开关灯完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> &原创 2021-08-15 21:17:57 · 467 阅读 · 0 评论 -
WebApi入门第二章（获取操作页面元素）
1.获取页面元素 css语言如何获取页面元素？ 通过选择器 id选择器 : #id名 类选择器: .类名 标签选择器:标签名 子代选择器:ul>li 后代选择器:ul li js语言如何获取元素页面元素？ 也是通过选择器 代码部分首先写出一组ul li 然后通过document.querySelector获取输出结果...原创 2021-08-14 17:58:29 · 913 阅读 · 0 评论 -
WebApi入门第一章（WebApi介绍）
本文部分内容参考官方文档1.WebAPI概念介绍 API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。 任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log()) WebAPI概念 浏览器提供的一套操作..原创 2021-08-13 21:16:10 · 2807 阅读 · 3 评论