前端项目对网络url文件路径进行点击下载，而不是浏览器自动预览pdf, png
例如一个网络png文件为：https://mkboke.oss-cn-shenzhen.aliyuncs.com/wp-content/uploads/2019/01/mkboke_logo-2.png 要实现的效果是：点击png或pdf直接下载而不是浏览器自动预览 [crayon-651c6f1bb64d645…
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点击可以预览图片。咱们暂…