- 博客(16)
- 收藏
- 关注
原创 定位到页面指定元素的位置
跳转到页面指定位置思路 首先要获得指定元素的坐标,然后定位过去通过元素的class名就可以得到坐标,我们用top来接收一下let top = $(’.target’).offsetTop //获得类名为target元素距离上方或者上层元素的位置设置对象到页面顶部的距离请用style.top属性$(’.original’).scrollTop(top) //滚动条的垂直偏移...
2020-08-28 16:03:45 611 1
原创 vue css实现翻牌子的动画效果
布局首先应该有正面反面两个盒子<template> <view class="ani-warp"> <view class="front-siade">正面</view> <view class="back-side">反面</view> </view></template>给这两个盒子设置一下css样式.front-siade,.back-side{ width:80%; heigt
2020-08-28 15:14:17 1158
原创 uniapp 实现洗牌发牌的功能
首先进行页面的布局,通过v-for 生成 3X3 的页面布局<view class="card-item" v-for="list in 9" :key="list"></view>为这些view item制定样式让他们生成我们想要的布局我这里就生成 3 x 3 的布局.card-item{ width:30vm; heigth:40vm; margin-top:20rpx;}你可以自己定义item的样式 例如添加圆角(border-radius:2
2020-08-24 18:14:35 1128
原创 Eslint语法报错问题
项目中我们的格式化工具(一般右键可以看到格式化文档的快捷键)和ESlint之间可能存在一些冲突,以至于产生一些警告信息这里我们通过创建格式化文件的配置项就可以改变格式化后的格式在src下创建 .prettierrc 文件,在里面添加需要的配置项...
2020-08-21 17:15:18 199
原创 基于token实现退出功能
基于token 的推出是比较简单的,只要销毁本地中的token,然后设置到退出登录你想要跳转的页面一般都是跳转到登录页面点击退出按钮 给退出按钮指定方法quit(){ window.sessionStorage.clear() //清空token this.$router.push('/login') //跳转到登陆页面}...
2020-08-21 16:25:44 1235
原创 路由导航守卫控制访问权限
如果用户没有登录 应该不能让用户访问除登陆页以外的页面为路由对象添加beforeEach 导航守卫在router.js中
2020-08-21 15:35:53 137
原创 码云创建仓库,将本地代码托管到码云中
首先要注册一个码云 记得的配置SSH然后在码云上创建一个仓库创建完成后会有一个命令行入门教程将Git全局设置的i命令行在cmd中运行一下然后再创建好的项目中 打开 PowerShell 添加一下远程链接在链接之前先检查一下项目的状态可以看到有些文件还需要提交一下提交完成后再来检查一下项目的状态上述操作只是在本地中操作,接下来将代码提交到码云中去可以在自己的码云账号中查看是否提交成功...
2020-08-21 10:35:17 256
原创 vue中表单重置
可以查看vue的官方文档可以看到拿到表单的实例对象,就可以访问到resetFields方法如何拿到实例对象呢?首先给要重置的表单添加一个 ref 的引用(ref是用来给DOM元素或者子组件注册引用信息的,引用的信息会根据$refs进行注册。如果ref再普通的DOM元素上使用的话,引用的信息就是元素;如果是在子组件上使用,引用信息就是组件实例)然后为button按钮添加点击事件,在点击事件里通过$refs里调用重置方法...
2020-08-20 17:39:20 2679
原创 vue 表单验证
表单验证首先要给表单传入一个表单验证规则对象这个表单严验证对象在data中定义,他的字段名是一个数组的形式,也就是说我们可以对一个规则字段定义多个验证,就比如这个name定义了不能为空和字符长度在哪3-5之间最后一步就是在form-item中将prop 属性设置为要检验的字段名即可...
2020-08-20 17:05:39 204
原创 vue 表单的数据绑定
第一步通过 :model来绑定这个对象是在data中定义的第二步在每一个item中通过 v-model来绑定具体的对象属性
2020-08-20 16:50:49 136
原创 Unknown custom element:XXXX vue导入element组件
我们在vue项目中使用Element 组件时使用了一些组件提供的元素后提示找不到,原因是我们组件的元素没有导入,我们需要什么组件必须先导入才能正常使用,接下来我们一起看一下如何导入我们所需要的元素可以完整的引入整个Element引入方式:在main.js中写入以下内容import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App f
2020-08-20 14:36:51 561
原创 maven项目搭建
搭建一个maven web 项目配置tomcat运行一下项目试一试能不能成功导入项目所需要的jar在 pom.xml中 其实项目生成都有这些jar 可以删掉只保留自己需要的例如 jsp servlet mysql#######编写实体类
2020-08-14 16:49:22 101
原创 笔记-网站是如何进行访问的
当我们输入一个域名点击回车后将进行下面的操作首先会本机的 C:\Windows\System32\drivers\etc\hosts 配置文件中有没有这个域名的映射如果有直接返回这个域名对应的IP地址,这个地址就是我们要访问的web应用程序,可以直接进行访问如果没有 就去DNS(全世界的域名都在这里管理)服务器找,找到的话就可以返回,找不到就返回找不到我们自己发布一个web网站,将其放到服务器中指定的web应用的文件夹(webapps)下,就可以访问了...
2020-08-12 11:04:06 130
原创 java-贪吃蛇小游戏
通过JFrame对象生成一个静态的窗口,后续画板内容都在该页面上显示创建一个画板类继承JPanel,在画板上绘制游戏背景,蛇还有食物开始尝试先绘制出一个静态的画面,绘制是通过Graphics 画笔来完成的在绘制静态画面的时候需要初始化一些数据,包括初始点的坐标,图片资源的引入引入图片资源public class Data { //头部图片 URL:图片的地址 ImageIcon:图片 public static URL headerURL = Data.class.getRes
2020-08-11 16:41:35 174
原创 用promise封装request请求
把request请求抽取出来,当用到该请求时只需要传值过来就可以首先为其创建一个.js文件用promise来封装将请求后的返回结果用一个变量保存然后在该js中导出该变量最后在要使用的页面中引入就可以使用了!改进在上面使用封装请求传递url的时候我们可以看到如果每次请求都赋值一次url给变量然后在传值给请求时,看起来会比较啰嗦而且很多页面将重复写该部分,所以可以将url也抽取出来,因为很多页面都会用到url请求,但是很多是重复的,抽取出来再单独的页面也可以比较清晰的看到自己使用的所有ur
2020-07-15 11:44:24 1096
原创 父组件像子组件传值props获取不到数组
父组件像子组件传值问题父组件写死的数据传过去子组件可以成功接收但是父组件如果是调用接口获得的数据子组件接收不到原因是子组件是异步获取该数据的,当子组件初始化的时候父组件自己本身可能并未完成数据的获取,所以传给子组件的数组自然为空。解决方式:在子组件中添加 watch 监听数据有没有传过来这样就可以在子组件成功获得数据啦~...
2020-07-14 17:48:26 1751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人