- 博客(131)
- 问答 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端请求数据方法 —— Ajax、Fetch、Axios、Get、Post
一、Ajax:(也写为AJAX 读作/ˈeɪdʒæks/或阿贾克斯. “Asynchronous JavaScript and XML”(异步JavaScript和XML)的缩写)是一组Web开发技术,Ajax不是一种技术,而是一个编程概念。AJAX 这个词就成为 JavaScript 脚本发起 HTTP 通信的代名词,也就是说,只要用脚本发起通信,就可以叫做 AJAX 通信。
2024-01-12 12:02:02
1618
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Javascript 、Vue —— 禁止鼠标右键点击事件!
用户让加上鼠标右键点击事件定义 :oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单。语法Internet Explorer 8 及更早 IE 浏览器版本不支持。
2023-08-29 14:07:43
5902
原创 下载.txt文件 方法有哪些?
1.1. a标签行内 默认 :get请求。1.2. a标签另一种方式。2、下载文件 post 请求。index.js接口文件👇。
2024-08-12 18:33:45
221
原创 element upload 如何 上传提交文件不能为空校验、上传文件覆盖旧文件
1、可以再其on-success挂载的函数执行判断fileList长度的方式来判断。2、也可以在接口的 then成功回调里调用。
2024-08-12 17:50:55
234
原创 vue2 / vue3 / react —— 创建项目简单方式
yarn create vite (后续根据提示 react步骤操作即可)yarn create vite (后续根据提示 vue步骤操作即可)vue create 项目名称。
2024-07-18 11:00:15
99
原创 创建React 项目的几种方式
1、yarn create vite my-react-app --template react (直接一键生成,无需后续操作)2、创建项目命令: create-react-app 项目名称。1、下载 npm i create-react-app -g。2、后续根据提示步骤操作即可。
2024-07-10 16:29:47
473
原创 24年前端面试 高频经典(答案版)
WebPack是一个现代JS应用程序的静态模块打包工具。Webpack的主要功能包括:1. 模块打包:将项目中的所有模块(JavaScript、CSS、图片等)当作一个整体,通过依赖关系将它们打包成一个或多个静态资源文件。2. 依赖管理:Webpack可以分析模块之间的依赖关系,根据配置的入口文件找出所有依赖的模块,并将其整合到打包结果中。Webpack本身只能处理JavaScript模块,但通过加载器(Loader)
2024-05-22 16:14:17
903
原创 闭包是什么?
使已经运行结束的函数上下文中的变量对象继续留在内存中,因为闭包函数保留了这个变量对象的引用,所以这个变量对象不会被垃圾回收机制回收实现变量数据共享。通过使用闭包,可以在外部调用闭包函数,从而在函数外部能够间接访问到函数内部的变量,也可以使用这种方法来创建私有变量避免全局变量的污染。例如,函数 A 内部有一个函数 B,函数 B 可以访问到函数 A 中的变量,那么函数 B 就是闭包。,或着,可以简单理解为定义在一个函数内部的函数,内部函数可以访问到外部函数的局部变量。这个是最为推荐的方式。
2024-05-21 14:35:56
525
原创 vuex 是什么?如何使用 代码示例
Vuex 是一个专为 Vue.js 应用程序设计的状态管理模式,它采用集中式存储来管理应用中所有组件的状态,并确保状态的变化是可预测的。State(状态)、Getters(获取器)、Mutations(改变)、Actions(动作)以及可选的Modules(模块)。
2024-05-21 10:28:49
284
原创 offsetTop、clientHeight、scrollTop等属性的含义
包含元素的引用保存在offsetParent属性中,不一定是parentNode,比如的offsetParent是,因为它是DOM层次中距最近的一个具有大小的元素。所有的偏移量属性都是只读的,而且每次访问都要重新计算,避免重复访问。四、innterHeight和outerHeight。这两个属性也是只读和需要重新计算的。二、客户区大小-以client开头的。一、偏移量-以offset开头的。三、滚动大小-scroll开头的。
2024-05-20 10:22:47
463
原创 JavaScript实现图片懒加载的三种常用方法总结
懒加载是一种对网页性能优化的方式,比如当访问一个网页的时候,优先显示可视区域的图片而不是一次加载全部的图片,当需要显示时,再发送请求加载图片。
2024-05-17 14:04:51
1245
原创 vue-router路由懒加载以及三种实现方式
延迟加载或按需加载路由所对应的组件,而不是在应用初始化时就一次性加载所有组件。路由懒加载做了什么事情?主要作用是将路由对应的组件打包成一个个的js代码块只有在这个路由被访问到的时候,才加载对应的组件,否则不加载!即:只有在这个路由被访问到的时候,才加载对应的组件,否则不加载!
2024-05-17 14:04:47
669
原创 跨域是什么?Vue项目中你是如何解决跨域的呢?
代理(Proxy)也称网络代理,是一种特殊的网络服务,允许一个(一般为客户端)通过这个服务与另一个网络终端(一般为服务器)进行非直接的连接。CORS (Cross-Origin Resource Sharing,跨域资源共享)是一个系统,它由一系列传输的HTTP头组成,这些HTTP头决定浏览器是否阻止前端 JavaScript 代码获取跨域请求的响应。一定要注意跨域是浏览器的限制,你用抓包工具抓取接口数据,是可以看到接口已经把数据返回回来了,只是浏览器的限制,你获取不到数据。发送请求中,配置请求的根路径。
2024-05-11 14:01:48
319
原创 面试官:SPA(单页应用)首屏加载速度慢怎么解决
首屏时间(First Contentful Paint),指的是浏览器从响应用户输入网址地址,到首屏内容渲染完成的时间,此时整个网页不一定要全部渲染完成,但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节。
2024-05-11 13:55:11
686
原创 为什么说HTTPS比HTTP安全? HTTPS是如何保证安全的?
可以看到,HTTPS与HTTP虽然只差一个SSL机密性:混合算法完整性:摘要算法身份认证:数字签名不可否定:数字签名同时引入第三方证书机构,确保公开秘钥的安全性。
2024-05-10 10:11:21
839
原创 什么是HTTP ? HTTP 和 HTTPS 的区别 ?
传输的数据并不是计算机底层中的二进制包,而是完整的、有意义的数据,如HTML 文件, 图片文件, 查询结果等超文本,能够被上层应用识别。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。是一个传输协议,即将数据由A传到B或将B传输到A,并且 A 与 B 之间能够存放很多第三方,如: AXYZB。由于HTTP协议简单,使得HTTP服务器的程序规模小,因而通信速度很快。浏览器和网站服务器之间传递信息,以明文方式发送内容,不提供任何方式的数据加密。
2024-05-09 15:42:21
461
原创 vue2 与 vue3的区别
Vue.js是一个非常流行的前端框架,用于构建用户界面。从Vue 2到Vue 3的过渡带来了一系列的改进和变化,旨在提高性能、增强可维护性和提升开发者体验。
2024-04-30 09:42:41
1008
原创 v-if 和 v-for的优先级
尽管优先级发生了变化,但依然不推荐直接在同一元素上同时使用这两个指令,因为这可能导致逻辑不够清晰,且可能不是最高效的处理方式。的优先级处理上有所不同,但两者都建议不要直接在同一个元素上同时使用这两个指令,而是通过外部条件控制或计算属性来优化渲染逻辑。与Vue 2类似,最佳实践仍然是将条件判断放在循环之外,或者通过计算属性预先过滤数据。条件时,因为所有项都会先被循环出来然后再进行条件过滤。会先执行,然后对于每个循环出来的元素,综上所述,尽管Vue 2和Vue 3在。的条件为真时,才会执行。
2024-04-30 09:42:20
188
原创 ES6 新增特性 —— 箭头函数
语法:(参数1, 参数2 ...) => { 函数体 }解释:如果有且仅有 1 个形参,则()可以省略如果函数体内有且仅有 1 条语句,则{}可以省略,但前提是,这条语句必须是 return 语句。需要强调的是,箭头函数是没有函数名的,既然如此,那要怎么调用箭头函数呢?你可以将箭头函数赋值给一个变量,通过变量名调用函数;也可以直接使用箭头函数。我们来看看下面的例子。
2024-04-28 11:37:08
275
原创 如何使得 单个项目有与其他项目 不一样的对齐方式
效果如下:(效果不是很理想,别急,接着往下看)👇。继承父元素的align-items属性。上代码🌰,自己敲一边,更好理解。对每个li标签 使用了。align-self属性。便有了我想要的效果👇。
2024-04-27 09:30:00
334
原创 页面跳转的几种方式
此处使用了 jQuery 的 AJAX 方法,但在原生 JavaScript 或其他库(如 Axios、fetch)中也可以类似处理。(注:此处路径需根据实际项目的小程序页面路径填写)
2024-04-19 11:46:49
2750
原创 window.location.href 与 window.open 有何区别
不过,请注意,由于现代浏览器的安全策略,特别是对于弹窗窗口的限制,直接使用 window.open 可能会被浏览器阻止或放入通知中心,尤其是当它是由非用户直接操作触发的时候(比如响应鼠标点击以外的事件)。当然,如果你想在当前窗口或标签页中打开链接,并覆盖当前页面内容,你也可以这样使用。它会改变当前窗口的URL和加载新页面,相当于在当前标签页/窗口中进行页面重定向。的值时,浏览器会立即停止当前页面的所有活动并开始加载新地址指向的页面。总结来说,如果你想在当前窗口中跳转页面,使用。
2024-04-19 11:24:32
378
原创 原生js实现大屏数字上下滚动效果,支持随机多位数字
在大屏项目中经常需要实现那种数字上下滚动的效果,普通的数字随机滚动在UI组件(例如View Design中)里,或者是countUp插件中(Vue3数字滚动插件vue-countup-v3)注:本段代码是以原生js实现,若项目需要,可以自行转为Jquery形式或者Vue中的v-for生成。html部分只定义一个简单的容器,几个数字是靠js实现的,有更大的灵活性。
2024-04-18 09:15:00
445
原创 hover时预览切换,点击后才正式切换
伪类可以用来改变元素在鼠标移入和移出时的样式。这种方法主要用于视觉效果的改变,而不是执行复杂的JavaScript逻辑。这两个事件不会受到事件冒泡的影响,也就是说,当鼠标从子元素移动到父元素时,不会触发父元素的。方法可以接受两个函数作为参数,第一个函数在鼠标移入时执行,第二个函数在鼠标移出时执行。事件,但希望避免事件冒泡导致的问题,你可以在事件处理函数中检查事件的目标(虽然这不是通过JavaScript或jQuery直接绑定事件,但CSS的。)是否是期望的元素。
2024-04-17 11:36:48
453
原创 返回上一页
3.延迟返回上一页: 如果需要在执行其他操作后延迟一段时间再返回上一页,可以使用。这两条语句都会使浏览器加载历史记录中的前一个页面,即用户访问过的上一个页面。5.刷新并返回上一页: 如果需要返回上一页的同时刷新页面,可以组合使用。上述代码将在3秒后返回上一页。
2024-04-16 07:30:00
301
原创 CSS —— 实现一行文字居中、两行或多行文字左对齐
属性以及块级元素或内联块级元素的特性来实现。CSS 实现一行文字居中、两行或多行文字左对齐的效果,通常需要结合。,这样无论有多少行文本,只要它们都在。元素内部,都将按照左对齐方式排列。使得第一行文本居中显示。
2024-03-30 11:30:00
1574
原创 jQuery如何获取元素宽高?
在jQuery中,获取元素的宽和高有多种方法,取决于你是否需要包括边框、内边距或其他额外空间。同时,请确保在DOM加载完成后执行这些操作,避免在元素尚未渲染完成时获取不到正确的尺寸。在未指定参数时获取的是内容区域的尺寸,若要获取考虑窗口滚动条影响的完整尺寸,可以使用。
2024-03-29 10:03:44
769
原创 justify/align-content/items使用区别
这三个CSS属性都是Flex布局或Grid布局中的重要属性,它们分别用于控制容器内子元素的主轴对齐方式、交叉轴线对齐方式以及单行或多行子元素在交叉轴上的对齐方式。注意:一般都是 justify-content 搭配 align-items使用。content对应的是整体,items对应的。justify对应主轴。所在的那个周边区域。
2024-03-29 09:50:20
893
原创 轻量级富文本编辑 Trumbowyg —— 基于 jQuery 插件配置
Trumbowyg需要jQuery > = 1.7,因为它使用.on()一个新的函数出现在1.7版本。在这之后,你必须加载Trumbowyg。别忘了Trumbowyg CSS到,或负载编辑您自己的风格。
2024-03-28 10:00:28
871
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人