- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 简单实现一个全屏插件
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
154
原创 递归查找含有目标属性值的对象
/** * 跳转到对子路由 * @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
250
原创 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
1442
转载 vue 未登录或登录失效重定向到登录页，登录后再回到登录前的页面
https://www.cnblogs.com/duanzhenzhen/p/13042201.html
2020-07-17 00:01:13
1863
原创 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
125
原创 Session与Token认证机制 前后端分离下如何登录
https://www.cnblogs.com/eret9616/p/9661314.html
2020-07-16 16:40:57
318
原创 总结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
3394
原创 H5表单反馈与自定义验证
H5新增invalid响应事件，会在表单验证失败后自动调用。并且可以通过validity属性查看哪种验证未通过八大验证：valueMissing : 输入值为空时返回truetypeMismatch : 控件值与预期类型不匹配返回truepatternMismatch : 输入值不满足pattern正则返回truetooLong : 超过maxLength最大限制返回true rangeUnderflow : 验证的range最小值返回truerangeO
2020-05-23 14:43:13
393
原创 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
140
原创 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
585
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
3077
1
原创 简述vuex实现原理
vuex实现原理实际上是通过Vue的实例化来实现这里通过计数器来说明首先实例化两个Vue对象，通过他测试是否能统一管理状态#root和 #root2 new Vue({ el:'#root', computed:{ data(){ return this.$store.state.count ...
2020-04-22 21:48:41
946
原创 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
111
原创 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
159
原创 使用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
216
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人