note

Neumorphism/Soft UI generatorSmooth Shadow generatorFancy Border Radius GeneratorEasing GradientsDat

知乎，中文互联网高质量的问答社区和创作者聚集的原创内容平台，于 2011 年 1 月正式上线，以「让人们更好的分享知识、经验和见解，找到自己的解答」为品牌使命。知乎凭借认真、专业、友善的社区氛围、独特的产品机制以及结构化和易获得的优质内容，聚集了中文互联网科技、商业、影视、时尚、文化等领域最具创造力的人群，已成为综合性、全品类、在诸多领域具有关键影响力的知识分享社区和创作者聚集的原创内容平台，建立起了以社区驱动的内容变现商业模式。

前言最近团队需要做一个智能客服悬浮窗功能，需要支持拖动、放大缩小等功能，因为这个是全局插件，为了兼容性考虑全部使用原生JS实现，不引用任何第三方库或者插件。开发过程中遇到的一些问题及解决方法，在这里和大家分享交流一下。注：下文出现的“采宝”二字，为这个功能的产品名。先看效果看这个效果，相信大部分开发都会觉得实现起来比较容易。在实际开发中，笔者总结了三个主要的坑点，及其解决方案。三个坑点拖拽采宝时会

Focalboard is an open source, self-hosted alternative to Trello, Notion, and Asana. - GitHub - mattermost/focalboard: Focalboard is an open source, self-hosted alternative to Trello, Notion, and As...

Flowchart Fun is the fastest free online text to flowchart generator. Easily convert text to flowcharts, mind maps, and process diagrams with our text-based editor.

文件转自：https://www.cnblogs.com/ayyl/p/5978418.htmlWindows下安装MySQL：1. 在浏览器中打开https://www.mysql.com/，进入MySQL的官方网站，国内的网打开可能有点儿慢，稍微等待一下2. 在打开的网页中选择downloads标签，如下图：3. 在打开的标签页中，滑到页面的最下面，可以看到MySQL Community Ed...

Utilities for controlling the color of an element's borders.

🚀 对象模型 → 数据可视化管理 0️⃣ 前端代码、0️⃣ 代码生成、0️⃣ SQL、0️⃣ API声明、0️⃣ DTO / VO / BO、表结构自动生成 🛡 内置严密安全策略，细颗粒权限隔离 ☁️ Cloud开发能力，不停机升级，轻依赖，集群内每个服务都可以轻松实现数据可视化 ️☁️ - GitHub - erupts/erupt: 🚀 对象模型 → 数据可视化管理 0️⃣ 前端代码、0...

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

多数企业出于安全、稳定、隐私等方面的考虑，都会选择在内网搭建代码托管平台。随着企业的发展，项目会越来越多。 由于项目数量太多和人员的流动，企业中很难有人能掌握所有代码的细节，当想要统一排查代码是否包含某类敏感信息，或检查是否使用了某些不安全的方法时，就需要开发人员各自手工排查自…

Git is a version control system that developers use all over the world. It helps you track different versions of your code and collaborate with other developers. If you are working on a project over time, you may want to keep track of which changes were made, by whom, and

Drop-in CSS transitions

CSS data visualization framework

基于vue3实现的仿百度日历组件. Contribute to qiuquanwu/vue-baidu-calendar development by creating an account on GitHub.

为键盘工作者设计的单词记忆与英语肌肉记忆锻炼软件 VSCode 摸🐟版. Contribute to Kaiyiwing/qwerty-learner-vscode development by creating an account on GitHub.

Official Vue.js component for fullPage.js. An easy to use wrapper for your vue application.

verdaccio github: https://github.com/verdaccio/verdaccio 先上效果图 安装 1、执行命令，拉取verdaccio的docker镜像 docker

vite2 都出了，学起来！

插播一下，本文案例已整理成插件，已上传 npm ，可通过 npm install js-image-compressor -D 安装使用，可以从 github 下载。

前言 Yarn 团队在春节前公布了 Yarn 2.0 的规划。其中提到了一个之前没听说过的名词 “PnP”。发现 Yarn 的这个功能早在 18 年 9 月份就被提出并实现了。于是花了一些时间了解了一下它的工作原理以及解决的问题并整理除了本篇文章。 现状与痛点 Yarn 团队开发 PnP 特性最直接的原因就是现有的依赖管理方式效率太低。引用依赖时慢，安装依赖时也慢。 先说说 Node 在处理依赖引用时的逻辑，这个流程会有如下两种情况： 如果我们传给 require() 调用的参数是一个核心模块（例如 “fs”、”path”等）或者是一个本地相对路径（例如 ./module-a.js 或 /my-li/module-b.js），那么 Node 会直接使用对应的文件。 如果不是前面描述的情况，那么 Node 会开始寻找一个名为 node_modules 的目录： 首先 Node 会在当前目录寻找 node_modules，如果没有则到父目录查找，以此类推直到系统根目录。 找到 node_modules 目录之后，再在该目录中寻找名为 moduleName.js 的文件或是名为 moduleName 的子目录。 此处旨在说明问题，对 Node 内部模块解析逻辑做了简化描述 可见 Node 在解析依赖时需要进行大量的文件 I/O 操作，效率并不高。 再来看看安装依赖时发生了什么，现阶段 yarn install 操作会执行以下 4 个步骤： 将依赖包的版本区间解析为某个具体的版本号 下载对应版本依赖的 tar 包到本地离线镜像 将依赖从离线镜像解压到本地缓存 将依赖从缓存拷贝到当前目录的 node_modules 目录 其中第 4 步同样涉及大量的文件 I/O，导致安装依赖时效率不高（尤其是在 CI 环境，每次都需要安装全部依赖）。

Teleport 能够直接帮助我们将组件渲染后页面中的任意地方，只要我们指定了渲染的目标对象。

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

Learn to Code — For Free