Element UI DatePicker 监听年月切换并获取变更

1 月 9 日
阅读 3 分钟
224
如下图,有活动的日期需加红色标记。最简单的方式是直接查询所有的数据,进行匹配展示就行。但是考虑到数据量可能有点大,因此最好只查询当前月的数据就好。因此需要监听年月切换并获取变更。查看DatePicker 日期选择器相关api没有月份切换的相关事件,只有选择值切换了才会触发change事件;

css自定义滚动条样式

2022-06-29
阅读 1 分钟
579
css控制滚动条宽度和颜色 {代码...} 指定某个div.custom的滚动条样式 前端加相应的选择器即可 {代码...}

Node.js使用puppeteerjs提取网页中的视频地址

2022-01-21
阅读 5 分钟
3.8k
需要将网页中的视频地址提取出来。作为前端开发人员的惯性思维,看到这个网页的html结构,这个不是很简单嘛,一行代码就搞定:document.querySelector('video source').src

设置npm源为淘宝镜像

2022-01-20
阅读 1 分钟
2k
因为有些包需要翻墙或者是境外的服务器,所以使用常规的npm 安装方式有可能安装很慢或者安装失败,所以淘宝就帮我们把一些需要翻墙的包同步到了国内服务器,所以使用淘宝镜像安装速度会很快。

Linux环境上安装和升级Node

2021-05-10
阅读 2 分钟
17.1k
如果遇到执行./bin/node -v报错,提示无法执行二进制文件:可执行文件格式错误.可能是node文件和linux版本对不上,尝试下载对应的arm格式的包进行解压,比如上面的包对应的arm的地址为https://nodejs.org/dist/v14.16.1/node-v14.16.1-linux-arm64.tar.xz

js实现滚动条滑动到底部

2021-03-02
阅读 2 分钟
23.4k
一般情况下使用body的滚动条,但是特殊情况下需要指定某个dom的滚动条滑动到最底部,因此需要指定滚动条容器,方便计算出容器的高度和容器内容的总高度;

CSS控制video标签的控制栏组件 隐藏video播放器右下角三个点

2020-12-15
阅读 2 分钟
16.2k
video标签默认是不显示控制条的,在video标签添加controls可显示视频播放器的控制条,包含视频的播放控制按钮、进度条、全屏按钮、播发速度等。<video controls></video>

echarts绘制3D城市地图

2020-10-26
阅读 2 分钟
19.9k
使用echarts 绘制 中国地图/各省地图/市级地图 的3D地图先上效果图中国四川省成都市dome代码地址 [链接]3D地图说明通过使用 series-map3D 可以绘制3D地图快速开始1.需要先下载echarts.js,然后额外下载 echarts-gl.js,并在页面中引入 {代码...} 这个两个js文件可以在echarts官网下载也可以在上面给的dome项目中拷贝echart...

Nodejs获取本机内网ip

2020-06-05
阅读 1 分钟
5.4k
通过引入os模块获取系统信息 {代码...}

js获取操作系统信息 浏览器信息

2020-01-02
阅读 3 分钟
13.9k
部分项目中可能需要检测用户当前的浏览器环境,比如操作系统是window还是iOS,检测用户是什么浏览器访问的(Chrome、IE 等),网上很多类似的代码,发现很多博客中针对IE11的浏览器的检测都失效了,整理相关资料总结如下,以便后面再次使用。

微信小程序生成海报 canvas文字自动换行

2019-12-31
阅读 4 分钟
6.2k
在微信小程序中分享,官网只提供分享给好友和群聊的能力,未提供分享到朋友圈的api。因此小程序分享到朋友圈通常做法就是利用canvas生成一张动态海报,上面贴一个小程序码图片,分享到朋友圈,长按识别小程序码进入小程序,以达到在朋友圈推广小程序的功能。

IE9及以下浏览器升级提示

2019-12-30
阅读 2 分钟
6.1k
在使用react的项目中一般都有兼容性问题,特别是使用了组件库比如element-react或者ant-design等等,在ie下多少都会有点小问题,比如样式不正确,或者组件功能失效,甚至白屏等问题。

h5本地预览上传的图片或视频

2019-07-31
阅读 2 分钟
9.1k
通过<input id="input" type="file" onchange="changeFile()"> 中的change事件 拿到的file不能直接在本地预览选择的图片或者视频,可以通过以下两种方式预览本地图片,不用上传到服务器就可以本地预览。

h5实现一键复制到粘贴板 兼容iOS

2019-06-19
阅读 3 分钟
18.6k
复制必须是选中input框的文字内容,然后执行document.execCommand('copy')命令实现复制功能。初步实现方案(非完整代码)

常见浏览器终端检测

2019-01-11
阅读 2 分钟
4.9k
移动端常见浏览器 {代码...} 使用方式 输出 true|| false {代码...} PC端常见浏览器检测 {代码...} 使用方式 输出具体浏览器别名 {代码...}

h5在qq中配置分享描述和图片

2019-01-04
阅读 1 分钟
5.3k
微信 在微信中可以通过微信提供的jssdk进行配置,详细文档参考 微信JS-SDK说明文档 QQ 在手机qq中,可以通过直接配置meta标签进行配置 {代码...} QQ获取分享信息的规则在QQ开放平台里面有具体说明:[链接]:setShareInfo 文档说可以通过js进行配置,但是引入相关jssdk后未配置成功,提示当前环境无法使用通用API,暂时可以...

js格式化xml并高亮显示关键字

2018-12-25
阅读 3 分钟
5.6k
DOMParser 对象解析 XML 文本并返回一个 XML Document 对象。要使用 DOMParser,使用不带参数的构造函数来实例化它,然后调用其 parseFromString() 方法:

react 项目构建

2018-09-10
阅读 7 分钟
12.3k
每次构建react项目的时候都会配置一大堆东西,时间久了就会忘记怎么配置。为了方便自己记忆也为了其他开发者在构建react应用时能够快速开发,故作此记录。

小程序 ios 音频播放没声音问题

2018-07-10
阅读 2 分钟
7.9k
小程序提供了录音和播放音频的能力,从基础库 1.6.0 开始支持了wx.getRecorderManager(),录音都采用wx.getRecorderManager()提供的api,播放音频文件采用wx.createInnerAudioContext()提供的api

js实现txt/excel文件下载

2018-06-13
阅读 4 分钟
17.8k
出于安全考虑,JS无法直接调用FileAPI写文件到磁盘,但是却可以通过下载来变相实现保存功能。JS要实现下载功能,一般都是这么几个过程:生成下载的URL,动态创建一个A标签,并将其href指向生成的URL,然后触发A标签的单击事件,这样就会弹出下载对话框,从而实现了一个下载的功能。

记 vue-router 在微信浏览器中操作history URl未改变的解决方案

2018-04-16
阅读 1 分钟
9.5k
在PC端和手机浏览器中router.replace() or router.push()能够正常使用,页面的地址和页面都正常显示;但是在微信中,从/a页面通过router.push('/b')跳转到/b页面后,页面正常,但是复制浏览器的地址会发现其地址仍为/a;选择在浏览器打开发现也是显示的/a的页面。这应该是微信浏览器那边的问题,微信浏览器只会记住你第一...

html5 video 视频页面内缓存 - 全量加载方法

2018-01-18
阅读 2 分钟
41.9k
但是为了更好的用户体验,我们有的时候需要预加载视频,比如有的视频可能是在用户产生某些交互进行显示播放的。这个时候我们优先想到的是 preload 属性。此属性用于定义视频是否预加载。属性有三个可选择的值:none、metadata、auto。如果不使用此属性,默认为auto。

ios audio不能够正常播放

2017-11-23
阅读 1 分钟
9.1k
ios中audio不能直接通过audio.play()播放,需要用户在click事件或者touch事件中执行audio.play()才能播放。

js动态修改浏览器title

2017-11-22
阅读 1 分钟
15.8k
title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改,jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。

gulp 入门配置

2017-08-08
阅读 2 分钟
1.9k
使用 browser-sync 进行本地开发自动刷新,配合gulp-uglify、gulp-minify-css对js和css进行压缩处理,最终打包到dist目录