摘要:前言 接口返回数据为数组列表时,通常比较全面,包含了很多不需要的数据,可以通过 map 方法处理返回数据,筛选出想要的数据 例如 // 接口返回数据 res = [{ id: 1, name: 'zhangsan', age: 16, gender: 0 }, { id: 2, name: 'lis 阅读全文
posted @ 2020-08-27 10:59 lwlcode 阅读(1947) 评论(0) 推荐(0) 编辑
摘要:前言 由于业务需求,需要开发一个可以批改作业的组件,网上搜的一些插件不太符合业务需求,没办法>_<只能自己写呗(此处掉头发两根~)。 其原理是在学生提交的图片上使用画笔批改、橡皮擦、拖拽缩放、旋转、按步骤减分、和其他一些辅助功能操作,期间踩了很多坑,但也是在学习中成长,这里贴出来可以给迷茫的人一个参 阅读全文
posted @ 2021-06-09 18:35 lwlcode 阅读(19) 评论(0) 推荐(0) 编辑
摘要:本文记录webpack的一些常用高级概念,需要对webapck基础有所了解,本文重点记录概念涉及到的配置,其他配置有所省略,更多内容参照官方文档。 webpack中文网 webpack英文网 Tree Shaking 作用是当引入一个模块时,不会引入模块全部代码,只引入需要的部分代码,Tree Sh 阅读全文
posted @ 2021-05-08 13:51 lwlcode 阅读(24) 评论(0) 推荐(0) 编辑
摘要:原文链接 浏览器在移动端有一个默认触摸滚动的效果,让我们感触最深的莫过于微信浏览器里面,下拉时自带橡皮筋的效果。 然而在开发的时候我们经常需要阻止此效果。 在此先直接给一个方案,直接加上下面的代码即可: document.body.addEventListener('touchmove', func 阅读全文
posted @ 2021-04-28 19:57 lwlcode 阅读(15) 评论(0) 推荐(0) 编辑
摘要:前言 ElImageViewer是Image组件的内置组件,主要实现图片的预览功能,对于这个组件官方文档没有过多介绍,但有些需求可以单独使用。 组件的属性可以到源码中查看,但是如果只是为了看一下传参我建议直接用vue的调试工具devtools查看,比较方便。 Image组件中实现图片预览 建议直接去 阅读全文
posted @ 2021-03-05 17:43 lwlcode 阅读(981) 评论(0) 推荐(0) 编辑
摘要:vue项目报错Cannot read property 'toLowerCase' of undefined 有可能是没有写组件name名称 export default { name: 'Home', data() { return { } } } 阅读全文
posted @ 2021-01-13 15:34 lwlcode 阅读(429) 评论(0) 推荐(0) 编辑
摘要:登录 表单验证用户名与密码,发送登录请求 login() { // 数据验证 this.$refs.loginFormRef.validate(async valid => { // 验证不通过 if (!valid) return // 数据请求 const { data: res } = awa 阅读全文
posted @ 2021-01-12 14:19 lwlcode 阅读(590) 评论(0) 推荐(0) 编辑
摘要:1.创建新tag 1.0.0 git tag -a 1.0.0 -m "发布1.0.0版本" 2.提到远程 git push origin 1.0.0 3.删除本地tag git tag -d 1.0.0 4.删除tag提到远程 git push origin :refs/tags/1.0.0 阅读全文
posted @ 2021-01-08 10:14 lwlcode 阅读(28) 评论(0) 推荐(0) 编辑
摘要:使用scrollIntoView方法进行定位到某一位置 这里直接开门见山,最近在segmentfault中看到了这个简单方法,就是用scrollIntoView方法就可以实现锚点定位,非常简单,在此记录一下 可以直接使用(当然像在vue中也可以使用ref获取dom) // 如果为true,元素的顶端 阅读全文
posted @ 2020-12-18 18:33 lwlcode 阅读(1614) 评论(0) 推荐(0) 编辑
摘要:前言 因为开发组件,需要按需引入element-ui的组件,但是v-loading如果按需引入就需要使用element-ui提供的Loading服务来实现,具体属性和用法可以到官网查看,本文记录一下自己使用过程中的一个坑。 简单使用 全屏加载的方式很简单,不需要参数即可实现,这里讲一下局部加载loa 阅读全文
posted @ 2020-10-16 15:52 lwlcode 阅读(2010) 评论(0) 推荐(0) 编辑
摘要:防抖 /** * 防抖函数,返回函数连续调用时,空闲时间必须大于或等于 wait,func 才会执行 * * @param {function} func 回调函数 * @param {number} wait 表示时间窗口的间隔 * @param {boolean} immediate 设置为tu 阅读全文
posted @ 2020-09-28 11:03 lwlcode 阅读(56) 评论(0) 推荐(0) 编辑