专题：Web前端
共49篇相关文章
TailwindCSS类规范顺序是怎样的？
以下是一个推荐的 Tailwind CSS 类书写顺序规范，按照功能和优先级进行分类整理，方便你在开发中作为笔记手册使用： 1. 布局相关 flex、inline-flex、grid、inline-grid：定义元素的布局方式 block、...
如何绘制canvas学习笔记二中的图形？
上一篇我们已经讲述了canvas的基本用法，学会了构建canvas环境。现在我们就来学习绘制一些基本图形。 坐标 canvas的坐标原点在左上角，从左到右X轴坐标增加，从上到下Y轴坐标增加。坐标的一个单元是1像素。示意如下： 矩形 canv...
如何将【canvas学习笔记三】中的样式和颜色成？
上一节我们学习了如何用路径绘制各种形状，但我们只能用默认的颜色和线条。这节就来学习设置不同的颜色和线条样式。 颜色 设置颜色主要有两个属性： fillStyle = color 设置填充颜色 strokeStyle = color 设置描边...
如何绘制canvas中的文字实现个性化效果？
本节我们来学习如何绘制文字。 绘制文字有两个主要的方法： fillText(text, x, y [, maxWidth]) 在x, y位置填充文字text，有一个可选参数maxWidth设置最大绘制宽度。 strokeText(text,...
如何通过canvas学习笔记五，用图片实现创意设计？
在canvas里画图有两个步骤： 1. 获得图片源。 2. drawImage()画图。 图片源 canvas支持以下几种图片资源： 1. HTMLImageElement 可以使用Image()方法构造的图片，也可以是HTML的元素。 2...
如何使用canvas实现状态保存和变换操作？
save()和restore() save() 保存当前状态，将当前canvas的状态存入栈中。 restore() 恢复之前save的一个状态，将之前的状态从栈中弹出。 保存的当前状态包含以下信息： 变换（平移、旋转、缩放） 属性： st...
如何高效学习canvas混合和裁剪技巧？
globalCompositeOperation 如果我们先画了一个图形，然后要在这个图形上面再画一个图形，那么这个图形会怎么样呢？是覆盖在原来的图形上面吗？这时候，就要用到globalCompositeOperation这个属性了。 当有...
如何将【canvas学习笔记八】像素操作成？
ImageData对象 ImageData对象包含了一个区域内的canvas的像素信息。它包含以下可读属性： width canvas的宽度，单位是像素。 height canvas的高度，单位是像素。 data 一个Uint8Clampe...
微信浏览器video播放视频踩坑，如何避免？
video属性介绍 iOS的属性 playsinline On iPhone, video playsinline elements will now be allowed to play inline, and will not auto...
移动端和微信小程序有哪些兼容性问题？
1. safari浏览器字体不能自动随网页缩放调整大小 -webkit-text-size-adjust:100% 2. 点击<button><input&g...
await this.$nextTick()和this.$nextTick(callback)有何本质区别？
背景 需要实现一个需求，一个小区业务详情页面，在左侧菜单栏切换了小区后，详情页跟着切换。 这个详情页面是根据url上的:id来确定小区id的，所以切换了小区后，应该切换路由。 于是这样实现： watch: {监听小区号变化 nei...
Drag（拖拽）是一个在计算机操作中非常常见的交互动作，它允许用户通过鼠标、触摸屏或其他输入设备选择并移动对象。以下是对拖拽动作的详细解释：### 定义拖拽（Drag）是指用户在界面上选择一个对象（如文件、图片、图标等），然后通过移动输入设备（如鼠标或触摸
拖放功能，即将一个元素从一个区域，通过拖拽，放置到另一个区域。常见的应用是将文件或图片从一个区域，拖放到另一个区域。中文常常把这表述成拖拽，实际上拖拽的描述并不准确，应该叫拖放，因为drag事件和drop事件是成对使用的，即拖拽和放置。 d...
初识Tauri，有哪些细节需要注意？
简述 Tauri是一个跨平台的开发框架，使用rust开发。前端用前端技术构建用户界面，后端使用rust和平台系统交互。 创建项目 可以用BashPowerShellFishnpmdenoCargo等工具创建项目。 下面以pnpm示...
如何获取客户端计算机硬件及系统信息？
本来是想在网上找用Javascript获取打印机信息的方法，但是没想到找到了更多有用的信息，特此记录下来。通过WMI来实现获取客户端计算机硬件及系统信息:系统信息获取 function getSysInfo(){ var locator...
SignalR如何实现.NET中IM即时通讯的应用落地？
1、引言 **即时通讯（IM）**是RDIFramework.NET敏捷开发框架全新提供的一个基于Web的即时通讯、内部聊天沟通的工具。界面美观大方对于框架内部进行消息的沟通非常方便。基于RDIFramework.NET敏捷开发框架的即时通...