摘要: 一、HTTP 简介 HTTP(Hyper Text Transfer Protocol,超文本传输协议)是一个用于传输超媒体文档(例如 HTML)的应用层协议,被设计用于 Web 浏览器与 Web 服务器之间的通信(但也可以用于其他目的),它通常基于 TCP/IP 协议传输数据。 简单来说就是客户端 阅读全文
posted @ 2021-04-14 21:32 sugar_coffee 阅读(1630) 评论(0) 推荐(0) 编辑
摘要: 1. 使用JSON.stringify()将对象转换为json字符串 这个方法比较讨巧,也是最容易想到的。我们都知道JSON.stringify()的作用是将Javascript对象转换为JSON字符串。所以,可以通过该方法判断对象是否为空: const obj = {} const obj2 = 阅读全文
posted @ 2021-03-26 13:18 sugar_coffee 阅读(12394) 评论(0) 推荐(1) 编辑
摘要: 判断对象中是否含有某个属性也是实际项目中常见的场景,现总结如下几种方法来判断。 本文关联文章之js遍历对象的几种方法 一、点( . )或者方括号( [ ] ) + undefined判断 我们知道,通过点或者方括号可以获取对象的属性值,如果对象上不存在该属性,则会返回 undefined。这种方式可 阅读全文
posted @ 2021-02-03 09:03 sugar_coffee 阅读(6546) 评论(1) 推荐(0) 编辑
摘要: 作为经常使用对象的我们,在有些业务场景下需要对对象的属性进行遍历,下面我总结了几种常用的 JS 遍历对象属性的方法。 本文关联文章之js判断对象中是否含有某个属性 太长不看版: JS 遍历对象的主要方法有 for...in 、Object.keys()、Object.getOwnPropertyNa 阅读全文
posted @ 2021-02-01 14:11 sugar_coffee 阅读(11014) 评论(0) 推荐(0) 编辑
摘要: 对于 axios api 我想大家已经用过很多次了。在本文中,我列出了一些常用的 axios api 请求的语法,在你可能忘记 api 的时候可以翻出来查看,而不是在旧的项目中寻找之前使用过的请求语法。 1. 安装引用 安装:npm install axios 引入:import axios fro 阅读全文
posted @ 2021-01-21 09:13 sugar_coffee 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 最近在项目中又遇到了一个接口的请求需要依赖另一个接口的请求结果和处理高并发的场景了,所以即兴在这里简单总结和分享下,欢迎指正和补充。 一、Promise 简要回顾 Promise 是一个构造函数,作为 ES6 中最重要的特性之一,它有 all、resolve、reject、race ... 眼熟的方 阅读全文
posted @ 2021-01-12 13:39 sugar_coffee 阅读(2221) 评论(0) 推荐(0) 编辑
摘要: 在开发过程中,我们难免会遇到 token 存储、 代码缓存、 图片存储等,以及其它一些可能存在的前端存储问题。 今天我们从本地存储入手,从前端的角度来了解缓存应用的场景,以及在日常开发中,我们需要缓存的地方和使用缓存带来哪些优势 or bug 一、什么是本地存储 客户端数据的存储 本地存储可以使用在 阅读全文
posted @ 2020-12-14 14:50 sugar_coffee 阅读(412) 评论(0) 推荐(0) 编辑
摘要: 在做vue项目的时候,要求用户在页面访问前先登录,或在离开页面前发出提醒。vue官方提供的路由管理器 vue-router 提供的导航钩子,通过跳转或取消的方式守卫导航。以下总结了路由钩子函数的使用方法和一些使用场景。 一、全局守卫 router.beforeEach 路由改变前的钩子 const 阅读全文
posted @ 2020-11-02 14:14 sugar_coffee 阅读(1206) 评论(0) 推荐(0) 编辑
摘要: 1. Object.assign() Object.assign() 用于将所有可枚举属性的值从一个或多个源对象,复制到目标对象。 语法:Object.assign(obj, ...sources) obj:目标对象 sources:源对象,可以是多个 返回目标对象 复制一个对象 const obj 阅读全文
posted @ 2020-10-28 14:12 sugar_coffee 阅读(2563) 评论(0) 推荐(1) 编辑
摘要: 常见场景:点击列表的详情,跳转到详情内页,在内页根据传递的参数获取详情数据。 路由传参一般有如下几种方式,下面主要介编程式导航 router.push 的传参方式: 方法一:通过 params 传参 路由配置如下: { path: '/detail/:id', //若id后面加?代表这个参数是可选的 阅读全文
posted @ 2020-10-20 15:51 sugar_coffee 阅读(6479) 评论(0) 推荐(0) 编辑