- 博客(30)
- 收藏
- 关注
RSS订阅原创 http 的请求方法
get post put delete patch表面的区别：get 请求传参时使用的是 ？参数 = queryString 查询字符串，pos / put / patch 都使用请求体传参。RESTFul规范（不是规定）获取数据的接口用 get删除数据的接口用 delete某个数据更新的接口用 patch批量数据更新的接口用 put添加数据的接口用 post发请求给后台...
2022-03-01 09:07:03
179
原创 Vue路由
一.简介路由就是一种映射关系Vue中的路由就是组建的映射关系使用路由的优缺点：优点整体不刷新页面，用户体验更好，数据传递容易开发效率高缺点：开发成本高需要学习专门知识（现在不存在了都是由前端完成），首次加载会比较慢，不利于seo二.基本使用当然后面可以创建Vue脚手架的时候一键创建前一篇文章有说明。三.声明式导航import Vue from 'vue'import App from './App.vue'import Find from './views/F
2022-02-22 23:07:28
521
原创 VUE创建一个手动选择的脚手架
选择一个空的文件夹，cmd打开终端vue create XXX 创建一个脚手架选择手动选择第三个上下键，空格确认选择这6个随后选择2.0版本路由模式n回车这里我们选择less下一步选择语法规则保存的时候去检查第三方的配置文件是否要放入一个叫 dedicated 的文件夹当中，我们选择是，不然会让 packge 变得不易维护把刚刚的操作全部保存为预设可以选择，我这边先填n那么这里就算完成了...
2022-02-22 21:06:47
325
原创 Vue插槽
一.插槽作用：让组件更加灵活, 组件内的标签可以由父组件来决定提高组件复用性。默认插槽：在组件中使用slot标签占位使用组件的时候将自定义标签传入组件内设置默认值：在其slot标签中写的内容就是默认值具名插槽：组件有多处不确定的内容时可以通过具名插槽来区分用法：在lost标签设置name属性， 使用组件时使用 template 结合 v-slot:插槽名 来指定对应的插槽<template #title> <h3>pl
2022-02-21 23:07:17
139
原创 VUE 组件
一.组件基础1.其是什么，好处：是一个可复用的Vue实例，里边儿封装了HTML、CSS、JS好处：相互独立、复用性、扩展性、可维护性高。2.如何使用：#1封装组件：一个Vue文件就是一个组件 #2引入组件#3注册组件：1全局注册（在 main.js 中注册，注册后所有地方都可以使用，Vue.component(组件名，组件对象)）2局部注册（在要使用的组件中注册, 只能在当前组件中使用。components: { 组件名: 组件对象}）#4使用组件：组件名作为...
2022-02-18 19:50:33
182
原创 key,计算属性，侦听器
一：Vue-更新监测，key的作用1. 哪些数组方法会导致v-for更新页面?可以改变原数组的方法2. 有的数组方法不导致v-for更新页面, 如何处理?拿返回的新数组, 直接替换旧数组this.$set()方法更新某个值3v-for更新时, 是如何操作DOM的?循环出新的DOM结构, 和旧的DOM结构对比, 尝试复用标签就地更新内容虚拟DOM 虚拟DOM是什么? 本质就是一个JS对象, 保存DOM关键信息 虚拟DOM的好处? 提高.
2022-02-16 21:48:05
60
原创 使用webpack打包
webpack的本质：node环境下的包1.准备环境：初始化环境：yarn init -y2.安装依赖包：yarn add webpack webpack-cli -D3.配置scripts（自定义命令）"scripts": { "build": "webpack" }注意点：文件夹不要有中文，特殊符号，不要与webpack同名使用指令：yarn build 打包文件，打包完毕以后会生成一个dist的文件夹与一个main.js的文件（webpack的入口..
2022-02-15 22:35:30
451
原创 Ajax结尾
同源策略&跨域同源：指的就是两个url地址具有相同的协议，主机名，端口号同源策略：是浏览器提供的一个安全功能，浏览器的同源策略规定：不允许非同源的url之间进行资源的交互。跨域就是与同源完全相反的就是所谓的跨域。浏览器允许发起跨域请求。但是跨域回来的数据会被浏览器拦截无法被获取...
2022-01-12 20:22:54
201
原创 webapi，注册事件的两种方法
1.点语法注册事件：事件源.事件类型=事件处理函数<body> <div id="box" style="width: 100px;height: 100px;background-color: red"></div> <script> let box = document.querySelector('#box') box.onclick = function() { cons
2022-01-11 21:51:31
302
原创 AJAX axios
axios拦截器也就是用来全局拦截axios的每一次请求与响应好处就是可以把某些重复性的业务代码封装到拦截器中，提高代码的复用性。文件上传formdata：是浏览器提供的一个webAPI，他以键值对的方式存储数据作业：配合ajax技术，能向服务器发送multipart/form-data格式的请求体数据XMLHttpRequestXMLHttpRequest是浏览器内置的一个构造函数作用：基于new出来的XMLHttpRequest实例对象，可以发起ajax请求。使用
2022-01-11 20:23:38
174
原创 Ajax（form表单，文件上传）
一.form表单表单主要负责的是数据采集功能：用户的登录信息，用户的详细信息。表单的三个组成部分，表单标签：他是一个容器用来江页面上的指定区域划定为表单区域，表单域：提供采集用户信息的渠道，常见表单域（input，textarea，select等等），表单按钮：用户数据填写完毕以后点击表单按钮从而把采集到的信息提交给服务器。表单三个属性action 接口的 url 地址 把表单采集到的数据，提交到哪个接口中 action method GET 或 POST
2022-01-09 21:49:28
327
原创 Ajax编程
一：基础知识：1.1：客户端：大概意思就是pc端电脑，笔记本，pad，电子手表，手环等等。。。在前端之中：客户端特指：浏览器（chrome谷歌浏览器，firefox火狐浏览器，edge IE浏览器，safari苹果浏览器）服务器：提供服务的设备（其本质就是一台大型的电脑主机）它的作用就是用户在上网过程当中服务器专门负责存放资源和提供对外服务。1.2，URL地址完整的写法：http://www.xxx.com:80/yyy/zzz/html协议：http https主机名：www.xx
2022-01-08 21:50:02
273
原创 jquery第三天
显示与隐藏<body> <input type="button" value="显示" id="show" /> <input type="button" value="隐藏" id="hide" /> <input type="button" value="切换" id="toggle" /> <br /><br /> <div id="div1"></div> &
2022-01-02 21:28:09
297
原创 jQuery入门，jq第一天学习
一.jQuery介绍其本质就是第三方的框架：别人写好的js代码文件，好处就是效率高，坏处就是处理bug比较麻烦。、官网：jQueryjQuery文件下载:https://code.jquery.com/jquery-1.12.4.min.js官方文档传送门：jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm二.不同版本的区别1.jQuery版本有很多，分为1.x 2.x 3 1.x版...
2021-12-29 19:34:13
367
原创 js02-数组迭代方法
01-数组map遍历1. map场景 ： 映射数组。 对数组每一个元素进行映射处理，得到一个全新数组 映射关系： 每一个元素 * 0.8 映射关系： 每一个元素 * 2 2. map方法特点 (1)回调执行次数 === 数组长度 (2)本身返回值 : 隐射之后的新数组 (3)回调函数内部return return ...
2021-12-28 21:09:07
137
原创 js.ES6语法新特性介绍
ES6全称：ECMAScript-2015, 是2015年推出的全新的js语法1.1-变量声明let与const1.ES5语法变量特点: avr变量会提升,没有块级作用域2.ES6新增两种变量声明方式（let与const），类似于let:变量不会提升允许修改,有块级作用域，，不允许重复声明3.const声明:常量，只可以声明的时候赋值一次，之后无法修改1.2-解构赋值语法1.2.1-对象的解构赋值解构赋值语法 ： 其实就是变量赋值语法的简写形式1：取出 对象的属性 赋值 给变
2021-12-28 20:58:35
488
原创 js函数的进阶
函数的四种调用模式其中3种无法修改普通函数调用：函数名（）》》this指向window function fn() { console.log(this); } fn()对象方法调用：对象名，方法名（）》》this指向对象 let obj = { name: '豆豆', age: 40, eat: fn } obj.eat()
2021-12-26 20:01:05
257
原创 js面向对象
面向对象三大特征1.封装：就是把面向过程的代码封装到对象中。2.继承（一个对象拥有另一个对象所有的属性与方法）：四种方式混入继承：遍历父对象所有属性，添加到子对象中，缺点（不能量产）替换原型：将子对象的构造函数的原型替换成父对象，缺点（会丢失原型之前的成员变量）混合式（混入+替换原型）：遍历父对象所有属性，添加到子对象构造函数中3.多态：一个对象在不同情况下的多种状态原型链意义：原型链：每一个对象都有原型，原型本身又是对象，所以原型又有原型，以此类推形成一个链式结构，称为原型
2021-12-25 21:45:14
95
原创 js进阶第一天
一 .面向对象编程：面向对象编程不是一门技术，而是一种解决问题的方式：1.面向过程：注重过程，按步骤一步一步来。2.面向对象：注重的是结果，将面向过程的步骤装进对象中二.创建对象构造函数（js的所有对象都是构造函数创建）自定义构建函数：1创建对象 2.将this指向这个对象 3.执行构造函数中的代码，完成赋值4.返回这个对象三.原型对象1.其理解：原型对象：任何构造函数在被创建的时候，系统都会自动帮我们创建一个与之对应的对象，称之为原型对象2.原型对象、构造函数、实例
2021-12-23 20:43:06
572
原创 01-BOM浏览器对象模型
1.1-BOM与DOM介绍 JavaScript语言由三部分组成 ECMAJavaScript：定义了js的语法规范 Dom：document object model文档对象模型：一个HTML文档中所有的一切都是dom对象 Dom定义了一套操作HTML文档的API（节点的增删改查） Bom：Brower object model浏览器对象模型 例如：一个浏览器的窗口就是一个window对象 Bom定义了一套操作浏览器窗口的API
2021-12-19 21:01:18
224
原创 web APLIS第四天
web APLIS第四天1.1-addEventListener注册事件注册事件有两种语法 1.点语法： * 语法 : 事件源.事件类型 = 事件处理函数 box.onclick = function (){} * 最大特点： 不能注册多个“同名”事件 2.addEventListener() : 用于注册多个 “同名” 事件 * 语法: 事件源.addEvenetListener('事件类型',事件处理函数)1.2-removeEventLi...
2021-12-19 20:42:31
58
原创 DOM最后一天
DOM最后一天1.1三大家族offset可以获取元素自身宽高（offsetWidth/offsetHeight）位置（offsetLeft/top）scroll获取 “元素内容” 的真实宽高（ scrollWidth/scrollHeight）与位置（scrollLeft/scrollTop）client获取元素‘可视区域’的宽高（clientWidth/clientHeight）与位置（clientLeft/clientTop）注意：(1)获取的是number类
2021-12-19 20:41:02
135
原创 DOM节点
1.1-DOM节点介绍 1.什么是节点：在HTML文档中，一切皆节点（HTML文档本身、标签、属性、注释内容、文本） 2.什么是元素：元素在HTML中叫做标签，在JS的dom对象中称为元素（可以理解为标签的面向对象的叫法） 3.HTML标签属于节点的一种，叫做元素节点 4.节点三要素： 节点类型：标签、属性、注释、文本 节点名称：p、div、class（标签名） 节点的值：one（属性的值） .DOM节点操作重点记
2021-12-15 19:29:59
1558
原创 WebApi难点练习与解析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <titl.
2021-12-14 16:49:45
858
原创 WebApi第一天
一.WebAPI概念介绍1.1-WebAPI概念介绍1.API（Application Programming Interface,简单说就是应用程序编程接口)2.WebAPI概念：浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)此处的Web API特指浏览器提供的API(一组方法)1.2JavaScript组成三个部分总的来说就是：ECMAScript（定义了javascript的语法规范JavaScript的核心，描述了语言的基本语法和数据类型，ECMASc
2021-12-12 20:01:50
624
原创 JavaScript第四天
一.对象1.0什么是对象1.1:对象（object）：JavaScript里的一种数据类型1.2:可以理解为是一种无序的数据集合1.3:用来描述某个事物，例如描述一个人以及他的数据。2.0对象使用2.1：对象声明方法：2.2 对象有属性和方法组成2.21 属性：信息或叫特征（名词）。 比如 手机尺寸、颜色、重量等…2.22 方法：功能或叫行为（动词）。 比如 手机打电话、发短信、玩游戏…属性都是成 对出现的，包括属性名和值，它们之间使用英文 : 分隔多个属性.
2021-12-10 21:06:50
694
原创 JavaScript第三天
一.函数1.为什么需要函数1.1.意义：function，是被设计为执行特定任务的代码块1.2优势：函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势 是有利于精简代码方便复用。可以实现代码复用，提高开发效率2.函数使用2.1 其规范：1和变量命名基本一致2尽量小驼峰式命名法3前缀应该为动词4命名建议：常用动词约定2.2函数的调用语法2.3函数体2.4函数关键字声明：function，，函数不调...
2021-12-09 21:39:06
244
原创 【无标题】JavaScript第二天
一.循环一.1for循环基本使用1.1for的基本语法：for（声明变量；循环条件；变化值）{循环体}1.2 好处：把声明起始值、循环条件、变化值写到一起，让人一目了然1.3for循环和while循环的区别：1.当如果明确了循环的次数的时候推荐使用for循环2.当不明确循环的次数的时候推荐使用while循环一.2退出循环2.1循环结束：1.continue：结束本次循环，继续下次循环2.break：跳出所在的循环一.3循环嵌套3.1for 循环嵌套语法：...
2021-12-08 21:12:24
309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人