1.web使用SpringBoot;1)、创建SpringBoot应用,选中我们需要的模块;2)、SpringBoot已经默认将这些场景配置好了,只需要在配置文件中指定少量配置就可以运行起来3)、自己编写业务代码;自动配置原理?这个场景SpringBoot帮我们配置了什么?能不能修改?能修改哪些配置?能不能扩展?xxxxxxxAutoConfiguration:帮我们给容器中自动配置组件; xxx
axios1 axios引入1.1. axios是什么?前端最流行的ajax请求库react/vue官方都推荐使用axios发ajax请求文档: https://github.com/axios/axios1.2. axios特点基于xhr + promise的异步ajax请求库浏览器端/node端都可以使用支持请求/响应拦截器支持请求取消请求/响应数据转换批量发送多个请求1.3 axios引入
转载 2023-07-04 14:23:28
1387阅读
# 引入Axios解决HTTP请求问题 在现代Web开发中,与服务器进行数据交互是必不可少的一部分。Axios是一个基于Promise的HTTP客户端,用于浏览器和node.js。它提供了一种简单、易用的方式来发送HTTP请求和接收响应。本文将介绍如何引入Axios,并使用它解决实际问题。 ## 为什么选择Axios Axios相较于其他HTTP客户端库,如jQuery的`$.ajax`或原
原创 2月前
32阅读
css z-index的时候经常会出现很多莫名其妙的问题,下面对z-index属性做彻底的剖析,本文参考了《一个css中z-index的用法》,并做了很多demo,方便了解z-index的用法.一、z-index是什么 z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言。一个更高的Z-index值意味着这个元素在叠层顺序中
一、调用接口1.axios是使用promise来进行封装的2.axios.get("url" , {data}) 或者 axios("url" , {data})3,vue的项目是使用axios来进行请求的,但是axios不一定要在vue中使用4.调用接口的另一种写法axios({ url : " ", methods : "get/post" , parmas : {
转载 2023-07-04 14:18:35
550阅读
# 如何使用axios引入JavaScript 在前端开发中,我们经常需要与服务器进行数据交互。而在JavaScript中,我们可以使用axios库来进行网络请求。axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js。 ## 实际问题 假设我们有一个网页,需要从服务器获取数据并展示在页面上。我们可以使用axios来发送请求并处理响应,以达到获取并展示数据的目的。
原创 5月前
236阅读
当下最火的短视频应用莫过于抖音了,凭借着丰富的视频特效,抖音吸引了很多年轻用户的青睐,今天我们来看一下,抖音特效如何在 Web 端实现。核心原理实现原理比较简单,总结起来有如下三个步骤:1、使用预渲染 canvas 绘制 video 的每一帧画面。2、将预渲染 canvas 作为纹理传到显存中。3、着色器程序对纹理进行后期处理。步骤看似简单,但是第二、三步骤牵扯到一些 WebGL 和着色器的相关知
Vue前端框架简介及使用就像是后端我们使用springboot来进行开发一样,前端需要使用Vue框架进行开发。由于前端不是我们的主要内容,所以只介绍简单的使用内容。具体更深的内容请参考Vue的官方网站。目前使用的较多的是Vue2,所以我们也选用这个版本。Vue的简单使用在使用之前,我们可以先装一个Vue2语法提示的插件:Vue 2 Snippets 在插件的界面直接点击安装即可。 首先我们在VSc
# 使用axios进行网络请求 在前端开发中,经常需要进行网络请求来获取数据或与后端交互。而axios是一个流行的JavaScript库,用于处理HTTP请求。本文将介绍如何使用axios进行网络请求,并解决一个实际的问题。 ## 问题描述 假设我们有一个简单的前端应用,需要从后端API获取用户信息并展示在页面上。我们需要使用axios来发送GET请求获取用户信息,并在页面上展示用户的姓名和
原创 4月前
2阅读
# CDN 引入 Axios 的封装方式 在现代 Web 开发中,Axios 是一个非常流行的用于处理 HTTP 请求的库。它简单易用,功能强大,能够支持 Promise、拦截器等特性。虽然我们通常通过 npm 或 yarn 来管理我们的 JavaScript 库,但在某些情况下(例如快速的原型开发,或第三方平台的集成),通过 CDN 引入库会更加便捷。 ### 1. 使用 CDN 引入 Ax
原创 10天前
27阅读
Node.js中模块可以通过文件路径或名字获取模块的引用。模块的引用会映射到一个js文件路径,除非它是一个Node内置模块。Node的内置模块公开了一些常用的API给开发者,并且它们在Node进程开始的时候就预加载了。 其它的如通过NPM安装的第三方模块(third-party modules)或本地模块(local modules),每个模块都会暴露一个公开的API。以便开发者可以导入
一、元素选择器1、书写格式:标记名{/*生命块*/}2、所有与该标记匹配的元素,都将应用声明块中的规则二、类选择器1、书写格式:.类名{/*声明块*/}类名为 class的值2、所有class属性为指定类名的元素,都将应用声明块中的规则eg: <p class="color_blue size"> .color_blue{ color: skyblue; } .size{ font-s
Hello, world!本教程的这一部分内容是关于 JavaScript 语言本身的。但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择。我们会尽可能少地使用浏览器特定的命令(比如 alert),所以如果你打算专注于另一个环境(比如 Node.js),你就不必多花时间来关心这些特定指令了。我们将在本教程的下一部分中专注于浏览器中的 JavaScript。首
在之前的学习中我们已经知道了如果我们用ajax发送跨域请求,服务器是可以接收到并且也能进行逻辑处理并返回数据的,但是这个数据到了浏览器,浏览器根据同源的规则会拒绝这个数据然后我们通过jsonp实现了跨域访问,但是使用jsonp需要前端发送ajax时和后端都进行一定的操作,如果现在我们后端只是提供接口,而前端页面的ajax请求已经写好了,不会再修改了,那怎么实现跨域呢CORS随着技术的发展,现在的浏
axios  同ajax类似的一个请求数据技术官方文档http://www.axios-js.com/zh-cn/docs/下载1.使用npm npm install axios -S 2.使用cdn <script src="https://unpkg.com/axios/dist/axios.min.js"></script>执行 GET 
大型的web引用对于速度的追求不仅仅局限于浏览器缓存,浏览器缓存只是为了提升二次访问的速度。对于首次访问我们需要从网络层面进行。最常见的手段就是CDN(Content Delivery Network,内容分发网络)加速,通过将静态资源缓存到距离用户很近的相同网络运营商的CDN节点上,不但可以提升用户访问的速度,还能节省服务器的带宽消耗。降低负载。不同地区的用户访会访问到离自己最近的相同网络线路上
vue就是个很多js工具代码的js文件1 引入vue的方式1.1 第一类引入方式①自己引入CDN<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.js"></script> <div id="app">{{msg}}</div>
转载 2023-10-20 21:08:57
231阅读
CORS:跨源资源分享Cross-Origin Resource Sharing。它是W3C标准,是跨源AJAX请求的根本解决方法。相比JSONP只能发GET请求,CORS允许任何类型的请求。CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。 整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差
# 前端开发中实现 Axios 自动代码提示的完整指南 在前端开发中,我们常常需要与后端服务器进行数据交互,而 `Axios` 是一个非常流行的 JavaScript HTTP 客户端,它简化了这一过程。为了提高开发效率,提高代码提示的功能,是非常有帮助的。在这篇文章中,我将指导你如何实现 Axios 的代码提示。我们将通过一系列步骤来完成这一任务,每个步骤都会包含详细的解释和必要的代码示例。
原创 1月前
22阅读
在程序开发中,有三种方式创建vue项目,本地引入vuejs、使用cdn引入vuejs、使用vue-cli创建vue项目。其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广泛。一、vue本地引用在官网下载vue.js,通过script标签引入。 开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式 生产版本:https://vuej
  • 1
  • 2
  • 3
  • 4
  • 5