zy_lalala-优快云博客

防抖所谓防抖，就是指触发事件后，函数在 n 秒后才执行函数，如果在 n 秒内又触发了事件，则会重新计算函数执行时间简单的说，当一个函数连续触发，只执行最后一次。函数防抖一般用在什么情况之下呢？一般用在：连续的事件只需触发一次回调的场合。具体有：搜索框搜索输入。只需用户最后一次输入完，再发送请求；用户名、手机号、邮箱输入验证；浏览器窗口大小改变后，只需窗口调整完后，再执行resize事件中的代码，防止重复渲染。代码实现：<div class="box"></div&gt

2022-05-08 18:36:51 120

原创 promise、async和await

promiseJavaScript是单线程因为js语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。异步任务但这样很容易造成阻塞，所以把任务分成了同步任务和异步任务两种，异步模式可以同时执行多个异步任务，当主线程遇到异步任务，就把异步任务放进’任务队列’里，执行完同步任务后，再循环的去检查任务队列里面有哪些异步任务要执行，回调函数在没有promise前，使用的是回调函数的方式来执行异步任务，就是当主线程开始执行这个异步任务时，就去执行这个异步任务对应的回调函数。异步任务比如：ajax

2022-05-01 18:59:43 5913

原创 Vue/VueRouter/Vuex

一、Vue 是什么？Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。Vue 只关注视图层，采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue是一个渐进式的框架，什么是渐进式的呢？渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex，也可以满足你各种各

2022-03-30 17:24:19 358

原创 AJAX笔记

AJAXAJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。1. 创建请求对象 XMLHttpRequestXMLHttpRequest 是 AJAX 的基础。X

2021-09-16 21:17:16 75

原创 jQuery

一、jQuery简介jQuery 是一个快速、简洁的 JavaScript 库。其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。jQuery 库包含以下功能：HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数J

2021-09-15 12:40:09 199

原创 JSON 文本数据交换格式

1. JSON 是什么？JSON（ JavaScript Object Notation）即 JavaScript对象标记法。JSON是一种独立于语言的轻量级的文本数据交换格式。独立于语言——不光javascript可以识别/处理，其他的编程语言java,php…也可以识别/处理文本数据——字符串交换格式——与后台处理程序进行数据交换JSON 是存储和交换文本信息的语法，类似 XML。JSON 比 XML 更小、更快，更易解析。2. JSON 数据的组成1）json对象{}——j

2021-09-13 20:34:32 465

原创 JavaScript(8)-闭包-原型

一、闭包 closure1. 复习作用域作用域是可访问变量的有效范围。全局作用域作用于所有代码执行的环境 (整个script标签内部) 或独立的js文件。局部作用域（函数作用域）作用于函数内的代码环境，就是局部作用域。全局变量在全局作用域下（函数外部）声明的变量叫做全局变量。网页中所有脚本和函数均可使用全局变量如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量局部变量在局部作用域下（函数内部）声明的变量叫做局部变量。局部变量只能在该函数内部

2021-09-10 20:01:16 184

原创 JavaScript(7)-BOM

一、BOM简介BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。Window 对象window对象是浏览器的顶级对象。表示浏览器中打开的窗口。window对象是一个全局对象。定义在全局作用域中的变量、函数都自动成为 window 对象的属性和方法。window 对象中的主要属性：确定浏览器窗口的尺寸window 对象中的主要方法：打开/关闭窗口的控制方法各种操作弹框window 对

2021-09-08 20:51:51 125

原创 JavaScript(6)-DOM

一、DOM 介绍1. 什么是DOM？文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理[可扩展标记语言（html或者xhtml）的标准编程接口。W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。DOM树DOM树又称为

2021-09-07 21:23:36 217

原创 JavaScript(5)-内置对象

一、JavaScript 对象分类对象只是一种特殊的数据。对象拥有属性和方法。JavaScript 中的所有事物都是对象：字符串、数值、数组、函数…JavaScript 中的对象分类：自定义对象内置对象DOM对象BOM对象二、自定义对象JavaScript 自身提供的对象，不能满足我们所有需求，当我们需要一种对象，可是javascript没有提供的时候，我们就需要自己动手定义我们需要的对象，自己创建的对象就是自定义对象。自定义对象有2种创建方式：1. 使用字面量{} 创建对象使

2021-09-04 13:11:54 395

原创 JavaScript(4)-函数

一、函数定义函数是完成某一个具体功能的代码块。JavaScript 使用关键字 function 定义函数。1. 声明函数函数有两种声明方式：1）自定义函数方式（命名函数）利用函数关键字 function 自定义函数// 声明函数function functionName(parameters) { 执行的代码} // 不以分号结束// 调用函数functionName(); function——声明/定义/创建函数的关键字【标志】functionName——函数名称【自

2021-09-03 11:41:04 170

原创 JavaScript(3)

一、条件语句条件语句用于基于不同的条件来执行不同的动作。在 JavaScript 中，条件语句分为两大类：if ——又分为以下4种：if 语句 ——只选对的if…else 语句 ——2选1if…else if…else 语句—— 多选1if语句的嵌套switch 语句 —— 选择多个代码块之一来执行，注意break关键词1. if 语句// 语法格式：if (条件) { 当条件为 true 时执行的代码;}先执行条件判断，条件判断为true时执行代码，否

2021-09-02 17:01:23 138

原创 JavaScript(2)

一、变量变量是用于存储信息/数据的"容器"。在程序运行的过程中可以随时改变变量中存储的数据。1. 声明变量在 JavaScript 中创建变量通常称为"声明"变量，使用var关键字来声明变量。格式： var 变量名称;var 是一个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间var age; // 声明一个名称为ag

2021-09-01 12:39:19 173

原创 JavaScript(1)

一、计算机基础1. 计算机组成计算机由硬件和软件两部分组成1）硬件输入设备——鼠标、键盘、摄像头、手写板等输出设备——显示器、打印机、投影仪等CPU——负责处理数据与运算存储数据——硬盘、内存硬盘——永久存储数据内存——暂时存储数据2）软件系统软件——Windows、Linux、macOS应用软件——浏览器、VSCode、Word等2. 数据存储计算机内部使用二进制 0 和 1来表示数据。所有数据，包括文件、图片等最终都是以二进制数据（0 和 1）

2021-08-28 19:36:13 162

原创 flex弹性盒模型

CSS3弹性盒模型（Flex Box）弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。1. 传统布局和flex布局对比1）传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局2）flex布局操作方便，布局极其简单，移动端使用比较广泛pc端

2021-08-27 18:20:30 716

原创 Bootstrap

一、Bootstrap简介1. 什么是Bootstrap？Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件

2021-08-24 21:03:09 769

原创 css3整理

一、transition 过渡过渡（transition）是css3中具有颠覆性的特征之一，我们可以在不使用flash动画或js的情况下，当元素从一种样式变换为另一种样式时，为元素添加效果。过渡动画：是从一个状态渐渐的过渡到另一个状态，经常和 :hover 一起搭配使用语法：transition: 要过渡的属性花费时间运动曲线何时开始；要过渡的属性：想要变化的css属性。高度/宽度/背景颜色/内外边距都可以，如果想要所有的属性都变化过渡，写一个all就可以花费时间：单位是

2021-08-23 16:03:37 136

Git小结......

空空如也