- 博客(40)
- 收藏
- 关注
RSS订阅原创 [vue-router] “path“ is required in a route configuration.
在路由配置中出现了{}的配置就会报错在主路由中配置{}，找不到path路径在children中配置}{}，找不到path路径
2022-02-28 10:56:50
1211
原创 元宇宙-一个新的世界
概述当世界不断地变化，科技不断地发展，当我们的应用由上90年代的电脑到21世纪的手机，人类与世界的交互从现实世界不断向虚拟化靠拢。由此衍生的VR、AR，就是现实世界虚拟化的产物，那么什么是元宇宙，根据我的了解，我的认识是，元宇宙就是VR、AR中你能看到的，现实与虚拟的交互。2.期待元宇宙...
2021-12-03 22:56:34
113
原创 vue-antdv一个场景
后台管理系统用户（给用户配置角色）角色（每个角色有不同的菜单和部门）问题 我在新增和修改功能已经写好的情况下，然后被告知接口需要将上级菜单一起传入，在新增角色配置菜单和部门的时候（tree组件），只能拿到勾选的部分，但是实际上我需要的是勾选的以及和他有关联的父级。以及如何选中之后，将我显示的和我传给接口的分开（问题1）。在修改角色配置菜单和部门的时候如何回显（问题2）。2个小问题，只是总结一下使用antd过程中的一些思路获取父级（新增功能）在tree组件中有个方法check定义了两个
2021-11-16 16:52:45
803
原创 vue动态路由中路由信息存入缓存中的问题
动态存储路由信息当我们将动态路由信息存入缓存中（或者vuex实现持久化数据存储）时，在退出登录或token失效时需要将缓存清除（包括vuex存储的信息）。当拿到动态路由信息时，我们不要将处理成routes格式的信息存储到缓存，因为你再次拿到信息的时候，你会发现，路由可能还存在，但是对应的页面地址（component）已经没有了。解决方法：切换页面的时候重新请求将拿到的路由信息直接存储，在处理成routes格式之前，在需要的使用的时候，然后拿出来处理使用用。注意点，在一个对象中存在方法时，
2021-11-16 16:11:19
1435
原创 vue中的动态路由
请求接口 function myRoutes(){ let token = localStorage.getItem("token"); let result = []; console.log(token); let data = { url: "sys/menu/nav", method: "get", headers:{"token": token}, params:{} }; return req.
2021-10-21 13:58:34
284
原创 vue3结合webpack创建项目
创建vue3.0项目+webpack新建一个项目 vue init webpack mypro//注意名字可能命名会提示出错一个提示，关于vue2.0和vue3.0输入提示命令 npm install -g @vue/cli-init安装成功，再次输入新建一个项目命令（1）...
2021-09-09 17:31:20
467
原创 Dart中数组定义必须用List
用Dart在尝试写访问数组中的对象中的数组时，用var定义数组当我们再访问这个获取到的数组对象时报错3.将var换成List时将var换成List就对了，初学Dart，还不是很理解是什么原因
2021-09-02 14:34:31
199
2
原创 浮动元素中设置图片的垂直居中不生效问题
浮动元素设置行高不生效给父元素添加上float，并且设置高度=行高出现垂直方向上并不居中显示解决方法，使用定位，将盒子定位到居中位置其它可能思路，给图片加上一个盒子，这个盒子的宽高等于设置float的父元素，再用盒子高度=行高，没有实践，仅供参考，应该可以。衍生其它问题，浮动元素中的文本水平垂直居中，解决思路大概相同。...
2021-08-30 11:52:09
449
原创 由于一行文本溢出隐藏，导致的后面元素对齐的问题
文本溢出隐藏一行文本溢出隐藏1.html <div class="username">一行文本溢出隐藏了</div>2.css .username{ width: 62px; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis; }解决一行
2021-08-26 14:22:21
265
原创 JavaScript this的指向问题
1.this总结普通函数调用时，this指向的是window作为事件调用的时候，this指向的是调用他的那个对象作为构造函数调用时，this指向的是构造函数实例化的那个对象2. this在实际开发中可能遇到的问题在实际开发中（vue项目中），在我们如果在函数中调用函数时，这个函数如果是普通函数，里面使用了this的时候，那么要看这个this是否是全局的this，如果不是，那么需要定义一个参数，将全局的赋值给他，然后在内部使用。在实际开发中，最容易忽略的往往是请求中如果有this，那么也可以
2021-08-26 12:01:50
69
原创 在vscode中tes命令报错的解决办法-typescript命令运行报错
用管理员身份启动vscode打开终端输入命令 get-ExecutionPolicy 如下再输入命令 set-ExecutionPolicy RemoteSigned 如果正常，就没问题，如果报错如下再输入命令 set-ExecutionPolicy -Scope CurrentUser在如图位置输入 RemoteSigned就可以了...
2021-08-24 18:11:09
218
原创 华为手机自带浏览器的显示问题
使用way-item这种css类名命名方式，在华为自带浏览器中会有时会导致页面完全没有显示的问题（空白），其它手机浏览器是正常显示的。但是只要将way-item这种命名方式成驼峰命名wayItem这样，页面就能正常显示。为什么有时会出现这种问题？我也不太清楚...
2021-08-23 12:02:50
825
原创 vue中显示隐藏的两种指令以及数据页面加载时报错解决
显示隐藏v-ifv-if是通过控制dom节点的存在与否来控制元素的显隐，不需要高频切换的时候更多的使用。v-showv-show是通过设置DOM元素的display样式，block为显示，none为隐藏；v-show只是简单的基于css切换；需要高频切换的时候更多的使用。总结：综上所述，当我们在页面中，如果需要非常频繁地切换某个节点，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。v-if有更高的切换消耗；v-show有更高的初始渲染消耗。v-if能够解决在页面上
2021-08-23 11:56:23
1520
1
原创 vue插槽Slot
插槽默认插槽父组件<children-1>我是默认插槽1-这是父组件传入的值 </children-1>子组件<slot></slot> <h1> <slot>默认值1</slot> </h1>具名插槽父组件<children-2> <template v-slot:h_1> <p&
2021-08-17 16:54:19
71
原创 vue-组件传值
组件传值父传子父组件father.vue中引入子组件son.vue将父组件定义的参数绑定到子组件上子组件通过props接收显示到页面上子传父子组件son.vue上的一个点击事件,通过点击事件来触发$emit实现传参触发$emit，定义一个方法，传参父组件上通过在子组件绑定自身定义的那个方法，来传递给父组件的方法，获取参数父组件定义一个空值属性来接收父组件方法上传递过来的参数显示到页面上非父子组件传值（son《=》son2 互相实现了）定义一个全局的bus对象，通过b
2021-08-11 18:07:28
54
原创 js如何向数组中的对象添加属性
数组中的对象添加属性(vue中使用)定义在methodsfun:(arr)=>{ let _arr = []; arr.map((item,index)=>{ _arr.push(Object.assign({},item,{key:index})); }) return _arr;}使用let oldArr = [{a:1,b:2},{a:1,b:2}]let newArr = []; newArr = this.fun(arr);console
2021-08-09 16:49:38
388
原创 文件上传中如何拿到数据
文件上传（单个）base64设置请求头headers:{‘Content-Type’:‘application/x-www-form-urlencoded’}, //拿到file let reader = new FileReader; reader.readAsDataURL(file); reader.onload = (ev)=> { //ev.target.result 读出的base64格式 console.log(ev) //图片预览 th
2021-08-02 15:24:25
280
原创 从零开始创建一个vue项目
从零开始创建一个vue项目创建空文件夹，存放相关目录，cmd进入命令行vue init webpack token 创建项目（除eslint，其它都yes）打包配置config下面的index.js中的build下的assetsPublicPath：’./’引入vuex状态管理npm i vuex -S在src目录下创建store文件夹，再在文件夹下创建一个index.js文件在index.js文件中写入import Vue from 'vue'import V
2021-07-28 11:01:43
95
原创 vue+axios请求封装+接口封装和使用
请求axios下载npm i axios -S封装axios请求在src目录下新建network文件夹在文件夹下新建index.js(存放二次封装的请求)import axios from 'axios';const instance = axios.create({ baseURL: 'http://api_dev.wanxikeji.cn/', timeout: 10000, headers: { 'Content-Type': 'appli
2021-07-28 10:53:47
212
原创 console.log()、console.log(this)报错-总结
console.log()和console.log(this)跳转到的页面中有console.log(this)（16个）或者console.log()（10个）,那么页面就会报错;但是这个console.log(this)如果不在生命周期函数中,当前页面本身是不报错的，但是跳转到的这个页面如果有会报错（10个）。单独的console.log()不管在哪里，都会报错（10个）但是如果这个console.log(this)存在生命周期函数中，那么当前页面也会报错（10个）。注意：当我们在页面中打
2021-07-21 12:01:13
1999
原创 java中稀疏数组
稀疏数组package com.tao.arrays;public class XisuArr2 { public static void main(String[] args) { //1.创建一个二维数组来表示围棋棋子 11*11 0：没有棋子 1：黑棋 2：白棋 int[][] array1 = new int[10][10]; array1[1][1] = 1; array1[2][3] = 2; for
2021-07-16 15:13:37
53
原创 vuex在项目中的使用
vuex通过npm包下载安装npm i vuex -s在项目的根目录（src）下新增一个store文件夹，在该文件夹内创建index.js在store/index.js中配置vueximport Vue from 'vue'import Vuex from 'vuex'//挂载VuexVue.use(Vuex)//创建VueX对象const store = new Vuex.Store({ state:{ //存放的键值对就是所要管理的状态
2021-07-15 11:22:16
101
原创 java写三角形
* *** ***** ******* *********public class WorkDemo { public static void main(String[] args) { for (int i = 1; i <=5; i++) { for(int j = 5;j>=i;j--){ System.out.print(" "); } ...
2021-07-08 17:07:17
206
原创 使用vuex-项目初始化未安装
vuex简单引入安装vuex（命令）npm install vuex --save2.新建store文件夹，在文件夹下新建index.jsimport Vue from 'vue'import Vuex from 'Vuex'Vue.use(Vuex)export default new Vuex.Store({ state:{} mutations:{}, actions:{}, moudle:{}})在根实例中注册storeimport store from './sto
2021-07-08 16:17:10
107
原创 java流程控制-Scanner对象
Scannerjava.util.Scanner是Java5的新特性，我们可以通过Scanner类来获取用户的输入。基本语法Scanner scan = new Scanner(System.in)通过Scanner类的next()与nextLine方法获取输入的字符串，在读取前我们一般需要使用hasNext()与hasNextLine()判断是否还有输入的数据。以next()为例package com.tao.scan;import java.util.Arrays;import
2021-07-07 11:57:18
65
原创 rem实现页面布局
rem来自适应屏幕创建html文件给根元素html设置font-size:xxxpx媒体查询（媒体查询间隔越小效果越好）给不同尺寸下的根元素html设置按照比例缩小（放大）的font-size：xxxpx；
2021-07-07 10:36:56
89
原创 pc端兼容移动端-最基础
pc端适应移动端-基础布局<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> --> <title
2021-07-07 09:48:58
90
原创 vue组件-局部注册使用
vue局部组件创建组件<template> <div class="adrouplist-head"> <a-icon type="menu" /><span class="paddingLR5">查询</span> </div></template><script>export default { name:'v-head', data(){ ret
2021-07-06 13:38:49
82
原创 vue组件-全局注册使用
vue全局组件创建vue子组件 head.vue<template> <div class="adrouplist-head"> <a-icon type="menu" /><span class="paddingLR5">查询</span> </div></template><script>export default { name:'v-head', data()
2021-07-06 12:02:00
79
原创 pc端兼容移动端
pc端兼容移动端1.网页头部写viewpoint2.两种布局去兼容移动端上中下排布上中（放一个空盒子）下外面的盒子display:flex;布局空盒子给flex:1;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
2021-07-05 15:44:14
603
原创 解决pc端网页在手机上的一些兼容问题
解决pc端网页在手机端的一些兼容问题1.viewPoint解决屏幕适应问题1. 如果想在手机端适应的更好，添加下面一段2. 如果想在ios端也适应，删除下面一段2.es6->es5低版本的安卓手机可能会白屏，是由新特性不支持引起的解决代码es6新特性兼容问题npm 安装npm install babel-polyfillnpm install es6-promisemain.js 引入import ‘babel-polyfill’import Es6Promi
2021-07-05 10:13:54
1865
原创 计算机单位转换
位是计算机内部数据存储的最小单位，11001100是一个八位二进制数。字节是计算机数据处理的基本单位，习惯上用B来表示字符是指计算机中使用的字母、数字、字和符号1bit表示1位。1Byte表示一个字节1B=8b。1KB=1024B1MB = 1024KB1CB = 1024MB...
2021-06-22 14:42:38
125
原创 第一个java程序-helloword
helloworld新建一个文件夹，存放代码新建一个Java文件- 文件后缀名为.java- Hello.java- 当系统没有显示文件后缀名时，需要手动打开编写代码public class Hello { public static void main(String[] args){ System.out.print("Hello,world!"); }}编译运行(在文件路径下)- javac Hello.java- java Hello...
2021-06-22 10:16:24
59
原创 vue项目打包上线（tomcat）
在tomcat环境下如何将vue项目打包上线将vue项目打包（项目打包有些配置问题）安装xshell+xftp（如果是破解版，在管理员权限下绿化）连接服务器将打包的文件通过ftp上传到服务器中（tomcat+项目文件）配置端口（关闭端口+发送请求端口）开启服务（./startup.sh）将打包的文件移动到webapps文件目录下访问（通过端口+文件名）...
2021-06-22 09:43:48
96
原创 css浮动
浮动解析定义浮动是一种使元素脱离文档流的方法，会使元素向左或向右移动，其周围元素也会重新排列。float，往往是用于图像的，但是他在布局时也同样非常有用。原理使当前元素脱离普通文档流，相当于浮动起来一样，浮动的框可以左右移动，直至它的的外边缘遇到包含框或者另一个浮动框的边缘。清除浮动给浮动元素末尾添加一个空元素，并设置clear:both给父元素设置overflow或者display:table使用伪元素.box:after{ display:block; height:0; c
2020-10-13 13:58:51
146
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人