Gypsophlia

前言 近期公司提出了一个新需求，希望前端能够根据UI设计绘制运动报告界面，完成数据展示，包括图标展示，并且能够将HTML页面转为PDF并实现下载。基于公司需求，查询了很多资料，最后选定了三种技术方案，

最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 注意到，在 <button> 标签中…

通过几行 JavaScript ，就可以读取到电脑/手机上的所有数据，浏览器中的网页可以读取你所有的密码？

boolean 类型，对路径末尾斜杠的匹配。如果为 true，path 为 '/page1/' 将不能匹配 '/page1' 但可以匹配 '/page1/one'。；如下所示 如果路由 Route 外部包裹 Switch 时，路由匹配到对应的组件后，就不会继续渲染其他组件了。但…

最近在写一个 VSCode 扩展时需要通过一个 Webview 去渲染一些网页内容，经过了一番折腾，最终实现了让 VSCode Webview 完美集成 webpack 的热更新。

1.什么是JSON Schema 相信前端童鞋，对JSON应该都很熟悉。JSON (JavaScript Object Notation) 缩写，JSON 是一种数据格式，具有简洁、可读性高、支持广泛

设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。 设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经…

最近沉迷学习（其实大部分时间都在看英雄联盟S8总决赛），把这几天在学的Stylus做个总结。这篇文章对学习Stylus的新手来说应该会有帮助~ 为了让大家代码观赏性更好，这里的代码都以截图的方式呈现，用的IDE是VSCode。 Stylus是个非常优秀的CSS预编译器，算是前端…

一、入门 1.1 初始化项目 新建一个目录，初始化npm webpack是运行在node环境中的,我们需要安装以下两个npm包 如果下载不了，安装淘宝镜像： 如果出现（cnpm : 无法加载文件 C: