我正在参加「掘金·启航计划」 前俩天也是更新了俩篇 JavaScript 的文章，当时由于时间问题，所以就是想到哪里写到哪里，这次趁着周六日好好整理了一下，内有详细注释，快来看吧~

通过本文的50个web示例你将学到: Vue3核心基础语法和进阶语法 less核心基础语法和进阶语法 scss核心基础语法和进阶语法 1.Expanding Cards 效果如图所示: 源码 在线示例

感谢缤纷多彩的 Web 世界！一个链接，就是打开一个新世界大门的钥匙！本篇带来 50 把钥匙，请把收藏力拉满~~

有时候能一行代码解决，就尽量不用多行；本文整理了工作非常有用的单行代码，这些需求都是在开发中非常常见的，用单行代码帮助你提高工作效率。

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 前端如此多娇，令天下码农尽折腰。前端常用网站汇总。 html5、JavaScript、前端动画库、npm库、前端监控、埋点。

常用工具类，后续追加中。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

如果有补充的，欢迎评论留言，或者有发现错误的，欢迎提出来，马上订正。希望能对你的正则学习、使用有所帮助哈~

经常有一些公司和组织出于系统文件或信息安全保密的需要，需要在系统网页上增加带有个人标识（系统账号或个人信息）的水印，可以简单防止截图外传 首先我们来看这样一个水印功能的实现思路，通常是在我们原有的网页

1. 捕获属性打开你的设备摄像头 正如 input 标记具有 email、 text 和 password 属性一样，还有一个属性可以打开移动设备的摄像头来捕捉图像。 这是通过 capture 属性完