
前端
天真吴邪xie
学海无涯苦作舟,虽然不断的遭受打击,但是我坚信我也可以成为大佬的
展开
-
vue+springboot实现登录验证码
先看效果图在login页面添加验证码html在后端pom文件添加kaptcha依赖<dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version></dependency>创建KaptchaConfig工具原创 2021-03-30 16:57:10 · 1572 阅读 · 3 评论 -
vue实现登录验证码
先来demo效果图canvas验证码组件(可直接复制,无需改动)<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><script> export default原创 2021-03-30 11:29:50 · 2331 阅读 · 5 评论 -
iview复制粘贴日期后,日期少一天
问题描述:iview的日期选择控件,当不点击控件选择日期,而是选择把日期粘贴到控件内,会产生获取的日期少一天的情况如图为日期控件当我在页面选择开始时间,但是结束时间不点击控件选择,而是复制开始时间,粘贴到结束时间内此时点击查询按钮可以发现,后台获取到的参数为日期前一天接下来写一些js,来解决这个问题methods: { // 主页查询方法,查询之前把获取到的绑定的日期做调整 query(){ let startDate = new Date(原创 2020-09-17 16:42:40 · 366 阅读 · 0 评论 -
js获取注册表中应用程序的路径,并通过注册表打开
前段时间写了通过java获取注册表路径打开,其实js也是可以的为什么要通过获取注册表路径打开?原因:每个人电脑安装的第三方应用程序的路径都不太一样,获取死路径不灵活,但在注册表中是一样的需求:通过获取注册表的应用程序路径,打开,如:打开微信限制:下面写的方法只适用于IE浏览器,且需要启用:设置-Internet选项-安全-本地-自定义级别-对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本-启用(原来是禁用) 如图注册表中WeChat路径:写个按钮:&...原创 2020-07-07 10:19:11 · 2497 阅读 · 0 评论 -
IE11使用get传参时,参数有中文会报400错误,导致无法进入后台
解决方法:在前台传参时使用encodeURI转化:encodeURI(参数)原创 2020-06-17 15:16:53 · 670 阅读 · 0 评论 -
Vue同级页面之间调用方法
假设A.vue与B.vue页,A.vue需要调用B.vue页面methods中的test()方法B.vuemethods: { test(){ console.log('hello word!') },}方法一:组建公共的js,在src下新建utils目录,新建callUtils.jscallUtils.js:只需写这两句即可import Vue from 'vue'export default new Vue在A.vue中的点击事件中写原创 2020-06-12 17:48:44 · 2763 阅读 · 0 评论 -
iveiw中input校验非空同时校验数字失效问题
如题,这个应该是官方的错误,但我们可以自定义校验首先,在校验中写上蓝色的那部分,然后在写自定义校验规则,value为input输入的值,正则表达式为规则...原创 2020-04-16 15:43:23 · 314 阅读 · 0 评论 -
Vue前端篇(六)关于scss的坑
上一篇修改了Login页面,由于页面使用scss语法,会出现报错的情况,但是已经安装了scss,使用时会出现如下警告,大致意思的sass版本过高与webpack的版本不是很兼容,这就导致了scss语法不生效的问题解决办法是:打开package.json文件,找到sass-loader,版本改成^7.3.1,然后关掉IDEA,把项目下的依赖node_modules删掉,然后重新打开,在命令行...原创 2019-11-20 10:53:13 · 774 阅读 · 1 评论 -
Vue前端篇(五)登录页面修改
先贴一下目前目录结构接下来该Login.vue页面,需要用到scss,Sass是成熟、稳定、强大的CSS预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。安装scss:命令行下执行 yarn add sass-loader node-sass --dev然后在build文件夹下的webpack.base.conf.js中添...原创 2019-11-19 14:41:00 · 3953 阅读 · 2 评论 -
Vue前端篇(四)引入Axios和Mock进行封装
Axios是一个基于Promise(ES6中用于处理异步的)的HTTP库,用于浏览器和node.js中浏览器中创建XMLHttpRequests 从node.js中创建http请求 支持Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换JSON数据 客户端支持防御XSRF安装axios:命令行下执行 yarn add axios封装axio...原创 2019-11-19 14:25:55 · 986 阅读 · 0 评论 -
Vue前端篇(三)添加页面路由
把components重命名为views,在此目录下新建Login.vue、Home.vueLogin.vue<template> <div class="page"> <h2>Login Page</h2> </div></template><script>export defa...原创 2019-11-19 08:48:36 · 3121 阅读 · 0 评论 -
Vue前端篇(二)引进ElementUI
首先在IDEA中安装Vue插件:打开Settings...选择Plugins,输入Vue,点击install下载打开命令端(使用Yarn命令):输入yarn add element-uimain.js引入ElementUI// The Vue build version to load with the `import` command// (runtime-onl...原创 2019-11-18 16:53:59 · 613 阅读 · 0 评论 -
Vue前端篇(一)搭建Vue项目
Vue是尤雨溪编写的一个构建数据驱动的Web界面的库,选择他,也是因为Vue比较好上手,接下来说一下搭建Vue项目的过程安装Node.js:在Node官网下载http://nodejs.cn/download/添加环境变量:右键此电脑---属性---高级系统设置---环境变量---系统变量找到path选中---编辑---添加Node的目录打开cmd命令行界面,输入npm -v,...原创 2019-11-18 14:29:26 · 960 阅读 · 0 评论