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