
Javascript
文章平均质量分 89
webmote
一位资深系统架构师、70后大龄码农、擅长.net core、微服务、前端Vue、大数据ETL、系统DevOps运维、CentOS等,关注我,和我一起平坑码代码,组团打怪兽。
展开
-
Fabric.js 入门教程:扩展自定义对象的完整实践(V6)
Fabric.js 是一个功能强大的 HTML5 Canvas 库,用于构建交互式、可编辑的图形应用程序。本篇文章将通过逐步扩展 Fabric.js 的对象,创建一个名为ComNode的自定义节点组件,帮助读者从入门到精通 Fabric.js 的对象扩展功能。访问, 下面全部代码可在内访问。ComNodeFabric.js 使用属性作为核心控制点。我们将添加icon// 自定义属性Fabric.js 提供了控制点功能,可以通过定义。示例中使用静态方法覆盖_render。原创 2024-12-24 18:16:44 · 1190 阅读 · 0 评论 -
做一个FabricJS.cc的中文文档网站——面向markdown编程
世界变化真的好快,从asp,php的后端构建WEB,到现在流行的前后端分离,甚至于最近逐渐火热的前端全栈,感觉技术就是一个圆圈,又一次体会了分久必合,合久必分的伟大预言。大家有没有玩过Vite Press,这整个一面向MarkDown编程,最后生成静态WEB,再次回到了html的原生起点。不过这次使用的不是Press,但也是vite生态圈的一员,Astro这个技术框架,大致原理同Press,都是编译产生HTML静态页面。前端技术真是多啊,何况换在这个卷王时代,不知道各位前端小伙伴换号吗?原创 2024-11-22 19:01:46 · 988 阅读 · 0 评论 -
H5的Canvas绘图——使用fabricjs绘制一个可多选的随机9宫格
Fabric.js是一个强大的 JavaScript 库,专门用于在 HTML5 Canvas 上进行图形和图像处理。它为开发者提供了一个简单而直观的 API,使得创建和操作复杂的图形变得更加容易。Fabric.js 的核心特点包括对象模型、事件系统、以及丰富的图形绘制功能。🚩首先,Fabric.js 的对象模型允许开发者将 Canvas 中的每个图形元素视为一个独立的对象。这些对象可以是矩形、圆形、线条、文本等,用户可以通过简单的代码对它们进行创建、修改和删除。原创 2024-10-23 22:38:00 · 1378 阅读 · 8 评论 -
Javascript 程序员需要知道的5个知识点
Javascript 程序员需要知道的5个知识点1. 原始值: 在 JavaScript 中,原始值或原始类型是一种不是对象且没有方法的数据。有 7 种原始数据类型/值,它们分别是:Undefined (undefined), 无意中丢失的值或未定义的值Null (null), 故意缺失或定义的值Booleans (true 和 false), 逻辑运算的值Numbers (-100, 3.14, 等等), 数学计算的值Strings (“hello”, “abracad原创 2021-09-21 12:51:40 · 904 阅读 · 0 评论 -
想让JS弹出窗口显示在第二个(辅助)显示器上?
这是一个头疼的事情,毕竟第二个显示器技术的应用也就这几年的事。弹出窗口的小事情多年前,被做烂的弹窗,逼得各大浏览器纷纷出手,直接block掉多次弹窗,避免疯狂弹窗对用户的一万点暴击!因此使用弹窗要小心,一不留神不见了!今天忽然有人问我,“老大,能否实现弹窗到第二个显示器?” “这有啥难得,分分钟帮你搞定?”“话说,打脸,不要太疼!”想象一下一个会议室中的用户配备了投影仪,他们通过HDMI电缆连接到该投影仪。我们经常不是将演示文稿镜像到远程端点,而是真正希望在投影仪上全屏显示幻灯片,而让笔.原创 2021-03-30 20:50:09 · 5326 阅读 · 11 评论 -
VSCode的Rest扩展尝试——极简Api测试方案
这是一款中国人自己开发的插件,有兴趣可以关注下作者本人。之前介绍过webapi的测试工具,有Postman、Fiddler等,现在是时候拜托它们的时候了。1、安装可以在Visual Studio市场或VS Code的扩展资源管理器中找到该扩展:https://marketplace.visualstudio.com/items?itemName=humao.rest-client如果您点击此链接,您将找到有关扩展,有非常不错的如何工作以及如何使用的文档。这也意味着这篇文章是没有用的,除了您想阅读.原创 2021-03-26 13:12:51 · 1755 阅读 · 1 评论 -
服务器 Centos 下安装无头浏览器,并附puppeteer的例子
无头浏览器的安装,在国内可谓一波三折,因为伟大的樯的存在,你如果能按github上的步骤安装成功,算我输。服务器Centos 7下安装不可能安装为UI模式,要不你服务器的命令行岂不是白敲了。在此模式下,先建立本地repo。1、添加Rep源$ sudo touch /etc/yum.repos.d/google.repo使用vi打开文件,填充内容如下:[google]name=G...原创 2019-10-28 11:42:37 · 3214 阅读 · 0 评论 -
nodejs撸个定时截屏
临时需要个定时截屏,监控一个软件的运行,网上的下载软件杂七杂八,不如直接撸一个吧,so easy!初始化项目npm init 初始化一个nodejs项目准备nodejs类库包 npm install --save screenshot-desktop npm install --save node-schedule npm install --save mo...原创 2019-09-20 18:05:37 · 3379 阅读 · 0 评论 -
用NodeJs来mock web Api接口
俺的博客都来自工作,因此大部分也是围绕找工作需要展开。虽然前端时间的目标是Go lang,但是工作中暂时要考虑下效率,因此,mock Api的事情暂时先用nodejs搞定吧,这个比较熟!1、环境nodejs安装可以参考上一博客。node -vnpm -v返回既定版本号,就说明安装已经成功了。2、建立web服务mkdir myappcd myappnpm init # 一路回...原创 2018-12-04 10:47:09 · 2392 阅读 · 0 评论 -
GO——闭包,又见闭包
目录1、闭包定义(Closure)2、Go Lang中的闭包3、复习对比下Javascript的闭包4、结语引用链接1、闭包定义(Closure)来自wiki定义:彼得·兰丁在1964年将术语“闭包”定义为一种包含环境成分和控制成分的实体,用于在他的SECD机器上对表达式求值。 Joel Moses认为是Landin发明了“闭包”这一术语,用来指代某些其开放绑定(自由变量)已经由其语法环境完...原创 2018-11-22 17:50:34 · 1509 阅读 · 1 评论 -
Canvas 2D API 规范 1.0 中文版
http://download.youkuaiyun.com/source/2804466前几年做的最有意义的一件翻译事情了,文档可以在百度文库上搜索。Canvas 2D API 规范 1.0 中文版闪亮登场,相信是您学习HTML5的canvas元素api的首选教材,里面有丰富的例子,并且均在IE9下成功测试。希望大家多多支持。下面是目录:摘要 21 介绍 21.1 术语: 22 C...翻译 2010-11-03 09:18:00 · 2013 阅读 · 0 评论 -
Javascript 幻灯片效果展示 --西安四月飞雪
使用jQuery的插件制作,以后会讲解怎么加入自己的网页,会的朋友可以先下载演示页自己修改。2010年4月份,异常不同的倒春寒,一场雪,西安又变了模样。 自己拿小相机拍的,看看吧。幻灯片演示效果点击此处!原创 2010-04-15 16:03:00 · 1663 阅读 · 0 评论 -
[全能重量级]Google自己的Javascript库及引擎等
英文内容:http://code.google.com/intl/zh-CN/closure/library/中文内容:http://www.codeex.cn/blog/article.asp?id=33转载 2010-03-31 17:41:00 · 1732 阅读 · 0 评论