会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
shaoyunfeng93
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
下一页
2022年6月13日
竖向滚屏和横向飘屏
摘要: 竖向滚屏,这边是需要提前写css样式,如果不想这么麻烦就是下面的横向写法自动写styledom再append function Walk({ selector, speed = 1, data = [], danweiLucheng, }) { this.dom = document.querySe
阅读全文
posted @ 2022-06-13 09:03 豆浆不要油条
阅读(79)
评论(0)
推荐(0)
2022年6月1日
兼容移动端浏览器用户未付费挽留页提示
摘要: // visibilityChange事件兼容性写法 var hidden, visibilityChange; if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support
阅读全文
posted @ 2022-06-01 11:38 豆浆不要油条
阅读(63)
评论(0)
推荐(0)
2022年5月13日
试探拖拽事件
摘要: TRY... <template> <div class="app-container"> <div class="table-container"> <el-row :gutter="20"> <el-col :span="4"> <div class="drag-from-zone"> <div
阅读全文
posted @ 2022-05-13 17:47 豆浆不要油条
阅读(19)
评论(0)
推荐(0)
IntersectionObserver实现图片懒加载
摘要: IntersectionObserver可以监测元素在当前可视窗口的比例,完成实现图片懒加载getBoundingClientRect也是一个很好用查看元素偏移等的API 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <title></title>
阅读全文
posted @ 2022-05-13 15:10 豆浆不要油条
阅读(44)
评论(0)
推荐(0)
vue动态生成
摘要: vue项目根据后端返回的路由动态生成并添加 RouterView代码: <template> <router-view></router-view> </template> RouterView只是用来中继子页面,才能让页面保持正常展示 如下图是前端页面文件结构 这是后台配置(URL就是路由路径,也
阅读全文
posted @ 2022-05-13 14:56 豆浆不要油条
阅读(345)
评论(0)
推荐(0)
ElementUI开发商品规格组件
摘要: 电商后台需求-商品规格组件,参数是我们业务上需要的,不过八九不离十,使用elementUI库写的该组件,组件中的上传图片使用了oss-upload组件(详见另一文:阿里oss上传组件) <template> <div class="sku-list"> <template v-if="!disabl
阅读全文
posted @ 2022-05-13 14:36 豆浆不要油条
阅读(864)
评论(0)
推荐(0)
阿里oss上传工具函数
摘要: 阿里oss上传工具函数,首先需要先安装依赖 npm install ali-oss,还有上传支持压缩使用到了 compressorjs 这个工具库;randomString这个是自写的生成随机字串的函数,用来保证文件名唯一。 1 import OSS from 'ali-oss'; 2 import
阅读全文
posted @ 2022-05-13 14:26 豆浆不要油条
阅读(221)
评论(0)
推荐(0)
私人定制:阿里oss上传组件
摘要: 本文代码只是vue前端组件代码,还需要依赖vuedraggable组件库(支持拖拽排序);还需要ossUpload.js工具函数(详见另外一文:阿里oss上传工具) 该组件写的时候大部分都是参照elementUI的上传组件(其实是本来的业务代码都是通过后端上传,后面领导说要用oss,所以就写了这个组
阅读全文
posted @ 2022-05-13 14:18 豆浆不要油条
阅读(136)
评论(0)
推荐(0)
2022年5月12日
axios拦截器通配
摘要: import axios from "axios"; import router from '@/router/index.js'; import { Message } from "element-ui"; import { getToken, removeToken } from '@/util
阅读全文
posted @ 2022-05-12 18:31 豆浆不要油条
阅读(38)
评论(0)
推荐(0)
H5幸运大转盘
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>幸运大转盘</title> <style> * { margin: 0; padding: 0; } .container { background-image
阅读全文
posted @ 2022-05-12 16:40 豆浆不要油条
阅读(210)
评论(0)
推荐(0)
上一页
1
2
3
下一页
公告