Go系列：结构体标签
结构体标签 标签定义 Tag是结构体在编译阶段关联到成员的元信息字符串，在运行的时候通过反射的机制读取出来。 结构体标签由一个或多个键值对组成。键与值使用冒号分隔，值用双引号括起来。键值对之间使用一个空格分隔，具体的格式如下： key会指定反射的解析方式，如下： json(JSON标签) orm(Beego标签)、gorm(GORM标签)、bson(MongoDB标签)、form(表单标签)、binding(表单验证标签) 标签选项 注...
Vue 3 的 setup语法糖到底是什么
<span style="color: var( g textcolor);" 我们每天写</span <span style="color: var( g textcolor);" 项目的时候都会使用</span <span style="color: var( g textcolor);" 语法糖，但是你有没有思考过下面几个问题。</span <span style="color: var( g textcolor);" 语法糖经过...
全尺寸的带圆角的渐变边框
本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！ 在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章： 会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像是这样： 这个效果的几个核心难点： 1. 边框带渐变色 2. 边框支持设置 3. 内部支持透明 思考一下，使用 CSS，我们可以如何实现这个效果？ 过往比较好的方法 之前有一...
基于GIN框架的六种热加载方法
前言 哈喽，大家好，我是asong，这是我的第九篇原创文章。今天给大介绍几种热加载的方法，大大提高我们的开发效率。本篇文章的所有实现都是基于GIN框架的，公众号有2020最新官方中文文档，后台回复：GIN（不区分大小写）即可获取。 本文的所有项目效果演示都是基于gin jwt swagger开源项目，项目地址： 文章链接： 什么是热加载 如果你是一名python开发者，应该很熟悉这个。我们在Flask或者Django框架下开发都是支持实...
localStorage是同步还是异步的？为什么
点赞 \+ 收藏 === 学会🤣🤣🤣 首先明确一点，localStorage是同步的 是 Web Storage API 的一部分，它提供了一种存储键值对的机制。 的数据是持久存储在用户的硬盘上的，而不是内存。这意味着即使用户关闭浏览器或电脑， 中的数据也不会丢失，除非主动清除浏览器缓存或者使用代码删除。 当你通过 JavaScript 访问 时，浏览器会从硬盘中读取数据或向硬盘写入数据。然而，在读写操作期间，数据可能会被暂时存放...
全网最细使用Vite搭建一个组件库
先使用vite 搭建基础版本脚手架这里不做讲解、由于vite初始化什么都没有安装、我采用了自己改造过的脚手架 详情见 内置 基本上可以满足团队日常开发需求。 😅言归正传、生成目录大概是这样的 一系列的修改操作 1. 修改 为 ，删除 目录 2. 修改 把所有和 相关的别名路径修改为 、修改目录为 、 3. 删除不需要用到的文件夹 ... 4. 修改index.html中 标签中 路径为 5. 下新建文件夹 后续用来存放样式 修改后的目...
用 JavaScript 画一颗【随机树】
用 JavaScript 画一棵树？ 产品说要让前端用 JavaScript 画一棵树出来，但是这难道不能直接让 UI 给一张图片吗？ 后来一问才知道，产品要的是一颗 随机树 ，也就是树的 茂盛程度、长度、枝干粗细 都是随机的，那这确实没办法叫 UI 给图，毕竟 UI 不可能给我 10000 张树的图片吧？ 所以第一时间想到的就是 Canvas ，用它来画这棵 随机树（文末有完整代码） Canvas 画一颗随机树 接下来使用 Canva...
从零到一使用 turborepo + pnpm 搭建企业级 Monorepo 项目
单纯使用 pnpm 就能实现 Monorepo 项目我们都知道，因为它原生支持 workspace，但是它也依然存在一些缺点，例如： 1. 任务运行策略：虽然 pnpm 支持工作空间间的依赖管理和一些任务的并行执行，但是它并不那么灵活或高效地处理跨包的构建、测试和发布任务比如增量构建和任务缓存，可以显著提高大型 Monorepo 的开发和持续集成的效率。 2. 自定义构建和发布流程：pnpm 在自定义构建流程、测试流程和发布流程方面的能...
Chrome 中的自动播放政策
新行为 您可能已经 ，网络浏览器正改用更严格的自动播放政策，以改善用户体验，尽可能减少用户安装广告拦截器的激励措施，并减少在昂贵和/或受限的网络上消耗的流量。这些变更旨在让用户更好地控制播放，并让发布商有合理的使用情形。 Chrome 的自动播放政策很简单： 始终允许静音自动播放。 在下列情况下，允许有声自动播放： 用户与网域进行了互动（点击、点按等）。 在桌面设备上，用户的 阈值已经超过，这意味着用户之前播放过有声视频。 用户已在移动...