使用背景图<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { on
......
410
0
0
2022-11-03
在js设定画布参数<template>
<canvas id="canvas"></canvas>
</template>
<script setup>
import { onMounted } from 'vue'
import { fabric } from 'fabric'
......
363
0
0
2022-11-03
不可交互的画布画布上的元素将无法选中和操作。也可以理解为冻结了画布。<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<
......
366
0
0
2022-11-03
画布Fabric.js 的画布操作性是非常强的，这里我列举几个常用例子，其他操作可以查看官方文档。『Fabric.js 画布操作 - 文档』🎁 本节案例在线预览 - 画布🎁 本节代码仓库基础版（可交互）基础版就是“起步”章节所说的那个例子。<template>
<canvas width="400" height="400" id="
......
384
0
0
2022-11-03
简介首先要说的是：本文篇幅很长，建议点赞收藏（点赞就等于学会了）。Fabric.js 简介Fabric.js 是一个功能强大且操作简单的 Javascript HTML5 canvas 工具库。如果你需要用 canvas 做特效，那我推荐你使用 Fabric.js ，因为 Fabric.js 语法更加简单易用，而且还提供了很多交互类的 api。Fabric.
......
446
0
0
2022-11-03
async和promise区别没区别,都是一个东西(promise)。因此两个的声明方式可以互相代替。
// async方式声明
var async_req = async () => 'async方式声明'
// Promise方式声明
var promise_req = Promise.resolve('Promise方式声明')
......
437
0
0
2022-10-31
通过网络获取内容既缓慢，成本又高：大的响应需要在客户端和服务器之间进行多次往返通信，这拖延了浏览器可以使用和处理内容的时间，同时也增加了访问者的数据成本。因此，缓存和重用以前获取的资源的能力成为优化性能很关键的一个方面。在这篇指南中使用 ETag 验证缓存的响应Cache-Control定义最优 Cache-Control 策略废弃和更新已缓存的响应缓存检查
......
349
0
0
2022-10-31
注：小编是一个有轻微处女座情节的人，所以很多内容为了方便阅读和格式美观，我都做成了图片，上传后头条都压缩了图片质量，但是不影响大家阅读，因为可以点击放大，哇哈哈！提到JSONP，我当时在网上找了无数帖子也没有看懂它。那些文章大同小异，都是讲到JSONP原理以后就戛然而止，把我们这些初学者搞得云里雾里。所以，写下这篇文章，希望对大家有帮助！为什么要有JSONP
......
434
0
0
2022-10-31
当涉及到web开发，JavaScript工具仍然是最棘手的问题之一。以前开发人员只用JavaScript来增强一些功能，如闪烁文本等，但现在人们开始完全沉迷于它，因为它可以改善整个网站。因此，下面为开发人员列出10大JavaScript工具和脚本。MicroJS这是一个创新型网站，可以迅速地为你提供一个JavaScript代码提取物。它有几乎所有任务集的Ja
......
306
0
0
2022-10-31
注：小编是一个有轻微处女座情节的人，所以很多内容为了方便阅读和格式美观，我都做成了图片，上传后头条都压缩了图片质量，但是不影响大家阅读，因为可以点击放大，哇哈哈！" JavaScript 可以……""嘛，不就是操作一下 DOM，可以让元素飞来飞去吗""JavaScript 是……""不就是用 jQuery 让网页动起来，顶多就是再用用 Ajax 和后端进行一
......
371
0
0
2022-10-30
注：本文大图较多，建议WIFI下观看，土豪随意，前段时间写了一片关于Firebug的内容，今天我们研究一下强大的Chrome开发工具。正文开始：顾名思义Chrome开发工具就是一个工具，它允许Web开发人员可以通过浏览器应用程序干预和操作Web页面，也可以通过这个工具调试和测试Web页面或Web应用程序。有了这个工具，你可以做很多有趣的事情：调试界面的问题使
......
358
0
0
2022-10-30
在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置一个合理的 tsconfig.json 文件？本文将全面带大家一起详细了解 tsconfig.json 的各项配置。 本文将从以下几个方面全面介绍 tsconfig.json
......
413
0
0
2022-10-28
一、数据存储：store文件夹下的目录结构log.js中的文件如下所示：export const state = () => ({
logNode: [],
})
export const mutations = {
SET_lOGNODE: (state, data) => {
if (state.
......
360
0
0
2022-10-27
JavaScript库和工具让开发人员和设计人员的生活很轻松，因为他们使用起来真的是非常的快捷。如果你投入的越多当然也收获的越多。这就是JavaScript库和工具最大的愿景。Patternizer -条纹模式生成器工具这个惊人的工具允许您毫不费力地使复杂的设计变得简单。它允许您是艺术和试验模式，可以保持与任何人分享，它还允许你有与人合作的想法。Kartog
......
361
0
0
2022-10-25
你可能知道，Javascript语言的执行环境是"单线程"（single thread）所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假
......
361
0
0
2022-10-23