#秃头小牛
这个作者很懒,什么都没留下…
展开
-
js阻止浏览器默认行为
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-02-21 17:11:33 · 336 阅读 · 0 评论 -
js 事件类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-02-18 19:46:14 · 283 阅读 · 0 评论 -
获取页面的dom元素
获取页面的DOM元素 分为两种情况 1.获取非常规标签 2.获取常规标签 一.获取非常规标签 html 语法:document.documentElement head 语法:document.head body 语法:document.body 二.获取常规标签 1.通过id获取 ...原创 2022-02-17 21:18:43 · 646 阅读 · 0 评论 -
input密码可见切换
button { background-color: pink; border-radius: 10px; } input { border-radius: 10px; height: 20px; } <input type="password"> <button>显示密码</button&g...原创 2022-02-17 20:20:02 · 1065 阅读 · 0 评论 -
js创建节点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-02-17 16:57:25 · 695 阅读 · 0 评论 -
浏览器本地存储
本地存储 长期存储: localStorage 除非手动删除,否者就一直保存在浏览器中 保存: setItem 语法: window.localStorage.setItem('名称', 值) 注意: 只能保存字符串类型,不能是其它数据类型 获取: getItem 语法: window.localStorage.getItem('名称')...原创 2022-02-16 16:14:59 · 108 阅读 · 0 评论 -
js浏览器中的事件
浏览器中的事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t.原创 2022-02-14 20:07:16 · 197 阅读 · 0 评论 -
js定时器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2022-02-14 18:54:18 · 67 阅读 · 0 评论 -
json的两个方法
<script> /* json的两个方法 */ // 1. 把js数据格式转换为json字符串格式 var obj = { name:'jack', age:'18', gender:'男'} var res = JSON.stringify(obj) console.log(res)// {"name":"jack","age":"18","gender":...原创 2022-02-14 11:02:48 · 387 阅读 · 0 评论 -
js数组去重
数组去重方案一:var arr = [ 10, 20, 20, 10, 30, 20, 10, 20, 40, 30, 60, 50, 20 ]console.log('原始数组 : ', arr)// 方案一,数组去重,需要解决数组塌陷// 1.先把数组排序arr.sort(function (a, b){ return a -b })console.log('排序之后:' arr)// 2.循环遍历数组,判断挨着的两个是不是一样,如果一样 删除一个for (var i =原创 2022-02-09 19:00:42 · 382 阅读 · 0 评论 -
ajax、axios、fetch的区别
(1)AJAX Ajax 即“AsynchronousJavascriptAndXML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。它是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。其缺点如下:本身是针对MVC编程,不符合前端MVVM的浪潮 .原创 2021-09-17 09:57:44 · 438 阅读 · 0 评论 -
for...in和for...of的区别
for...in和for...of的区别:for…of 是ES6新增的遍历方式,允许遍历一个含有iterator接口的数据结构(数组、对象等)并且返回各项的值,和ES3中的for…in的区别如下for…of 遍历获取的是对象的键值,for…in 获取的是对象的键名; for… in 会遍历对象的整个原型链,性能非常差不推荐使用,而 for … of 只遍历当前对象不会遍历原型链; 对于数组的遍历,for…in 会返回数组中所有可枚举的属性(包括原型链上可枚举的属性),for…of 只返回数...原创 2021-09-17 09:52:43 · 318 阅读 · 0 评论 -
对AJAX的理解,实现一个AJAX请求
AJAX是 Asynchronous JavaScript and XML 的缩写,指的是通过 JavaScript 的 异步通信,从服务器获取 XML 文档从中提取数据,再更新当前网页的对应部分,而不用刷新整个网页。创建AJAX请求的步骤:创建一个 XMLHttpRequest 对象。 在这个对象上使用 open 方法创建一个 HTTP 请求,open 方法所需要的参数是请求的方法、请求的地址、是否异步和用户的认证信息。 在发起请求前,可以为这个对象添加一些信息和监听函数。比如说可以通过 s.原创 2021-09-17 09:38:44 · 316 阅读 · 0 评论 -
什么是 DOM 和 BOM?
什么是 DOM 和 BOM?DOM 指的是文档对象模型,它指的是把文档当做一个对象,这个对象主要定义了处理网页内容的方法和接口。 BOM 指的是浏览器对象模型,它指的是把浏览器当做一个对象来对待,这个对象主要定义了与浏览器进行交互的法和接口...原创 2021-09-17 09:34:44 · 649 阅读 · 0 评论 -
数组有哪些原生方法?
数组有哪些原生方法?数组和字符串的转换方法:toString()、toLocalString()、join() 其中 join() 方法可以指定转换为字符串时的分隔符。 数组尾部操作的方法 pop() 和 push(),push 方法可以传入多个参数。 数组首部操作的方法 shift() 和 unshift() 重排序的方法 reverse() 和 sort(),sort() 方法可以传入一个函数来进行比较,传入前后两个值,如果返回值为正数,则交换两个参数的位置。 数组连接的方法 concat..原创 2021-09-17 09:27:55 · 828 阅读 · 0 评论 -
对JSON的理解
JSON 是一种基于文本的轻量级的数据交换格式。它可以被任何的编程语言读取和作为数据格式来传递。在项目开发中,使用 JSON 作为前后端数据交换的方式。在前端通过将一个符合 JSON 格式的数据结构序列化为 JSON 字符串,然后将它传递到后端,后端通过 JSON 格式的字符串解析后生成对应的数据结构,以此来实现前后端数据的一个传递。因为 JSON 的语法是基于 js 的,因此很容易将 JSON 和 js 中的对象弄混,但是应该注意的是 JSON 和 js 中的对象不是一回事,JSON 中对象格式.原创 2021-09-17 09:23:10 · 218 阅读 · 0 评论 -
new操作符的执行过程
new操作符的实现原理new操作符的执行过程:(1)首先创建了一个新的空对象(2)设置原型,将对象的原型设置为函数的 prototype 对象。(3)让函数的 this 指向这个对象,执行构造函数的代码(为这个新对象添加属性)(4)判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象。具体实现:function objectFactory() { let newObject = null; let constructor = Ar..原创 2021-09-17 09:05:25 · 2205 阅读 · 0 评论 -
let、const、var的区别
原创 2021-09-17 08:45:48 · 70 阅读 · 0 评论 -
vue2的数据双向绑定实现原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2021-09-08 23:21:52 · 81 阅读 · 0 评论 -
原型对象(原型链)
原创 2021-09-05 20:20:33 · 79 阅读 · 0 评论 -
构造函数的执行流程? this的指向情况?
原创 2021-09-05 19:20:39 · 52 阅读 · 0 评论 -
认识 gulp 打包
1、认识gulp+一个基于node环境运行的打包构建工具+是一个基于流的运行工具+安装:=>打开命令行,目录无所谓=>输入指令:->win:$npminstall--globalgulp->mac:$sudonpminstall--globalgulp...原创 2021-08-03 16:40:37 · 136 阅读 · 0 评论 -
JavaScript 对象
学习目标:1)能够说出 为什么 需要对象2)能够使用 字面量创建对象3)能够使用 构造函数创建对象4)能够说出 new 的执行过程5)能够 遍历对象目录(1)对象(2)创建对象的 三种方式(3)new 关键字(4)遍历对象属性(1) 对象什么是对象? 指具体 准确的事物,才是对象, 泛指不能够指向对象,得是具体的某件东西。1)能够说出 为什么 需要对象保存一个值的时候,可以使用变量, 保存多个值(一组值的时候)可以使用数组,,如果要保...原创 2021-08-01 23:06:11 · 51 阅读 · 0 评论 -
JavaScript 预解析
学习目标:(1)能够知道 解析器,运行 js 分为那两步 答: 预解析 和 代码执行(2)能够说出 变量提升的 步骤和运行过程(3)能够说出 函数提升的 步骤和运行过程目录(1)预解析(2)变量预解析 和 函数预解析(3)预解析案例(1)预解析案例:变量提升声名变量未赋值 所以打印 undefinedfun需要写到 下面 因为赋完值,就有了函数,就可以调用了,, 调用是写在 函数表达式后面的...原创 2021-08-01 15:52:39 · 59 阅读 · 0 评论 -
JavaScripr作用域
学习目标:能够说出,JsvaScripr 的两种作用域能够区分全局变量 和 局部变量能够说出如何在作用域链中查找变量的值目录作用域变量的作用域作用域链作用域 ( 全局作用域 和 局部作用域 ):变量的作用 ( 根据作用域的不同 分为两种, 全局变量 和 局部变量 ):...原创 2021-07-31 23:24:16 · 78 阅读 · 0 评论 -
认识面对对象 (上)
认识面向对象 认识面向对象 + 不是新的技术, 是一个编程思想 + 名词: => 面向过程: 在开发时, 专注于过程中的每一个 步骤 顺序 细节 ... => 面向对象: 在开发时, 找到一个合适的 对象 来帮我完成功能 例子: 吃面条 + 面向过程 => 和面: 多少水, 多少面 => 切面: 宽窄 =>...原创 2021-07-27 19:52:56 · 72 阅读 · 0 评论 -
ajax (阿贾克斯)----------- js 向后端索要数据的方式(技术)
ajax+js向后端索要数据的方式(技术)基本步骤1.创建ajax对象constxhr=newXMLHttpRequest()2.配置本次的请求信息xhr.open(请求方式,请求地址,是否异步)3.绑定事件xhr.onload=function(){xhr.responseText}...原创 2021-06-29 08:35:16 · 561 阅读 · 0 评论 -
前后端交互的请求方式
前后端交互的请求方式 + 不止局限于 ajax 请求 + 只要是网络请求, 就分请求方式 1. 八种常见的请求方式 1-1. GET: 偏向获取的语义 1-2. POST: 偏向于提交的语义 1-3. PUT: 偏向于提交的语义, 偏向于提交添加 1-4. DELETE: 偏向于提交删除的语义 1-5. PATCH: 偏向于提交的语义, 偏向于提交修改 1...原创 2021-07-20 09:57:28 · 1312 阅读 · 0 评论