前端
文章平均质量分 64
国骐
计算机是怎么运行的呢
展开
-
Vue组件(注册,使用,自定义属性,样式,生命周期,父子传值)
组件的使用需要使用一个组件的时候,需要进行一下几个步骤:使用import导入相应需要使用的组件 import Xxx from '@/components/Xxx.vue'使用components节点注册组件export default { components: { Xxx }}用标签的形式使用刚才的组件组件的注册私有组件使用components标签进行注册的组件是私有组件,除了自己意外,其他组件不能使用这个被注册的组件// 导入需要被使用的组件impor原创 2022-02-22 19:21:23 · 1417 阅读 · 0 评论 -
h5 audio标签播放音频
三种方式可以实现:1,事先页面中创建好audio标签,然后通过js添加标签src属性的数性值// html元素<audio id="audio" src="sound.mp3" autoplay>您的浏览器不支持html5的audio标签</audio> // js控制代码let audio = document.getElementById("audio"); audio.src = 'sound.mp3'audio.play()2,通过js动态创建audio标签原创 2020-06-06 22:09:56 · 1091 阅读 · 0 评论 -
css轻松自定义滚动条
直接上代码/*滚动条整体部分*/*::-webkit-scrollbar{ width: 8px; height: 8px; background-color: transparent;}/*滚动条两端的按钮*/*::-webkit-scrollbar-button{ width: 0px; height: 0px;}/*滚动条里面可以拖动的那部分*/*::-webkit...原创 2020-03-22 20:26:26 · 147 阅读 · 0 评论 -
JavaScript ES6 中filter()方法的使用
filter() 方法创建一个新的数组并返回,在新数组中的元素是通过检查指定数组中也就是调用filter方法的数组中符合条件的所有元素。调用方法:array.filter(function(currentValue, currentIndex, originalArray), thisValue)参数说明:currentValue 必填。当前元素的值currentIndex可选。当前元素...原创 2020-03-10 14:26:48 · 2992 阅读 · 0 评论 -
Element UI自定义数据校验以及失效解决
1 el-form绑定model属性和rules属性<el-form status-icon ref="regiForm" :model="regiForm" :rules="regiRules">2 创建model绑定对象和rules绑定对象3 创建数据校验方法var validPass = (rule, value, callback) => { co...原创 2020-03-07 15:55:22 · 2022 阅读 · 0 评论 -
css3和html5的新特征实现新功能
当我们些css时候,我们有些css样式不生效,那是因为我们的css样式权重没有那么高,这时候我们不想改为id,那么就可以使用! important,直接加载需要修改的样式语句后面,即可达到最高权重。如果想要设置一个元素的内容进行水平垂直局中,我们可以设置给父元素设置以下代码,来将子元素水平垂直局中。display: flex;align-items: center;当我们在vue插件ax...原创 2020-03-06 18:21:52 · 155 阅读 · 0 评论 -
vue中为axios设置请求头参数
首先在项目中安装axios,然后再main.js中引入axios。对axios的每次发送请求的拦截器进行设置,设置请求头字段为本地获取的token值。// 首先对拦截器的请求进行设置,并在方法中return config,此处为固定格式axios.interceptors.request.use(config => { // 表示在配置中的设置头消息的字段Authorizatio...原创 2020-03-06 12:03:44 · 10806 阅读 · 0 评论 -
VS Code设置vue代码格式化符合ESLint规范
VSCode 自带的格式化和ESLint规范有冲突,需要修改配置才可更好地进行格式化。在项目根文件夹添加一个文件,命名为.prettierrc然后文件中添加以下内容,第一条代表不适用;结尾,第二条表示使用单引号{ "semi": false, "singleQuote": true}这里也建议将这个文件单独保存,下载直接复制到项目中更加快捷方便。...原创 2020-03-06 10:54:45 · 1084 阅读 · 0 评论 -
vue3设置路由守卫基于token进行路由导航和退出
在某些时候,用户没有登录的情况下我们不允许用户访问以下特定的页面,此时我们需要用到路由守卫来实现。在router下的index.js中的相应位置设置守卫函数,守卫函数表示每次运行路由函数都会执行的内容。// 给路由设置守卫函数router.beforeEach((to, form, next) => { // to表示将要访问的路径 // form表示从那个页面跳转而来 ...原创 2020-03-06 10:28:25 · 2050 阅读 · 0 评论 -
Postman模拟后端接口,响应request返回response
打开Postman,点击左上角New,选择Mock server在新弹出页面中设置请求模式,请求地址,请求状态码和请求返回内容,不过这些在之后都可以进行修改的。填写这个模拟服务的名称,也是后面可以修改了。然后一直点击下一步即可完成此次接口的初步设置。然后我们要让它运行起来。按照以下步骤一次点击,其中第四步为要创建的返回模板,这里可以添加多个模板,这里我们选择默认。对新建的接口进行请...原创 2020-03-05 20:07:00 · 11790 阅读 · 3 评论 -
前端实现div元素垂直水平局中方法
在指定的元素中设置以下代码,便可以实现指定元素在父元素中居中效果,唯一要求是父元素具有position属性。.box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}...原创 2020-03-05 10:45:51 · 168 阅读 · 0 评论 -
vue2.5+在vue-cli3.0中使用
页面跳转使用<template> <div> <router-link to="/a">跳转到A页面</router-link> </div> </template>使用router-link时候,需要在routers里面进行注册需要跳转的页面const routes = [ { pat...原创 2020-03-04 15:33:08 · 274 阅读 · 0 评论 -
英文版VS Code修改v-for报错问题
出现问题,在vue文件中写v-for的时候,VS Code会提示报错按照网友说的一种方法,添加key值依然不正确。查看vue文档,看到官方推荐使用key值,但是写法为item.id尝试官方推荐写法,VS Code 不再报错不过有时候不想写key值,又不想看到报错,可以用以下方法:即在setting json文件中进行配置。在配置文件中添加以下一行代码。"vetur.va...原创 2020-02-29 10:02:49 · 166 阅读 · 0 评论 -
VS Code 快捷创建Vue模板
依次选中File->Preference->User Snippets输入vue进行搜索,然后点击打开vue.json将vue.json文件中的内容替换为以下内容{ "Print to console": { "prefix": "vue", "body": [ "<te...原创 2020-02-28 13:16:21 · 127 阅读 · 0 评论 -
Ajax向Springmvc后台传输文件(前后端分离上传文件)
1.前端通过ajax向后台传文件不可再使用JSON数据,而是需要使用Formdata对象。添加文件或者参数都需要使用append方法。//创建文件传输使用的formdata对象 var ajaxData = new FormData() //当用户选择文件之后,将文件添加到formdata对象中 $("#file").on('change', function(){ ...原创 2019-07-09 22:32:32 · 1100 阅读 · 0 评论 -
Vue.js-2.5初学习
1.挂载点:(类似于选择器,用户绑定数据需要在哪个地方显示)<body> <div id='app'> </div></body><script> var my = new Vue({ el: '#app', // 这里进行挂载,使用类选择器的格式 })</script>2.模板,使用一个字符串当作...原创 2019-06-25 19:45:56 · 188 阅读 · 0 评论