前端项目对网络url文件路径进行点击下载,而不是浏览器自动预览pdf, png

例如一个网络png文件为:https://mkboke.oss-cn-shenzhen.aliyuncs.com/wp-content/uploads/2019/01/mkboke_logo-2.png 要实现的效果是:点击png或pdf直接下载而不是浏览器自动预览 [crayon-651dc4600f3d851…
element DatePicker禁用日期

要实现的效果如下: 具体的需求是实际上班日期才可以进行选择, html:
1 2 3 4 5 6 7 8 9 10 11 12 |
<template> <div class="block"> <span class="demonstration">日期禁用</span> <el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker> </div> </template> |
js:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
const noFilters = ['10/15', '10/16'] const filters = ['10/26', '10/27'] export default { data() { return { pickerOptions: { disabledDate(time) { // 今天以前不可选 let isBeforeToday = time.getTime() < Date.now() - 172800000; if(isBeforeToday) return true // 周六、周日也要上班的日子要可以选择(法定节假日调休) let isForceEnableDay = noFilters.some(i => { return time.getTime() == new Date('2022/'+ i).getTime() }) if(isForceEnableDay) return false // 周六、周日要禁用 if(time.getDay() == 0 || time.getDay() == 6) { return true } // 工作日放假的日子要禁用(法定节假日) let isForceDisableDay = filters.some(i => { return time.getTime() == new Date('2022/'+ i).getTime() }) if(isForceDisableDay) return true } } }; } }; |
手把手制作mobileconfig文件,在iphone上创建h5网页桌面图标

1,下载mobileconfig文件制作工具 下载地址:点击关注公众号,回复appicon, 获取工具的下载地址 新建配置描述文件,填写通用信息 填写Web Clip信息 点击菜单栏的导出,注意这里一定要选择无, 导出文件命名为u…
Flutter ListTile – Flutter每周一组件

该文章属于【Flutter每周一组件】系列,其它组件可以查看该系列下的文章,该系列会不间断更新;所有组件的demo已经上传值Github: github.com/xj124456/fl… 欢迎Star 博客:思否, 掘金, 知乎, 简书, 慕课, CS…
Flutter Inkwell – Flutter每周一组件

Flutter每周一组件 Flutter Inkwell 预览 使用场景 当需要给一个元素点击事件的时候,你可以用InkWell来包裹这个元素,它里面有常用交互事件和点击效果 组件参数说明
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
const InkWell({ Key key, Widget child, //子组件 GestureTapCallback onTap, //单击事件 GestureTapCallback onDoubleTap, //双击事件 GestureLongPressCallback onLongPress, //长按事件 GestureTapDownCallback onTapDown, //手指按下 GestureTapCancelCallback onTapCancel, //取消点击事件 ValueChanged<bool> onHighlightChanged, //突出显示或停止突出显示时调用 ValueChanged<bool> onHover, //当指针进入或退出墨水响应区域时调用 MouseCursor mouseCursor, Color focusColor, //获取焦点颜色 Color hoverColor, //指针悬停时颜色 Color highlightColor, //按住不放时的颜色 MaterialStateProperty<Color> overlayColor, Color splashColor, //溅墨颜色 InteractiveInkFeatureFactory splashFactory, //自定义溅墨效果 double radius, //溅墨半径 BorderRadius borderRadius, //溅墨元素边框圆角半径 ShapeBorder customBorder, //覆盖borderRadius的自定义剪辑边框 bool enableFeedback = <span style="color: #569cd6; line-height: 26px;">true</span>, //检测到的手势是否应该提供声音和/或触觉反馈,默认<span style="color: #569cd6; line-height: 26px;">true</span> bool excludeFromSemantics = <span style="color: #569cd6; line-height: 26px;">false</span>, //是否将此小部件引入的手势从语义树中排除。默认<span style="color: #569cd6; line-height: 26px;">false</span> FocusNode focusNode, bool canRequestFocus = <span style="color: #569cd6; line-height: 26px;">true</span>, ValueChanged<bool> onFocusChange, bool autofocus = <span style="color: #569cd6; line-height: 26px;">false</span>, }) |
案例…
Flutter plugin not installed; Dart plugin not installed;

Android Studio 4.1明明安装了flutter插件,dart插件; 在执行flutter doctor命令检查的时候,一直提示: Flutter plugin not installed; this adds Flutter specific functionality. Dart plugin not insta…
什么是js事件委托/事件代理
什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件…
什么是js事件循环event-loop

今天简单说下js的事件循环机制,我们都知道,javascript是单线程语言,它的核心,也是因为它的单线程。 有很多小白不清楚EventLoop到底是什么,按照中文翻译,就是事件循环,那js到底是怎样将同步和异步进行…
vue中给一段字符串添加绑定事件

你向数组中push了一段html代码,格式是字符串的,类似如下面这样
1 |
this.msgList.push(`<img src="${res.data.data.url}" />`) |
在template中你是这样显示的:
1 2 3 |
<ul class="msg-list" ref="msglist"> <li v-for="(item, index) in msgList" :key="index" v-html="item"></li> </ul> |
现在要求img点击可以预览图片。咱们暂…