专题: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敏捷开发框架的即时通...
