- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue2初体验
4、data数据插入到模版语句中，可以用{{}},这是Vue框架自己搞的一个语法，叫插值语法（或叫胡子语法），可以从data根据key获取value，并且将value插入到对应的位置，注意{{}}语法是固定语法，不可以添加其他内容，例如空格{ { }}先不去了解Vue框架的发展历史，Vue框架的特点，Vue的作者，这些对于我们开发来说，没有什么特别的作用，我们先学会基本使用，然后再去详细了解它的特点，就会发现，原来如此。一旦接管到容器之后， 即使后面有相同的容器，Vue也是不管的。
2025-03-10 09:15:00
2368
原创 JQuery知识
JavaScript中我们已经学习过了事件，jQuery对JavaScript事件进行了封装，增加并拓展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法，而且极大的增强了事件的处理能力。
2025-03-09 22:45:00
1959
原创 JQuery知识
animate：自定义动画本质 : 在指定时间内不断改变元素样式值来实现的参数一：{parmas}:要执行动画的css属性（必选）,可以写多个属性参数二：speed：执行动画时长（可选）参数三：easing：执行效果，默认为swing（缓动） 可以是linear（匀速）(可选)参数四：callback：动画执行完后立即执行的回调函数（可选）
2025-03-09 12:00:00
2568
原创 JQuery相关知识
JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解：就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。
2025-03-08 09:30:00
756
原创 es10~es14
将二维数组，转为对象，一般常用来将map对象，转为对象ES8 中学习的Object.entries 将对象转为二维数组，与Object.fromEntries互为逆运算。
2025-03-07 23:00:00
858
原创 es7~es9
Includes 方法用来检测数组中是否包含某个元素，返回布尔类型值在ES7 中引入指数运算符「**」，用来实现幂运算，功能与Math.pow 结果相同。
2025-03-07 14:30:00
632
原创 es6相关知识
Promise是ES6异步编程的一种解决方案(目前最先进的解决方案是async和await的搭配（ES8），但是它们是基于promise的)从语法上讲，Promise是一个对象或者说是构造函数，用来封装异步操作并可以获取其成功或失败的结果。
2025-03-07 10:00:00
1046
原创 懒加载预加载
懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片真正的路径，让图片显示出来。这就是图片懒加载。资源预加载是另一个性能优化技术，我们可以使用该技术来预先告知浏览器某些资源可能在将来会被使用到。预加载简单来说就是将所有所需的资源提前请求加载到本地，这样后面在需要用到时就直接从缓存取资源。
2025-03-06 22:30:00
1050
1
原创 深拷贝、浅拷贝与节流防抖
数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。基本数据类型的特点：直接存储在栈(stack)中的数据引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。
2025-03-06 14:45:00
1163
原创 线程机制与事件机制
支持浏览器运行的最核心的程序Web Workers是H5提供的一个js多线程解决方案我们可以将一些大计算量的代码交给web worker运行而不冻结用户界面，但子线程完全受主线程控制，且不得操作DOM，所以，这个新标准并没有改变JS单线程的本质。
2025-03-06 09:15:00
955
原创 对象高级型
套路: 自定义构造函数, 通过new创建对象* 适用场景: 需要创建多个类型确定的对象* 问题: 每个对象都有相同的数据, 浪费内存</script>
2025-03-05 21:00:00
530
原创 axios的使用
说到axios我们就不得不说下Ajax。在旧浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，页面都会强制刷新一下，这对于用户来讲并不是很友好。并且我们只是需要修改页面的部分数据，但是从服务器端发送的却是整个页面的数据，十分消耗网络资源。而我们只是需要修改页面的部分数据，也希望不刷新页面，因此异步网络请求就应运而生。异步网络请求。Ajax能够让页面无刷新的请求数据。实现ajax的方式有多种，如jQuery封装的ajax，原生的，以及axios。
2025-03-05 14:30:00
739
原创 ajax封装和跨域
AJAX 全称为 Asynchronous JavaScript And XML，就是异步的 JS 和 XML。通过 AJAX 可以在浏览器中向服务器发送异步请求，最大的优势：无刷新获取数据。按需请求，可以提高网站的性能AJAX 不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。使用场景：注册账号，核对输入是否符合设置要求，发送ajax请求，返回相关信息京东、淘宝下拉加载更多的数据显示鼠标移入，显示新的页面数据鼠标点击，显示不同的页面切换数据XML 可扩展标记语言。
2025-03-05 09:30:00
832
原创 js高级-基础深入
因为在javaScript中，不同的对象都是使用二进制存储的，如果二进制前三位都是0的话，系统会判断为是Object类型，而null的二进制全是0，自然也就判断为Object。
2025-03-04 20:30:00
661
原创 bom操作（window、定时器、js执行机制、location对象、navigator、history）
BOM（browser Object）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JS语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。
2025-03-03 22:00:00
967
原创 轮播图案例
节流阀目的，当上一个函数动画内容执行完毕，再去执行下一个函数动画，让事件无法连续触发。if（flag）{ flag = false,do something} 关闭水龙头。核心实现思路：利用回调函数，添加一个变量来控制，锁住函数和解锁函数。利用回调函数动画执行完毕， falg=true 打开水龙头。开始设置一个变量 var flag =true。防止轮播图按钮连续点击造成播放过快。
2025-03-03 18:30:00
335
原创 javaScript交互补充
JSON数据格式 JavaScript Object Notation缩写 即 js对象表示法由于JS中的对象只有JS自己认识，其他的语言都不认识，所以引入了JSON，JSON就是一个特殊格式的字符串，这个字符串可以被任意的语言所识别，并且可以转换为任意语言中的对象，JSON在开发中主要用来数据的交互，是一种轻量级的数据交换格式eXtensible Markup Language，可扩展标记型语言（1）标记型语言：html是标记型语言，都是使用标签进行操作。xml里面的操作也是使用标签进行操作。
2025-02-20 16:38:21
1082
原创 节点操作、事件高级
事件流描述的是从页面中接收事件的顺序事件发生时会在元素节点之间按照特定的顺序传播，这个传播的过程叫事件流例如：给idiv绑定一个事件，时间流顺序如下DOM事件流分为3个阶段（1）、捕获阶段：从触发事件的目标元素开始，事件被从目标元素的所有祖先元素依次往下传递（从外向内）（2）、当前目标阶段：触发自己的事件（3）、冒泡阶段： 当一个元素的事件被触发时，同样的事件将会在该元素的所有祖先元素中依次被触发（从内向外）
2025-02-13 19:00:00
715
原创 事件基础以及操作元素
JS使我们有能力创建动态页面，而事件是可以被JS侦测的行为简单理解：触发----响应机制网页中每个元素都可以产生某些可以触发JS的事件，例如点击事件事件是由三部分组成 事件源 事件类型 事件处理程序称为事件三要素事件被触发的对象 谁被触发事件类型：如何触发，什么事件例如鼠标点击，鼠标经过，键盘按下等通过函数赋值的方式完成获取事件源注册事件（绑定事件）添加事件处理程序（采取函数赋值形式）//第一步：获取按钮对象//第二步：绑定一个单击事件//第三步：添加事件处理程序。
2025-02-13 14:46:20
837
原创 JS简介及基本语法
JS历史：JS是布兰登·艾奇（Brendan Eich）花了10天的时间设计的，由最初的liveScript改名为JavaScript；JS是运行在客户端的脚本语言；脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行；JS可以基于Node.js技术进行服务器端编程变量就是用来存放数据的容器。可以用来保存字面量，而且变量的值可以任意改变，变量更加方便我们使用，所以开发中，都是通过变量去保存一个字面量，并且可以通过变量对字面量进行描述。
2025-02-10 23:15:00
818
原创 数据类型知识
Undefined类型的值只有一个，就是undefined当声明了一个变量，但是并不给变量赋值时，它的值就是undefined使用typeof检查一个undefined时也会返回undefined当进行数值运算时，结果为NaN。
2025-02-10 18:56:07
993
原创 常用运算符的知识点
运算符也叫操作符，通过运算符可以对一个值或者多个值进行运算，并获取运算结果，常用于实现赋值、比较、执行算数运算符等功能的符号。比如typeof 就是一个运算符，可以获得一个值的类型,它会将该值的类型以字符串的形式返回，typeof的返回值，用来描述类型的number string boolean undefined object。
2025-02-07 20:12:57
1039
原创 流程控制 （js语句）
在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解：流程控制就是来控制我们的代码按照什么结构顺序来执行流程控制主要有三种结构，分别是，这是三中结构代表三种代码执行的顺序。
2025-02-07 20:06:02
933
原创 对象初印象
现实生活中，万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如一本书，一辆汽车，一个人可以是“对象”，一个数据库，一张网页，一个与远程服务器的连接也可以是“对象”。例子：明星、女朋友、班主任、苹果、手机周星驰、小明的女朋友、这个班的班主任、这个被咬了一口的苹果、小王的手机在JS中，对象是一组无序的相关属性和方法的集合，所有的实物都是对象，例如字符串、数值、数组、函数等属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法。
2025-02-07 19:38:27
705
原创 函数初印象
在声明函数时，可以在函数名称后面的小括号里添加一些参数，这些参数是形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称谓实参。：形式上的参数，函数定义的时候，传递的参数，当前并不知道是什么，用来接收实参的，形参类似一个变量，声明了并未赋值。调用函数时，解析器不会检查实参的类型，所以要注意，是否有可能会接收到非法的参数，函数的实参可以是任意的数据类型。——封装到函数中的代码不会立即执行，函数中的代码会在函数调用的时候执行。：实际上的参数，函数调用的时候传递的参数，实参是传递给形参，
2025-01-20 13:42:39
693
原创 对象的补充
我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype,这个属性对应着一个对象，这个对象就是我们所谓的原型对象(prototype是属性名，它的值是一个对象，这个对象叫原型对象),默认情况下，它是一个空对象如果我们的函数作为普通函数调用，prototype没有任何作用，当函数以构造函数的形式调用时，它所创建的对象都会有一个隐含的属性，指向该构造函数的原型对象，我们通过__proto__来访问该属性。
2025-01-19 14:57:37
643
原创 函数的补充
1.以函数形式调用时，this永远是window2.以方法的形式调用时，this是调用方法的对象3.以构造函数的形式调用时，this是新创建的那个实例对象4.使用call和apply调用时，this是指定的那个对象，如果不写第一个参数，默认是window。
2025-01-16 20:57:35
588
原创 作用域及预解析
通常来说，一段程序代码中所用到的名字（变量名和函数名）并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。简单理解：就是代码名字（变量）在某个范围内起作用和效果作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了命名冲突全局作用域局（函数）部作用域，es6后有块级作用域。
2025-01-15 17:15:24
667
原创 数组-基本语法
1、自定义对象2、内建对象内置对象是JS自带的对象。不需要声明，不需要创建，就可直接使用它，用它的属性和方法来构建我们所需的效果。例如： Array Boolean Date Math Number String RegExp Function Events3、宿主对象语法：数组[数组.length]=值;
2025-01-15 16:52:55
661
原创 JS中的内置对象
JS中的对象分为3种：自定义对象、内置对象、浏览器对象起那面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的；内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供一些常用的或是最基本而必要的功能（属性和方法 ），程序员不用管具体怎么实现，直接使用就可以了。帮助我们快速开发JS中提供了多个内置对象：Math、Date、Array、String,Boolean,Number查阅文档的方法：查阅该方法的功能查看里面参数的意义和类型。
2025-01-11 15:19:12
910
原创 正则-基础语法
默认情况下，我们的match只会找到第一个符合要求的内容，找到以后就停止检索，我们可以设置正则表达式为全局匹配模式，从而匹配到所有的内容，可以为一个正则表达式设置多个匹配模式，且顺序都可以。——用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，将字符串中符合规则的内容提取出来。注意：使用构造函数时，由于它的参数是一个字符串，而\是字符串中转义字符， 如果要使用\则需要使用\\来代替。-如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到，返回-1。
2025-01-11 15:08:59
749
原创 DOM基础语法/获取元素
文档对象模型（Document Object Model ，简称DOM），它就是一些系列编程接口，有了这些接口，就可以改变页面内容，结构和样式。DOM树：一个页面就是一个文档，DOM中使用document表示。页面中所有的标签都是元素，DOM中使用element表示。网页中所有内容都是节点（标签、属性、文本、注释等），DOM中使用node表示。DOM把以上内容都看作是对象。事件，就是用户和浏览器之间的交互行为，比如：点击按钮，鼠标移动，关闭窗口.....
2025-01-11 14:56:46
997
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人