摘要:
Object.defineProperty() Object.defineProperty()的基本属性和实现简单的数据代理(也叫数据劫持) // 使number数据和person.age相互关联 let number = 18 let person = { name: 'zhangsan', se 阅读全文
摘要:
你可能不知道的一些前端小技巧,干货满满~ If-Else 用 || 或 ?? 运算符进行简化 逻辑或操作符||这里要注意的是0和''也会认为是false function(obj){ var a = obj || {} } // 等价于 =>> function(obj){ var a; if( o 阅读全文
摘要:
有些网页对鼠标右键和快捷键做了限制,用来禁止打开控制台或者禁止查看源码,其实这些操作仅仅只是表面限制,既然不让用快捷键和鼠标右键,那我用如下方法依旧可以查看…… > 这里以Chrome浏览器为例 **打开控制台操作步骤** 如果网页限制了右键和快捷键打开控制台,可以用如下操作打开控制台 * 方法1: 阅读全文
摘要:
前言 由于业务需求,需要开发一个可以批改作业的组件,网上搜的一些插件不太符合业务需求,没办法>_<只能自己写呗(此处掉头发两根~)。 其原理是在学生提交的图片上使用画笔批改、橡皮擦、拖拽缩放、旋转、按步骤减分、和其他一些辅助功能操作,期间踩了很多坑,但也是在学习中成长,这里贴出来可以给迷茫的人一个参 阅读全文
摘要:
本文记录webpack的一些常用高级概念,需要对webapck基础有所了解,本文重点记录概念涉及到的配置,其他配置有所省略,更多内容参照官方文档。 webpack中文网 webpack英文网 Tree Shaking 作用是当引入一个模块时,不会引入模块全部代码,只引入需要的部分代码,Tree Sh 阅读全文
摘要:
原文链接 浏览器在移动端有一个默认触摸滚动的效果,让我们感触最深的莫过于微信浏览器里面,下拉时自带橡皮筋的效果。 然而在开发的时候我们经常需要阻止此效果。 在此先直接给一个方案,直接加上下面的代码即可: document.body.addEventListener('touchmove', func 阅读全文
摘要:
前言 ElImageViewer是Image组件的内置组件,主要实现图片的预览功能,对于这个组件官方文档没有过多介绍,但有些需求可以单独使用。 组件的属性可以到源码中查看,但是如果只是为了看一下传参我建议直接用vue的调试工具devtools查看,比较方便。 Image组件中实现图片预览 建议直接去 阅读全文
摘要:
vue项目报错Cannot read property 'toLowerCase' of undefined 有可能是没有写组件name名称 export default { name: 'Home', data() { return { } } } 阅读全文
摘要:
登录 表单验证用户名与密码,发送登录请求 login() { // 数据验证 this.$refs.loginFormRef.validate(async valid => { // 验证不通过 if (!valid) return // 数据请求 const { data: res } = awa 阅读全文