QER 的博客

如何在 ts 中遍历document 拿到的标签

https://www.zhangxinxu.com/study/201711/radial-gradient-circle-colors.html.radial-gradient,.radial-gradient2 { width: 200px; height: 200px; border: 1px solid silver; background: radial-gradient(closest-side circle, yellow, orange, red, white)

https://tholman.com/github-corners/<a href="https://your-url" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#fff; color:#151513; position: absolute; top: 0; border: 0; right

如图所示，这两块均是活动的，而且下面的一大块还有滚动条，上面候选区域会随着js逻辑变高，那么我怎么让这俩加起来正好是一个页面的高度呢？思路是，设置整个的高度为 95vh，为什么不是100？为了下面美观一点留点空间。这样外面的大框就是铺满页面的，然后上方的候选区域没法指定高度，因为是随着用户的操作变化的，只能设置下面的高度，设置一个最小高度，一个最大高度即可。css 如下：整体：.half { width: 50%; margin: 10px; display: flex; flex.

async function copyText(text, successText) { try { await navigator.clipboard.writeText(text); information('success', successText); } catch (err) { information('error', `复制失败: ${err}`); }

清理对象中的空值export const isFalsy = value => value === 0 ? false : !valueexport const cleanObject = object => { const result = { ...object } Object.keys(result).forEach(key => { const value = result[key] if (isFalsy(value)) { delet

npx create-react-app jira --template typescriptprettier：https://prettier.io/docs/en/install.htmlyarn add --dev --exact prettiernpm install --save-dev --save-exact prettier如果你使用pnpm：pnpm add --save-dev --save-exact prettier初始化配置文件：echo {}> .prettier

0 vue3开发者工具1 vue3官网vite配置$ npm init @vitejs/app <project-name>$ cd <project-name>$ npm install$ npm run dev这里选择的是vue的js版本npm inpm run dev2 安装 prettier 官网npm install --save-dev --save-exact prettier然后按照官网依次添加 .prettierrc.json .pre

[Web端接入经验分享] 腾讯云即时通信TIM、实时音视频TRTC即时通信TIM官网地址即时通信TIM SDK API文档地址实时音视频TRTC官网地址实时音视频TRTC SDK API文档地址概念与可能造成疑惑的问题SDK 是什么？Github 地址腾讯云将底层与后台代码封装混淆之后生成 SDK，用户下载 SDK 后，即可简单使用封装的功能。在这个包内包含了发送网络请求自动与腾讯云的服务器通信。即时通信 IM 的前身是 QQ 的即时通信系统，我们抽离 QQ 的通用模块，并将其整合成适

1. 从 github 下载编译好的 pdf.js 压缩包地址：https://github.com/mozilla/pdf.js/releases在里面找到并下载2. 解压下载好的压缩包里面有两个文件夹 web 和 build3. 复制这两个文件夹到自己的web开发路径假设到 /asset/web 和 /asset/build4. 在自己的目录中引用上述复制的文件在该显示pdf的地方 加上一句<iframe src="/asset/web/viewer.html?file=/ex

https://segmentfault.com/a/1190000016927260https://zhuanlan.zhihu.com/p/349595729https://vjmap.com/index.php/2021/03/02/typescript%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E6%80%BB%E7%BB%93/

当图片链接使用变量存储的时候，无法通过import来引入，对于大量图片的场景，这里使用的方法是<Image src={`/assets/images/${imageUrl}`} />需要注意的地方是要用请求方式来请求public目录下的图片，不能够使用文件路径。...

桌面端适配Vant 是一个面向移动端的组件库，因此默认只适配了移动端设备，这意味着组件只监听了移动端的 touch 事件，没有监听桌面端的 mouse 事件。如果你需要在桌面端使用 Vant，可以引入我们提供的 @vant/touch-emulator，这个库会在桌面端自动将 mouse 事件转换成对应的 touch 事件，使得组件能够在桌面端使用。安装模块npm i @vant/touch-emulator -S// 引入模块后自动生效import '@vant/touch-emulator'

1 画矩形x,y为左上角，利用width 和 height控制大小。svg.selectAll("rect") //选择svg内所有的矩形 .data(dataset) //绑定数组 .enter() //指定选择集的enter部分 .append("rect")//添加足够数量的矩形元素 .attr("x", 20) .attr("y", (d, i) => { return i * rectHeight; })

占用多行，在td里属性rowspan=2占用多列，在td里属性colspan=2td里还可以加WIDTH属性