12 2022 档案
摘要:1.在vue中可以改变原数组的方法只有7个数组的方法是响应式的 ,其他都不是响应式的 push pop unshift shift sort reverse splice 2.如果直接通过索引号修改数组成员,界面是不会更新的 解决方法:$set()方法 <template> <div> <ul> <
阅读全文
摘要:<template> <div> <h1>展示的内容:{{ meg }}</h1> <input type="text" v-model="inputValue" @keyup.enter="fn" /> <hr /> <img width="200" :src="imgUrl" alt="" />
阅读全文
摘要:1.http 缓存的作用:减少网络请求 1.服务器端压力较小 2.用户体验:看到界面的速度更快了 用户体验好 2.缓存的页面放到哪里去了:本地电脑(内存里面、硬盘里面) < 1.所有的网络资源全部都存放到本地,只要请求某一个界面,直接从本地拿资源=>更新会有问题 可能会拿到本地的旧数据 2.如果每一
阅读全文
摘要:常用的git 指令 git add . git config --global user.name "liu" git config --global user.email "your email" git commit -m "消息内容" Git常用操作命令: 1) 远程仓库相关命令 检出仓库:$
阅读全文
摘要:创建自己的仓库 git status 查看状态 看有没有存到本地仓库 git log 查看版本日志 git reset --hard 自己要回退的版本号 git branch 查看分支 git Init 仓库初始化 git add . 存到本地暂存区 git commit -m '要提交的备注' 存
阅读全文
摘要:series:系列列表。每个系列通过type决定自己的图标类型 xAxis:直角坐标系grid中的x轴 yAxis:直角坐标系grid中的y轴 grid:直角坐标系内回执网格 这个网格距离 top bottom left right title:标题组建 tooltip:提示框组建 color:调色
阅读全文
摘要:固定请求地址和方法 <body> <script> /* 1. 新闻接口 get http://ajax-api.itheima.net/api/news 无参数 */ function myAxios() { return new Promise((resolve, reject) => { co
阅读全文
摘要:axios基于promis的API进行封装的 Promise主要解决了异步操作 回调函数的多层嵌套形成回调地狱的问题 、 Promise-概念及基本使用 Promise可以用来解决上一节回调函数嵌套的问题,mdn查看如何使用它 概念 Promise 是一个对象,它代表了一个异步操作的最终完成或者失败
阅读全文
摘要:回调函数 1. 把一个函数当成参数传递, 将来特定的时机调用, 这个函数就叫回调函数 1. 把函数当作参数传递,被传递的那个函数 >回调函数 大部分有回调函数的地方,都会涉及到异步函数 回调函数嵌套 多个异步操作彼此依赖,所产生的嵌套代码 如果嵌套的很多,很多也可以称之为:回调地狱(或者可以理解为回
阅读全文
摘要:原生ajax 发送请求 原生发送请求不带参数 <body> <h2>原生ajax</h2> <button> 原生发送请求不带参数 </button> <script> document.querySelector("button").onclick = function () { // 1.实例化
阅读全文
摘要:不同数据格式 一般按照后端的要求来写数据格式 1.formData 用new data 使用FormData包裹 2.application/json会自动映射 3.application/x-www-form-urlencoded url <body> <h2>form-data</h2> <in
阅读全文
摘要:文件选择标签 type="file" 属性可以获取选择文件 accept="image/*" 推荐选择 图片类 /* 通配,所有 placeholder 提示信息 语法: 1. `accept`属性引导用户选择文件 1. 多个用`,`分隔 2. `image/*`,所有图片 3. 它定义了文件 in
阅读全文
摘要:FormData()浏览器内置的对象 它是一个构造函数 不需要引入js文件 后端要求传的一种数据格式时使用 概念: 1. `FormData`是浏览器提供的内置对象 2. 以`key/value`的形式保存数据 3. 能够结合`ajax`进行数据提交 主要是提交给后端 使用post新增数据 常用语法
阅读全文
摘要:form表单-form-serialize插件 form-serialize`的作用是简化获取表单数据 使用步骤: 1. 导入`form-serialize`插件 2. 调用`serialize`传入`form`表单和选项,即可获取 1. 导入之后全局会增加`serialize`方法 3. 注意:
阅读全文
摘要:form-axios提交数据 <body> <h2>ajax+form</h2> <!-- action 提交的接口地址 method 提交的方法 --> <form action="http://ajax-api.itheima.net/api/data" method="post"> <!--
阅读全文
摘要:axios的config模式 工作中最常使用 语法:axios({}).then({}).catch({})(这里的语法不同之前的 axios.('url地址').then({}).catch({)}) <body> <h2>axios的config模式</h2> <button class="ge
阅读全文