- 博客(18)
- 收藏
- 关注
RSS订阅
原创 1.一些DOM操作元素案例
DOM案例 鼠标点击显示当前时间： 需求描述：当我们点击了按钮， div里面的文字会动态发生变化 显示当前的时间 用来实现的元素：innerText改变元素内容 +封装一个获取日期函数** 代码： <body> <button>显示当前系统时间</button> <div>某个时间</div> <p&g...
2020-04-14 15:10:41
415
原创 用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
241
原创 Ajax请求基本封装
Ajax 封装 问题：发送一次请求代码过多，发送多次请求代码冗余且重复。 解决方案：将请求代码封装到函数中，发请求时调用函数即可。 考虑三方面：1.请求方式 2.请求地址 3.请求结果的处理 ajax({ type: 'get',//请求类型 url: 'http://www.example.com', success: function (data) { //...
2020-05-01 15:58:07
747
原创 个人同步异步理解
同步异步概述： 同步： 一个人同一时间只能做一件事情，只有一件事情做完，才能做另外一件事情。 落实到代码中，就是上一行代码执行完成后，才能执行下一行代码，即代码逐行执行。 异步： 一个人一件事情做了一半，转而去做其他事情，当其他事情做完以后，再回过头来继续做之前未完成的事情。 落实到代码上，就是异步代码虽然需要花费时间去执行，但程序不会等待异步代码执行完成后再继续执行后续代码，而是直接执行后...
2020-04-28 15:02:32
224
原创 Ajax的错误处理+低版本 IE 浏览器的缓存问题
Ajax 错误处理： 网络畅通，服务器端能接收到请求，服务器端返回的结果不是预期结果。 可以判断服务器端返回的状态码，分别进行处理。xhr.status 获取http状态码 网络畅通，服务器端没有接收到请求，返回404状态码。 检查请求地址是否错误。 网络畅通，服务器端能接收到请求，服务器端返回500状态码。 服务器端错误，找后端程序员进行沟通。 网络中断，请求无法发送到服务器端。 会触发xhr...
2020-04-28 14:13:06
241
原创 Ajax获取服务器端响应数据的两种方式
方式一：onload xhr.onload = function (){ console.log(xhr.responseText); } 方式二： Ajax状态码： 在创建ajax对象，配置ajax对象，发送请求，以及接收完服务器端响应数据，这个过程中的每一个步骤都会对应一个数值，这个数值就是ajax状态码。 5个状态码 0：请求未初始化(还没有调用ope...
2020-04-28 10:50:57
2756
原创 原生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
376
原创 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
1330
原创 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
1243
原创 一.常规的页面搭建布局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
239
原创 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
382
原创 7.元素偏移量笔记
**1.1. **元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离 父元素的位置（带有定位父元素） 如果没有定位 则以 body 为准 获得元素自身的大小（宽度高度） 注意：返回的数值都不带单位 <style> ...
2020-04-17 15:46:08
351
原创 6.定时器+BOM+同步异步API
1.2.5. 定时器（两种） window 对象给我们提供了 2 个非常好用的方法-定时器。 setTimeout() setInterval() setTimeout() 炸弹定时器 开启定时器 普通函数是按照代码顺序直接调用。 简单理解： 回调，就是回头调用的意思。上一件事干完，再回头再调用这个函数。 例如：定时器中的调用函数，事件处理函数，也是回调函数。 以前我们讲的...
2020-04-17 14:45:31
202
原创 5.常用的键盘事件笔记
1.1. 常用的键盘事件 1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) ...
2020-04-17 13:55:05
380
原创 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
157
原创 3.节点概述和案例笔记
1.6. 节点操作 1.6.1. 节点概述 定义：网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。 注意：HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。 一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue...
2020-04-16 15:43:53
384
原创 2.排他思想案例
1.1. 排他操作案例 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 也可以理解成 1 2 3 4个小朋友 每个人给了一个糖 然后点击3号小朋友 把她的糖拿过来 <body> <...
2020-04-14 16:21:28
1248
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人