前言

今天记录几个css新特性。

一、caret-color

caret-color 属性用于指定输入框或任何可编辑文本区域中光标（文本光标）的颜色。它允许你自定义闪烁的垂直线颜色，该垂直线指示将在哪里插入文本。

二、accent-color

accent-color 属性用于指定元素内某些表单控件（如单选按钮、复选框等）的强调色。此属性会覆盖浏览器默认的主题颜色，并将其替换为开发者指定的颜色。

前言

几个月没有更新了，百度seo搜索引擎不知道是抽风了还是咋了。搜索关键词都找不到本博客了。本博客已经10年了，目前也在考虑其他创新形式，博客将作为一种形式存在。好了，废话少说，先说下今天要介绍的东西吧。首先介绍几个常用的前端库，然后介绍chrome的一些调试方法，最后讲讲高亮的实现方式。

介绍几个常用的前端库

前言

本篇文章基于今天早上，掘金给我推送了一篇文章（不清楚为啥突然给我推送这个），是关于时间转换的。看到这篇文章阅读量蛮大，留言挺多，很多小伙伴收藏了，因为很久很久之前，我们项目中也有类似的实现，简单看了一下这位小伙伴的实现，还是有一些问题。所以本篇文章纠正一下他的这些问题，帮助小伙伴在后面用到的时候能够使用准确的。而不是上线之后，会有很多问题反馈出来的那种。

指出问题

掘金小伙伴的实现大概存在如下几个问题

1、时间没有转成固定区时时间，假如某人在国外，服务器在国内，国外的区时和国内不一致，很可能导致观看时间比发布时间还早的情况，所以要转换为固定时区来计算时间，例如，统一转换为服务器用的区时，例如：北京时间

2、几天前的逻辑不太对，应该以0点为准，假如今天是14号，你时间输入12号，打印的时间是1天前，肯定不对，

3、 new Date(date).getTime()，有些ios手机这么写解析不对，可以真机测试一下。应该说是兼容性问题吧

前言

我之前分享过一篇文章 【音视频处理】纯js实现上传视频，截取关键帧作为封面，上传后端保存 ，这个文章可以获取视频第一帧作为封面图，但是视频第一帧有时候是黑的，怎么办呢？今天介绍一个获取视频任何一帧的方法。

方法

其实原理都是一样的，都是用canvas绘制

代码如下：