摘要: 因为最近负责泰康项目的前端工作,他们的登录需要进行安全验证,也就是所谓的双因素验证,即在OA平台登录过后,还需要安全部门发送安全令牌进行验证。令牌验证效果如下: 主要功能有:1、默认第一项focus。 2、输入后自动跳转到下一个 3、输入超过2位自动改为1位数 4、长按backspace全部删除 h 阅读全文
posted @ 2019-04-29 16:02 小小的忧愁 阅读(391) 评论(0) 推荐(0) 编辑
摘要: 具体问题,简单的demo如下: 具体泰康流程: 1、如果用户没有登录=>2、点击会进入泰康OA系统,并把运营配置的参数传过去=>3、OA系统登录后会返回我们所需的token=>4、我们保存token信息添加到header并关闭 OA登录页面然后原来的页面自动跳转登录后的页面。 第一步:我们使用的是v 阅读全文
posted @ 2019-04-11 11:11 小小的忧愁 阅读(467) 评论(0) 推荐(0) 编辑
摘要: 利用闲暇时间浏览github时,发现了这个剪切图片的效果很不错,就决定用到项目中。地址链接 :https://github.com/dai-siki/vue-image-crop-upload。 直接展示效果,具体配置链接中的文档写的很全,可以根据自己情况进行配置。 具体功能有:可以截取保存图片的宽 阅读全文
posted @ 2019-03-25 10:57 小小的忧愁 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 背景介绍:外派到泰康做项目。这个项目中有个选择组织的功能,是一个树桩结构的懒加载,于是我就element-ui的tree组件封装了一个公共的组件。 但是后来发现他们的公司组织结构不是都请求的同一个接口,于是想着组件里面给加个url参数就可以了。但是他们的人员说一些参数数据都不同, 非要我在请求接口时 阅读全文
posted @ 2019-03-22 11:57 小小的忧愁 阅读(2588) 评论(0) 推荐(2) 编辑
摘要: 今天项目还没有开始开发,网上看到了uni-app官网介绍可以一套代码,多端使用,感觉很厉害的样子,就做了个小程序页面试试。 uni-app 使用 vue语法,小程序api,内嵌mpvue,使我们能够很快的上手开发。 先上效果图 一、安装(HBuilderX 和 微信小程序开发工具) 安装完成HBui 阅读全文
posted @ 2019-03-14 17:14 小小的忧愁 阅读(17146) 评论(1) 推荐(0) 编辑
摘要: vue的依赖收集是定义在defineReactive方法中,通过Object.defineProperty来设置getter,红字部分主要做依赖收集,先判断了Dep.target如果有的情况会执行红字逻辑进行依赖收集过程 Dep是一个类,target是Dep的一个静态属性,是一个Watcher,上面 阅读全文
posted @ 2019-02-08 13:27 小小的忧愁 阅读(973) 评论(0) 推荐(0) 编辑
摘要: vue在init的时候会执行observer方法,如果value是对象就直接返回,如果对象上没有定义过_ob_这个属性,就 new Observer实例 Observer 方法,实例化一个dep是在做依赖收集时用的,调用def方法给对象添加_ob_这个属性,如果是数组就遍历给每个数组中的值都添加_o 阅读全文
posted @ 2019-02-01 22:33 小小的忧愁 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 12月离职后,打算在年后再找工作了,最近陆陆续续的看了黄轶老师的vue源码解析,趁着还有几天过年时间记录一下。 目标:vue如何实现通过this.key,就能直接访问data,props,methods,里面的key。 源码:当我们在项目中new Vue实例后会执行Vue构造函数的_init方法,并 阅读全文
posted @ 2019-01-31 16:00 小小的忧愁 阅读(1559) 评论(0) 推荐(0) 编辑
摘要: antd 实现侧导航栏只展开当前导航,其他关闭,效果如下 菜单的数据结构是这样的,子菜单要包含主菜单的名字 antd导航有个openkeys属性和onOpenChange事件,执行onOpenChange事件时,把展开的列表赋值过去 问题,adnt会把所有已经点击过的都传过来,所以只展开当前的,需要 阅读全文
posted @ 2018-12-24 13:57 小小的忧愁 阅读(1808) 评论(0) 推荐(0) 编辑
摘要: 使用技术:react 动态导航和树形结构数据类似,可以通过递归来实现 页面左边的导航栏是通过菜单管理动态展示的。 // 父组件调用子组件 <MenuBox selecMenu={selecMenu} menuList={menuList} selectKey={selectKey} onClickF 阅读全文
posted @ 2018-12-12 16:24 小小的忧愁 阅读(438) 评论(0) 推荐(0) 编辑