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

css控制滚动条宽度和颜色 {代码...} 指定某个div.custom的滚动条样式 前端加相应的选择器即可 {代码...}

需要将网页中的视频地址提取出来。作为前端开发人员的惯性思维，看到这个网页的html结构，这个不是很简单嘛，一行代码就搞定：document.querySelector('video source').src

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

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

一般情况下使用body的滚动条，但是特殊情况下需要指定某个dom的滚动条滑动到最底部，因此需要指定滚动条容器，方便计算出容器的高度和容器内容的总高度；

video标签默认是不显示控制条的，在video标签添加controls可显示视频播放器的控制条,包含视频的播放控制按钮、进度条、全屏按钮、播发速度等。<video controls></video>

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

通过引入os模块获取系统信息 {代码...}

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

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

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

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

复制必须是选中input框的文字内容，然后执行document.execCommand('copy')命令实现复制功能。初步实现方案（非完整代码）

移动端常见浏览器 {代码...} 使用方式 输出 true|| false {代码...} PC端常见浏览器检测 {代码...} 使用方式 输出具体浏览器别名 {代码...}

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

DOMParser 对象解析 XML 文本并返回一个 XML Document 对象。要使用 DOMParser，使用不带参数的构造函数来实例化它，然后调用其 parseFromString() 方法：

每次构建react项目的时候都会配置一大堆东西，时间久了就会忘记怎么配置。为了方便自己记忆也为了其他开发者在构建react应用时能够快速开发，故作此记录。

小程序提供了录音和播放音频的能力，从基础库 1.6.0 开始支持了wx.getRecorderManager()，录音都采用wx.getRecorderManager()提供的api，播放音频文件采用wx.createInnerAudioContext()提供的api

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

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

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

ios中audio不能直接通过audio.play()播放，需要用户在click事件或者touch事件中执行audio.play()才能播放。

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

使用 browser-sync 进行本地开发自动刷新，配合gulp-uglify、gulp-minify-css对js和css进行压缩处理，最终打包到dist目录