- 博客(21)
- 资源 (1)
- 收藏
- 关注
原创 简单实现一个全屏插件
css * { margin: 0; padding: 0; } body,html { height: 100%; overflow: hidden; } .g-bd { height: 100%; } .m-sections { -webkit-transition
2020-09-02 12:28:26 171
原创 递归查找含有目标属性值的对象
/** * 跳转到对子路由 * @param{Array} source * @param{String} key * @param{String} value * @param{String} innerArr 内嵌数组key值 * */export function toChildRoute(source, key, value, innerArr){ let found = {} // 查找结果 source.find(item => { /
2020-08-10 18:50:58 272
原创 vue实现登陆失效重定向
main.js设置路由守卫router.beforeEach((to, from, next) => { CancelRequest() // 取消上个页面未加载请求 if(!to.meta.notReqLogin){ const uid = auth.getAdminInfo('uid'); //每次跳转路由前校验cookie 没有则重定向到/login if(uid){ next() }else{ next({
2020-07-18 13:22:59 1533
转载 vue 未登录或登录失效重定向到登录页,登录后再回到登录前的页面
https://www.cnblogs.com/duanzhenzhen/p/13042201.html
2020-07-17 00:01:13 1990
原创 vue项目封装一个cookie
const cookies = { //设置cookie set(key , value , dutation = 60 * 1000){ const date = new Date().getTime() + dutation * 1000 const _key = key.trim() const _value = value.toString().trim() document.cookie = _key + '=' + _value + ';expir
2020-07-16 22:55:30 137
原创 Session与Token认证机制 前后端分离下如何登录
https://www.cnblogs.com/eret9616/p/9661314.html
2020-07-16 16:40:57 330
原创 总结Primise对象的用法
Primise对象作用基本用法方法Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.resolve()Promise.reject()拓展方法 done()
2020-07-14 23:44:02 3537
原创 H5表单反馈与自定义验证
H5新增invalid响应事件,会在表单验证失败后自动调用。并且可以通过validity属性查看哪种验证未通过八大验证:valueMissing : 输入值为空时返回truetypeMismatch : 控件值与预期类型不匹配返回truepatternMismatch : 输入值不满足pattern正则返回truetooLong : 超过maxLength最大限制返回true rangeUnderflow : 验证的range最小值返回truerangeO
2020-05-23 14:43:13 410
原创 H5新增classList
<button id="addBtn">添加class</button><button id="deleteBtn" class="removeClass">删除class</button><button id="toggleBtn">切换class</button> const fa = document.querySelector('#position') const allChild ...
2020-05-23 10:20:18 152
原创 mouseenter和mouseover的区别(冒泡)
mouseenter、mouseover我们都知道在鼠标移入当前元素时就会触发这两个事件,但如果在绑定这两个事件的元素上存在子元素,从元素外部移入元素内部时,mouseover事件会被多次触发,而mouseenter必须在离开绑定元素在进入时才会再次触发mouseenter:<div id="box1" style="height: 200px;width: 200px; border: 1px silver solid;margin: auto;position: relative">
2020-05-15 15:24:19 596 1
原创 如何在vue项目中引入JSMpeg插件
在vue项目中引入插件有两种方式将对象挂载到window,全局引用在jsmpeg.js中,将变量JSMpeg直接挂载到window在main文件中引入就可以全局使用JSMpeg对象import './plugins/jsmpeg.min'使用export将插件暴露到特定组件使用在jsmpeg.js最后添加export default JSMpeg在组件中引入import JSMpeg from './plugins/jsmpeg.min'...
2020-05-15 08:42:40 3147 1
原创 简述vuex实现原理
vuex实现原理实际上是通过Vue的实例化来实现这里通过计数器来说明首先实例化两个Vue对象,通过他测试是否能统一管理状态#root和 #root2 new Vue({ el:'#root', computed:{ data(){ return this.$store.state.count ...
2020-04-22 21:48:41 960
原创 vuex的运用
先放出vuex的逻辑图第一步:创建目录结构第二步:在index文件中引入各个模块import Vue from 'vue'import Vuex from 'vuex'import state from './state'import mutations from './mutations'import actions from './actions'import getters...
2020-04-20 18:41:01 124
原创 vertical-align的总结
vertical-align主要用在两类情形1、使用在行内元素之间的对齐2、使用在display-table表格的垂直对齐一、在行内元素中,元素都是随着基线对齐的,这里基线的初始位置要分2种个情况1、文本的行内元素的基线是字母x的下边缘位置2、图片或者让overflow属性不是visible,其基线是margin的下边缘 <div style="border: 1px so...
2020-04-16 14:43:27 176
原创 使用Vue.obervable()轻量管理状态数据(vue学习日志6)
官方api参考链接:https://segmentfault.com/a/1190000019292569创建store.jsimport Vue from 'vue'/** 使用Vue.observable() 状态管理* */export const state = Vue.observable({message:'hello vue2.6'});export const mu...
2020-03-10 00:01:17 227
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人