- 博客(12)
- 收藏
- 关注
原创 CSS3的变量
第一步:认识css3自定义属性在需要的作用域中定义变量(在任意的全局css文件或者style中定义即可),如://:root作用于全局:root{ --theme-color:red; // 这里定义了一个--theme-color变量, 值为black}//#app作用于id为app的节点内#app{ --theme-back-color: black; // 这里定义了一个--theme-back-color变量,值为black}使用方式:1.在css中使用,如:在.
2022-03-25 09:40:31
622
转载 定时器离开标签是会变慢问题
对于不方便使用webSocket的实时页面来说,需要用到setInterval或者setTimeout, 但是在使用他们的时候我们会发现离开当前标签后等待一段时间定时器会变慢,就像休眠状态一样,本来一秒钟执行一次,结果变为一分钟或者更长才执行一次 1, 安装 worker-timers npm install worker-timers 2, 导入 import * as workerTimers from 'worker-timers'; 3, 使用 var intervalId =
2022-03-14 15:13:46
525
转载 vue禁止浏览器前进和后退
1.main.js中,增加popstate监听 // 禁止浏览器前进后退 另一部本在router的index.js中window.addEventListener('popstate', function() { history.pushState(null, null, document.URL)})2.router的index.js中:// 禁止浏览器 前进和后退,另一部分在main.js中const router = new VueRouter({ mode: 'histo
2021-12-21 10:44:55
1285
1
转载 vue项目ie和360浏览器下backspace会返回上一页
禁用backspace且不影响Text password textarea使用新建preventBackspace.jsexport function banBackSpace(e){ var ev = e || window.event; var obj = ev.target || ev.srcElement; var t = obj.type || obj.getAttribute('type'); //判断当前事件类型 var vReadOnly
2021-12-13 13:59:27
416
原创 阻止浏览器默认事件【单按键、组合键】
单按键禁用 document.onkeydown = function (e) { var ev = window.event || e; var code = ev.keyCode || ev.which; // 禁止F5刷新 if (code == 116) { if(ev.preventDefault) { ev.preventDefault(); } else { ev.keyCode = 0;
2021-11-29 17:54:35
986
转载 vue按键全屏和F11全屏共存
全屏按钮我这里用的是一个icon图标<i :class="fullscreen?'iconfont icon-zuidahua':'iconfont icon-zuidahua1'" @click="clickFullscreen"></i>js代码如下data() { return { fullscreen: false, } }, watch: { fullscreen(newvalue, oldvalue) {
2021-11-18 14:56:15
715
转载 Vue Canvas 实现电子签名 手写板
直接上代码<template> <section class="signature"> <div class="signatureBox"> <div class="canvasBox" ref="canvasHW"> <canvas ref="canvasF" @touchstart='touchStart' @touchmove='touchMove' @touchend='touchEnd' @mouse.
2021-11-04 16:07:17
722
2
转载 【记住密码】vue项目实现记住密码功能
记住密码目前,前端实现记住密码功能有两种方式:1.浏览器自带保存功能(上边提到,这个相对安全)2.将登陆信息储存在cookie中。下面我说一下第二种方法的实现思路1.在向后台提交登陆信息成功后,判断用户是否勾选记住密码,如果勾选,将账号,密码以及token(需要封装拦截器)储存在cookie中,如果没勾选,向cookie中存入账号和密码字段为空2.密码需要加密,目前加密方式有很多种sha1,base64和md5等,我采用的是base643.npm安装base64依赖: // 安装npm in
2021-11-03 17:51:19
8646
5
转载 【微信小程序】new Date()时间解析问题
这里写自定义目录标题【微信小程序】new Date()时间解析问题【微信小程序】new Date()时间解析问题以前项目都是PC端的,所以关于new Date()对时间解析的问题,没有研究,也没碰到什么问题,所以在昨天的微信小程序的维护当中,遇到时间解析为null的情况,导致功能未能按时完成,使任务延后。今天找到原因了,那是因为IOS系统和安卓系统对new Date()解析不同。一个日期let date = '2020-06-26 ';在安卓中通过new Date(date );解析结果正常
2021-11-02 13:45:53
724
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人