前端开发
-
一、前端路由的概念及原理 1.1 什么是路由 路由（router）就是对应关系 1.2 SPA与前端路由 SPA：单页面应用程序 1.3 前端路由的工作方式 二、vue-router的基本使用 2.1 什么是vue-router vue-router是vue.js官方给出的路由解决方案，它只能结合vue项目进行使用，能够轻松地解决SPA项目中组件的切换。 2.2 vue-router的基本用法 2.2.1 vue-router的安装和配置 （1）安装vue-router包：np
2024-11-23 -
网上搜索了一下，发现没能找到类似的效果，查百度地图API也没能找到，可能是我没找到，于是自己用一种方式实现了。在此记录一下。首先需要给marker设置一个点击事件。在点击事件里调用marker的getLabel方法，判断marker有没有Label，第一次点击的时候，控制台打印的是null，这个时候需要生成一个Label放到marker上。接着点击marker判断，此时Label不是null，按照百度地图的API设置了css的dispaly为none。此时Label消失了。再次点击，本想mark
2024-11-23 -
this.message = this.message.split('').reverse().join('')
2024-11-23 -
def example_function(**kwargs): print(type(kwargs)) for key, value in kwargs.items(): print(key, value) example_function(name='John', age=25, city='New York') 输出为： <class 'dict'> name John age 25 city New York 通过这个例子，我们能够看出，**kwa
2024-11-23 -
此方法仅供参考 参数对象 queryParams: { pageNum: 1, pageSize: 10, name: undefined, gender: undefined } 1.在跳转详情页的路由，保存参数 sessionStorage.setItem("queryParams",JSON.stringify(this.queryParams)) this.$router.p
2024-11-23 -
1、问题： 使用hexo部署静态网站或博客时，经常会有一个问题：明明导入了js文件以及css文件，也成功部署了网站，但访问时，样式就是加载不出来，如下所示： 2、问题原因查找： 首先我打开网页调试窗口，发现有一个报错： 我一看这不就是语法错误吗？我第一反应是这些静态文件未编译或者语法有问题，但找半天后并没有发现语法上有什么问题。 既然不是语法的问题那就是路径的问题了，可能是路径问题导致的css或js文件未导入或未加载
2024-11-23 -
1、获取url上的参数 // 不可以获取中文 const getUrlParams = () => { const pattern = /(\w+)=(\w+)/ig; const params = {} const url = location.href; url.replace(pattern, ($, $1, $2) => { params[$1] = $2 }); return params; } // 获取url上的参数 可以获取
2024-11-23 -
效果 导入组件 import ElImageViewer from "element-ui/packages/image/src/image-viewer"; components:{ ElImageViewer }, 模板使用组件 <el-image-viewer v-if="isShowPics" :on-close="closeViewer" :url-list="srcList" /> 定义两个变量 isShowPics:false,
2024-11-23 -
import React, { useState, useEffect } from 'react'; import ReactDOM from 'react-dom'; import { Column } from '@ant-design/charts'; const DemoColumn = () => { const [data, setData] = useState([]); useEffect(() => { asyncFetch(); }, []);
2024-11-23 -
首先自定义一个加载中组件 ccloading.vue 然后再pina里面保存这个 showLoading的值。判断是否显示加载中。也就是上面引入的 /store/common.ts文件 import { defineStore } from 'pinia' import piniaPersistConfig from "@/store/helper/persist";//因为persist不支持小程序的缓存。所以再这个页面重写了一下存储方式。这个 export interface Sta
2024-11-23