![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 71
伟深么
这个作者很懒,什么都没留下…
展开
-
【HTTP详解】常用的14个HTTP状态码
这个状态码通常用于网站的重定向,可以帮助网站管理员更改网站的URL结构。与302状态码类似,但307状态码明确要求客户端保留请求方法不变。表示客户端发送的请求有误,服务器无法理解。表示客户端请求的资源未被修改,可以直接使用缓存数据。表示客户端请求的资源被服务器拒绝访问。这个状态码通常出现在客户端没有权限访问资源的情况下。表示客户端请求的资源需要认证。客户端需要提供合法的身份验证信息,才能访问请求的资源。这是最常见的状态码之一。表示客户端请求的资源不存在。这个状态码通常出现在请求一个不存在的URL或文件时。原创 2023-03-28 15:50:07 · 1154 阅读 · 0 评论 -
Vue3源码阅读笔记【reactive和effect的理解和实现】
reactive和effect是Vue3中实现响应式数据和副作用函数的核心API,学习并理解这部分内容对于深入Vue核心逻辑是很有帮助。原创 2023-03-28 10:30:00 · 586 阅读 · 2 评论 -
使用typescript封装axios支持接口返回值类型提示和检查
使用typescript封装axios支持接口返回值类型提示和检查、axios、typescript原创 2022-11-14 23:41:42 · 1432 阅读 · 0 评论 -
Javascript 中 Map的用法
Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者基本类型)都可以作为一个键或一个值。原创 2022-10-03 13:47:01 · 1093 阅读 · 0 评论 -
Vue2.6 + TS + composition-api 项目升级至 Vue2.7
Vue2.6* + ts + compostion-api 升级 Vue2.7升级vue2.7使用 this.$router this.$store原创 2022-10-01 20:00:25 · 1516 阅读 · 0 评论 -
【GitHub Actions + GitHub Pages 实现前端自动部署到Github免费站点】(无需服务器,以vue项目为例)
一个实现前端项目自动部署最简单的流程,使用了GitHub Actions 以及 GitHub Pages原创 2022-08-22 00:05:24 · 741 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(完结):其他不兼容的小修改以及被移除的API
在 Vue 2 中,自定义指令通过使用下列钩子来创建,以对齐元素的生命周期,它们都是可选的:bind - 指令绑定到元素后调用。只调用一次。inserted - 元素插入父 DOM 后调用。update - 当元素更新,但子元素尚未更新时,将调用此钩子。componentUpdated - 一旦组件和子级被更新,就会调用这个钩子。unbind - 一旦指令被移除,就会调用这个钩子。也只调用一次。...原创 2022-08-11 09:00:00 · 214 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(四):不兼容的变更之组件与渲染函数
从Vue2到Vue3变更知识点汇总原创 2022-08-11 09:00:00 · 291 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(一):值得注意的新特性
从Vue2到Vue3变更知识点汇总原创 2022-08-11 09:00:00 · 241 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(三):不兼容的变更之模板篇
从Vue2到Vue3变更知识点汇总原创 2022-08-11 09:00:00 · 487 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(二):组合式 API和组合式 API 语法糖 (<script setup>)
从Vue2到Vue3变更知识点汇总原创 2022-08-11 09:00:00 · 310 阅读 · 0 评论 -
Element-pagination分页组件修改current-page属性,不能正确渲染当前页码的问题(从组件源码查找问题)
需求:使用elementUI的分页组件pagination,要实现从页面跳转到列表页时设置当前页码current-page问题:设置current-page成功,请求接口携带参数正确,pagination组件上页码显示不正确,始终显示为第一页解决方式:1、在请求数据后再设置current-page (推荐)```javascript<!-- methods -->await getList() // 此时的total应该不为0this.currentPage = 要设置的页码`原创 2022-05-18 15:50:09 · 3850 阅读 · 0 评论 -
ES6模块化export异步导出数据
ES6模块化export异步导出数据,实现的方式。当我们尝试在js中使用export导出异步的数据时,会发现输出的是异步前的结果。//export.jslet asyData = [1, 2, 3]setTimeout(function () { asyData = [3, 2, 1] }, 2000);export { asyData }//import.jsimport { asyData } from "./export.js";console.log( as原创 2020-11-23 18:29:28 · 3649 阅读 · 0 评论 -
如何对多个if-else判断进行优化
当我们遇到需要多个条件判断的业务操作时,最简单直接的办法就是用多个if-else判断,虽然能够实现,但当判断条件过多,甚至是多元判断时,我们的代码就会变得非常不好阅读和维护。举个例子这里也可以用switchif(status === '1'){ return '未审批' }else if(status === '2'){ return '审批中' }else if(status === '3'){ return '审批通过' }else原创 2020-11-16 16:07:04 · 20034 阅读 · 2 评论 -
JavaScript中Map对象的用法
JavaScript 标准之Map对象的用法定义构造函数属性与object对象相比方法map.clear()Map.delete(key)Map.has (key)Map.entries()Map.set(key, value)Map.get(key)Map.keys()Map.values()Map.forEach()Map\[@@iterator]()使用for...of迭代Map对象Map 与数组的关系复制、合并Map对象小结定义Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或原创 2020-11-16 15:57:49 · 2532 阅读 · 0 评论 -
使用canvas压缩图片
要用canvas实现前端的图片压缩,有几个步骤。1.拿到图片元素。2.绘制一个空白的canvas。3.将图片绘制在canvas上。4.将canvas转成base64。(这里调用的方法可以实现压缩,base64就可以直接放入src或者传入后端、转成别的格式传输等。)上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie.原创 2020-10-29 19:42:14 · 3008 阅读 · 0 评论