随笔分类 -  前端

上一页 1 2
Vue每次切换路由时滚动到页面顶部
摘要：vue3配置跳转到新的路由界面的位置 import { createRouter, createWebHashHistory } from 'vue-router' // vue2.0 new VueRouter({}) 创建路由实例 // vue3.0 creatRouter({}) 创建路由实例 阅读全文
posted @ 2022-06-10 22:52 打击范围覆盖全球 阅读(531) 评论(0) 推荐(0)
CSS图片居中显示 超出div容器高度度隐藏 图片高度低于div容器高度上下不留白显示
摘要：通过固定容器的宽高加上flex布局结合css3的属性object-fit实现 .el-image{ width: 100%; height: 26rem; display: flex !important; justify-content: center; align-items: center; 阅读全文
posted @ 2022-06-10 16:43 打击范围覆盖全球 阅读(808) 评论(0) 推荐(0)
CSS vertical-align不起作用
摘要：问题 我们有的时候想垂直居中，我们就写上vertical-align:middle，但是大多数情况下是不起作用的，你知道是为什么嘛？ 我的发现 vertical-align:middle这个属性必须和line-height一起使用，就是说它的什么top、middle、bottom这三个属性值都是相对 阅读全文
posted @ 2022-05-31 16:36 打击范围覆盖全球 阅读(107) 评论(0) 推荐(0)
JS async函数
摘要：一，async函数介绍 1.async函数是异步的一种方案，可以让异步的操作同步执行。 二，async函数基本形式 1.声明形式：在函数前加上关键字async 表示该函数是一个async 函数 async function fn(){ await ... } const fn = async ()= 阅读全文
posted @ 2022-05-28 09:01 打击范围覆盖全球 阅读(285) 评论(0) 推荐(0)
封装axios
摘要：封装axios一、创建文件utils/request.js // 基于 axios 封装的请求模块 import axios from 'axios' // 新建一个新的axios实例 const newAxios = axios.create({//创建返回一个新的axios函数对象 baseUR 阅读全文
posted @ 2022-05-26 11:03 打击范围覆盖全球 阅读(106) 评论(0) 推荐(0)
Vue提示Custom elements in iteration require 'v-bind:key'
摘要：Vue中使用v-for出现错误提示： [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vue 解决思路： 1、v-for 后添加:key="item" 阅读全文
posted @ 2022-04-27 15:29 打击范围覆盖全球 阅读(968) 评论(0) 推荐(0)
Vue \n无法换行的问题
摘要：在开发Vue的组件时，文本的换行符（\n）却无法正常换行，而是被替换为空格。 解决方法 我们可以利用 css 样式中的 white-space，把文本区域的样式设置为： white-space: pre-line;， 就可以很方便的解决。 注意不要使用 white-space: pre-wrap;， 阅读全文
posted @ 2022-04-27 14:44 打击范围覆盖全球 阅读(2860) 评论(0) 推荐(0)
Vue把路由修改成history 后，通过刷新后报500错误问题，解决方案
摘要：第一：在路由文件中配置：src/router/index.js import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) 阅读全文
posted @ 2022-04-26 10:01 打击范围覆盖全球 阅读(1544) 评论(0) 推荐(0)
前端上传图片添加缩略图展示
摘要：最近做图片上传需要有一个缩略图展示功能. 找了一些前端上传插件, 发现几乎都是先把图片上传到服务器然后返回图片链接给前端用作图片缩略图. 这就造成了一个问题: 你丫的, 我还没点提交呢, 你就给我把图传到服务器了??? 简直脑瘫操作, 还是自己手撸一个吧. 直接贴代码 <!DOCTYPE html> 阅读全文
posted @ 2021-09-06 15:46 打击范围覆盖全球 阅读(1013) 评论(0) 推荐(0)
Vue根据参数不同的路由跳转以及name的作用
摘要：最近在做VUE路由跳转根据参数的值不同但是跳转的是同一个路由的功能。点击左边的目录，根据目录ID跳转不同的列表。如下图。 路由跳转的代码： this.$router.push({path: '/RFIndex/resourceList', name: '资源列表', params: {id: 2}} 阅读全文
posted @ 2019-07-05 17:10 打击范围覆盖全球 阅读(4070) 评论(0) 推荐(0)
JS获取键盘事件
摘要：JS 键盘 阅读全文
posted @ 2018-10-23 11:16 打击范围覆盖全球 阅读(16471) 评论(0) 推荐(0)
JS正则表达式检验数字或者带小数点的数字
摘要：1. var patrn = /^\d+(\.\d+)?$/; var num = 0.11; if (!patrn.exec(num)){ alert("请您输入数字");return; }2. var patten = /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g; var 阅读全文
posted @ 2018-09-29 16:31 打击范围覆盖全球 阅读(29226) 评论(0) 推荐(1)

上一页 1 2