- 博客(33)
- 收藏
- 关注
原创 vue+openLayers闪烁图形/线段/点 都可以使用类似的方法
2.利用定时器(单数的时候样式一,双数的时候样式二)由此来实现闪烁效果。1.先定义两个样式,闪烁时两个样式相互交换。
2024-01-23 11:02:16
928
原创 【无标题】vue自定义表单验证的时候报错TypeError: callback is not a function
自定义函数必须是三个参数这三个而且callback这个参数必须存在而且在第三个位置,可是我写的是对的呀,控制台还是报错methods: {if (!= 0) {callback(new Error('经度范围是73.66至135.05,保留6位小数且最后一位不能为0'))} else {callback()} else {callback(new Error('经度范围是73.66至135.05,保留6位小数且最后一位不能为0'))},
2024-01-23 10:12:11
1015
原创 ERR_PNPM_FETCH_404 GET https://registry.npm.taobao.org/@qiaoqiaoyun/drag-free/-/drag-free-1.
ERR_PNPM_FETCH_404 GET https://registry.npm.taobao.org/@qiaoqiaoyun/drag-free/-/drag-free-1.0.52.tgz: Not Found - 404
2023-08-21 14:18:08
3006
原创 ant-design-vue 图片预览组件,支持旋转,放大缩小,下载 (主要是js完成)
ant-design-vue图片预览,放大,缩小,旋转
2023-04-17 14:45:03
1796
原创 Ant Design of Vue对话框a-model动态实现显示隐藏底部
Ant Design of Vue对话框a-model动态实现显示隐藏底部
2023-01-11 15:27:34
3209
原创 Vue.js使用Blob的方式实现excel表格的下载(流文件下载)
最近在做blob流导出相关功能,其中需要导出excel、csv、word、zip压缩文件之类的,在导出excel和word中需要知道对应的content-type属性,关于blob格式如下:后缀MIME Type.docapplication/msword.docxapplication/vnd.openxmlformatsofficedocument.wordprocessingml.document.xlsapplication/vnd.ms-excel.x
2022-04-22 11:21:23
3058
原创 配置git忽略vue项目的node_modules依赖
1.在vue项目中新建一个名为 .gitignoe的文件夹2.打开文件填入/node_modules/
2022-04-02 11:32:22
1410
原创 vue中二次封装 axios 以及跨域问题
1.在vue脚手架里面src文件下面创建一个api文件夹 里面分别创建index.js 和 request.js 如下图2.request.js文件// 请求import axios from 'axios'// create an axios instance 创建axios实例const instance = axios.create({ baseURL: 'http://192.168.3.6:8082', // api 的 base_url withCredentials:
2022-03-24 10:43:25
1663
原创 vue实现token登录验证
token可用于登录验证和权限管理。大致步骤分为:前端登录,post用户名和密码到后端。后端验证用户名和密码,若通过,生成一个token返回给前端。前端拿到token存储到localStorage管理,登录成功进入首页。之后前端每一次权限操作如跳转路由,都需要判断是否存在token,若不存在,跳转至登录页。前端之后的每一个对后端的请求都要在请求头上带上token,后端查看请求头是否有token,拿到token检查是否过期,返回对应状态给前端。若token已过期,清除token信息,跳转至登录
2022-03-24 10:18:39
9034
7
原创 error ‘xxx‘ is defined but never used no-unused-vars 的解决方法
vue error ‘_‘ is defined but never used no-unused-vars 解决方法错误描述:App.vue中的 ‘err’ 已定义定义却从未使用过解决方法:在相应代码处加上注释 // eslint-disable-line no-unused-vars handleClose(done) { this.$confirm('确认关闭?') .then(_ => { // eslint-disable-line no-unu
2022-03-08 11:08:48
8783
原创 element ui的使用导航栏跳转路由的用法详解
使用elemen-ui的导航栏做路由跳转切换页面先复制官方的例子<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index="2"> <template slot="ti
2022-03-08 11:03:34
5191
原创 路由导航守卫控制访问权限
路由导航守卫控制访问权限如果用户没有登录,但是直接通过URL访问特定页面,需要重新导航到登录页面// 挂载路由导航守卫router.beforeEach((to,from, next)=>{ // to 将要访问的路径 // from 代表从哪个路径跳转而来 // next 是一个函数,表示放行,有两种写法如下: // next() 放行 next('/login') 强制跳转 // 如果用户访问登录页,直接放行 if(to.path === '/login') r
2022-02-08 11:18:30
768
原创 vue-尚品汇项目 -尚硅谷项目笔记-项目配置
2.1 项目运行起来时,让浏览器自动打开在项目根目录下的package.json文件里面的scripts里面的serve后面加上 --open"scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint" },2.2 eslint校验功能关闭— 在根目录下,创建一个vue.config.js
2022-01-29 10:51:37
1550
原创 js写轮播图,鼠标移入轮播图停止,鼠标移出轮播图继续
要求:1、点击按钮,切换图片; 2、图片能够自动轮播; 3、鼠标移入,轮播停止;移出继续轮播;知识点:1、定时器:setInterval(); 2、鼠标移入事件:onmouseenter/onmouseover; 鼠标移出事件:onmouseleave/onmouseout;难点:假设轮播图轮播到第二张图片,此时点击第一张图片,我们想要的效果是鼠标移出后,图片轮播到第二张图片,到事实是轮播到第三张图片。<!DOCTYPE html><html
2022-01-10 12:35:11
5997
原创 vue的scoped情况下通过父组件修改子组件的样式
在正常情况下vue父组件中是无法修改子组件的样式但是又不能去掉scoped,因为去掉scoped会污染全局的样式所以可以选择使用深度选择器1.>>>如果项目使用的是css原生样式,那么可以直接使用>>>穿透来修改样式编译前:<style scoped>.a >>> .b { /* ... */ }</style>编译后:.a[data-v-f3f3eg9] .b { /* ... */ }2./d
2022-01-06 09:35:09
673
原创 VS Code打开vue文件出现很多黄色波浪线的解决办法(ESlint插件引起)
是ESlint插件引起的禁用就行禁用之后重新打开vscode问题就解除了
2022-01-03 15:32:04
2548
原创 [vuex] module namespace not found in mapState(): countOptation/
项目场景:vuex的模块化+namespaced: true,问题描述:出现namespace按理说是命名空间没有改成trueconst countOptation = { // 命名空间namespaced: true namespaced: true, // 准备actions对象 actions: { jiaOdd(context, val) { if (context.s
2021-12-05 15:15:05
4384
3
原创 vue笔记
ref属性1.被用来给元素或子组件注册引用信息(id的替代者)2.应用在html标签上获取的是真实DOM元素,应用在组件标签上是组件实例对象(vc)3.使用方式:打标识: <h1 ref="xxx">....<h1>或<School ref="xxx" />获取:this.$refs.xxx配置项props功能: 让组件接收外部传过来的数据(1)传递数据: <Demo name="xxx">(2)接收数据:第一种方式(只接收):
2021-11-30 21:56:56
488
原创 分析脚手架
├── node_modules├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWorld.vue│ │── App.vue: 汇总所有组件│ │── main.js: 入口文件├── .gitignore: git 版本管制忽略的配置├── babel.config.j.
2021-11-30 21:38:07
89
原创 vue创建脚手架
初始化脚手架一、说明1.Vue脚手架是Vue官方提供的标准化开发工具2.具体查看 官方文档二、具体步骤1.全局安装@vue/cli(仅第一次执行)注意:要以管理员的身份打开cmdnpm install -g @vue/cli安装完成后在输入vue,显示下图则证明安装成功2.切换到要创建项目的目录 ,然后使用命令创建项目vue create xxxx自行选择适合的vue版本3.启动项目1.先进入创建的文件夹的路径: cd vue_text2. 然后输入 : np
2021-11-30 21:26:52
736
原创 vue的v-for循环中图片加载路径问题
vue的v-for循环中图片加载路径问题产品要求要求图片和它的名字一一对应,vue中的img的src可以动态绑定到一个变量上<template><div id="app"> <ul> <li v-for ="a,b in data" :key="b"> <img :src="a.url" alt="flowers"> <p>{{item}}</p>
2021-11-17 17:54:33
3851
原创 vue的生命周期
二、生命周期1.创建阶段的生命周期函数首先通过var vm = new Vue({}) 创建一个Vue实例对象,vm是一个空的Vue实例对象beforeCreate() (初始化之后) 在beforeCreate()生命周期函数执行的时候,vue对象中的data和methods中的数据没有初始化,在beforeCreate()中无法访问data数据和methods中的方法;2.created() (创建完成 )此时data数据和methods中的方法已经初始化好了,也就是说,3.create
2021-11-04 10:53:40
1070
原创 vue基础语法
一、vue基础语法插值表达式数据绑定最常见的形式就是使用{{…}}(双大括号)<div id="app"> <div>{{ message }}</div> </div> <script> new Vue({ el: '#app', data: { me
2021-11-04 10:48:35
104
原创 2021-10-09
raise InvalidHeader(“Invalid return character or leading space in header: %s” % name)requests.exceptions.InvalidHeader: Invalid return character or leading space in header: User-Agent错误今天爬虫的时候遇到了从来没有遇见过的错误raise InvalidHeader("Invalid return character or
2021-10-09 10:57:46
146
原创 pyecharts做折线图
一、折线图定义折线图是用直线将各数据点连接起来而组成的图形,以折线方式显示数据的变化趋势(例:人口增长趋势、书籍销售量、粉丝增长进度)二、实例1.例:美国邮票折线图2.代码如下:from pyecharts import Lineline = Line(title="美国邮票折线图")# x轴上的值datax = ['1995', '1996', '1997', '1998', '1999', '2000', '2001', '2002', '2003', '2004',
2021-03-30 14:24:44
4263
1
原创 pyecharts做梯形图
一、梯形图定义曲线保持在同一个值,直到发生变化,直接跳跃到下一个值。(在时间数据可视化中的例子:银行的利率、人的年龄上涨)二、python实例1.例:美国每年邮费变化的数据2.代码如下:from pyecharts import Lineline = Line(title="美国邮票阶梯图")# x轴上的值datax = ['1995', '1996', '1997', '1998', '1999', '2000', '2001', '2002', '2003', '200
2021-03-30 13:37:24
2477
原创 python3.8版本的安装
python3.8的安装1.在官网下载python3.8.0版本的下载地址:[https://www.python.org/downloads/release/python-380/]选择下方的Windows x86-64 executable installer下载2.双击安装文件python-3.8.0-amd64.exe3.勾选下方“Add Python 3.8 to PATH”,并选择“Customize installation”4.把Optional Features全部勾选上,点
2021-03-30 11:40:18
1087
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人