vue中api统一管理
针对小型项目
无需管理的情况下
<script>
import axios from 'axios';
export default {
methods: {
async request() {
let data = {}
try {
// host指的是请求的域名，path指的是请求的路径， data是相关的参数和请求头配置
前端
前端获取IP地址方法总结
通过配置vite获取IP地址实现效果
实现方法1、需要下载os插件npm i os2、获取内网IP地址的方法import os from 'os';
export function getNetworkIp() {
let needHost = '';
try {
const network = os.networkInter
在vue中如何优雅的封装第三方组件
在使用第三方组件的时候或多或少的会因为样式，业务不符合自己的需求进而进行封装。是否你也会有这样的困扰。封装业务组件的时候，弄了好多业务进自己的组件里。要传递好多参数给自己封装的组件，然后再在封装的组件里传递给第三方组件。不禁要知道每个组件的参数的意思还要对其增加参数。用于传递给第三方组件。一旦业务拓展，就还需要对应往封装组件增加属性，组件内增加接收传递给第三方组件。后期维护起来痛苦不堪。那么下面我
【前端实战】如何让用户回到上次阅读的位置？
目录【前端实战】如何让用户回到上次阅读的位置？一、总体思路1、核心目标2、涉及到的技术二、实现方案详解1、基础方法：监听滚动，记录 scrollTop（不推荐）2、Intersection Observer + 插入探针元素3、基于 URL Hash 锚点跳转三、总结1、不同方案间对比总结2、结语
作
vue-router笔记摘录认识
1.SPA单页面应用的理解
SPA（single-page application），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTML、JavaScript和CSS）都通过单个页面的加载而检索，或者根据需要（通常是为响应用户操作）动态装载适当的资源并添加到页面页面在任何时间
【JS 】让浏览器支持<style scoped>
1. HTML style scoped 属性
今天无意中发现居然还有这么一个神仙属性 HTML style scoped 属性
他的作用主要是将 style的作用域控制在他自身的父元素之内。
例如：
<div>
<style type="text/css" scoped>
h1 {color:red;}
p {color:blue;}
</s
vue封装组件发布到Npm
前言
项目中因为设计风格、项目模式有很多相似的组件模块，每次都要做抽离、复制、粘贴，作为项目负责人，总是想把相似模块抽离出来作为公共模块，所以就有了把这些模块都扔到npm上的想法，网上呢，也有好多文章讲解这个东西，但是都会有一些自己上手的过程中遇到卡壳的细节问题，所以我找了一个最清晰也最小白的教程，按照大佬教程一步步手操将每个环节自己的问题都写出来，以供大家参考，要是写的有些不是很到位的解释呢，还
单页应用（SPA）和多页应用（MPA）的区别
一、简介
单页面应用：SinglePage Web Application，简称 SPA
多页面应用：MultiPage Application，简称 MPA
二、定义区分
（1）单页面应用
只有一个 WEB 主页面的应用，公共资源(js、css等)仅需加载一次，所有的内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅刷新局部资源。常用于PC端官网、购物等网站。
