- 博客(18)
- 收藏
- 关注
RSS订阅
原创 1.一些DOM操作元素案例
DOM案例鼠标点击显示当前时间：需求描述：当我们点击了按钮， div里面的文字会动态发生变化 显示当前的时间用来实现的元素：innerText改变元素内容 +封装一个获取日期函数**代码：<body> <button>显示当前系统时间</button> <div>某个时间</div> <p&g...
2020-04-14 15:10:41
375
原创 用jQuery封装ajax的笔记总结
$.ajax()$.ajax()方法概述：$.ajax({ type: 'get', url: 'http://www.example.com', data: { name: 'zhangsan', age: '20' }, contentType: 'application/x-www-form-urlencoded', //允许在请求...
2020-05-01 21:47:44
219
原创 Ajax请求基本封装
Ajax 封装问题：发送一次请求代码过多，发送多次请求代码冗余且重复。解决方案：将请求代码封装到函数中，发请求时调用函数即可。考虑三方面：1.请求方式 2.请求地址 3.请求结果的处理ajax({ type: 'get',//请求类型 url: 'http://www.example.com', success: function (data) { //...
2020-05-01 15:58:07
710
原创 个人同步异步理解
同步异步概述：同步：一个人同一时间只能做一件事情，只有一件事情做完，才能做另外一件事情。落实到代码中，就是上一行代码执行完成后，才能执行下一行代码，即代码逐行执行。异步：一个人一件事情做了一半，转而去做其他事情，当其他事情做完以后，再回过头来继续做之前未完成的事情。落实到代码上，就是异步代码虽然需要花费时间去执行，但程序不会等待异步代码执行完成后再继续执行后续代码，而是直接执行后...
2020-04-28 15:02:32
202
原创 Ajax的错误处理+低版本 IE 浏览器的缓存问题
Ajax 错误处理：网络畅通，服务器端能接收到请求，服务器端返回的结果不是预期结果。可以判断服务器端返回的状态码，分别进行处理。xhr.status 获取http状态码网络畅通，服务器端没有接收到请求，返回404状态码。检查请求地址是否错误。网络畅通，服务器端能接收到请求，服务器端返回500状态码。服务器端错误，找后端程序员进行沟通。网络中断，请求无法发送到服务器端。会触发xhr...
2020-04-28 14:13:06
210
原创 Ajax获取服务器端响应数据的两种方式
方式一：onload xhr.onload = function (){ console.log(xhr.responseText); }方式二：Ajax状态码：在创建ajax对象，配置ajax对象，发送请求，以及接收完服务器端响应数据，这个过程中的每一个步骤都会对应一个数值，这个数值就是ajax状态码。5个状态码0：请求未初始化(还没有调用ope...
2020-04-28 10:50:57
2611
原创 原生ajax发送get/post请求（服务器为node+express环境）
原生ajax发送get请求参数：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <p> <input type...
2020-04-27 21:10:44
348
原创 ajax显示列表案例一：
ajax显示列表案例 （利用mock接口测试）代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2020-04-24 17:41:24
1280
原创 2.用layui搭建简单后台页面
HTML部分（一些具体的看官方文档）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/layui.css"&g...
2020-04-19 22:06:41
1183
原创 一.常规的页面搭建布局part1
header+main+footer<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> header{ heigh...
2020-04-19 15:16:15
194
原创 8.用js写轮播图
index部分：外部css引入页面布局 <!-- 引入css 初始化的css 文件 --> <link rel="stylesheet" href="css/base.css"> <!-- 引入公共样式的css 文件 --> <link rel="stylesheet" href="css/common.css">...
2020-04-17 21:02:45
359
原创 7.元素偏移量笔记
**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离 父元素的位置（带有定位父元素） 如果没有定位 则以 body 为准获得元素自身的大小（宽度高度）注意：返回的数值都不带单位<style> ...
2020-04-17 15:46:08
321
原创 6.定时器+BOM+同步异步API
1.2.5. 定时器（两种）window 对象给我们提供了 2 个非常好用的方法-定时器。setTimeout()setInterval()setTimeout() 炸弹定时器开启定时器普通函数是按照代码顺序直接调用。简单理解： 回调，就是回头调用的意思。上一件事干完，再回头再调用这个函数。例如：定时器中的调用函数，事件处理函数，也是回调函数。以前我们讲的...
2020-04-17 14:45:31
177
原创 5.常用的键盘事件笔记
1.1. 常用的键盘事件1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) ...
2020-04-17 13:55:05
337
原创 4.dom高级事件笔记总结
标题注册事件：两种方式传统注册：1.<button onclick= "alert('hi')"></button> 2.btn.onclick = function(){}监听注册的方式IE9以上：注册对象.addEventListener（type,Listener [, useCapture]）eventTarget.addEventListener()...
2020-04-16 22:05:01
138
原创 3.节点概述和案例笔记
1.6. 节点操作1.6.1. 节点概述 定义：网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。 注意：HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。 一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue...
2020-04-16 15:43:53
350
原创 2.排他思想案例
1.1. 排他操作案例1.1.1 排他思想如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己也可以理解成 1 2 3 4个小朋友 每个人给了一个糖 然后点击3号小朋友 把她的糖拿过来<body> <...
2020-04-14 16:21:28
1202
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人