幻灯片 幻灯impress js

Fabric.js

Fabric.js是什么Fabric.js 是一个简化HTML5 Canvas开发的Javascript库,Fabric.js提供了HTML5 Canvas本身缺失的对象模型、交互层、SVG解析器以及其他一整套工具。它是一个完全开源的项目,在MIT下获得授权,多年来一直在维护,近期要发布4.0版本, ......
Fabric js

js基础--复制

对象的复制 并没有真正的复制对象,而是复制了它的地址 使用 可以判断是否真正的复制 拷贝一般指创建了新对象,它和源对象不对等 潜拷贝与深拷贝 浅拷贝 :一般对象的复制均为浅拷贝 只对对象的的地址进行拷贝,不对对象的属性进行复制 如slice只复制了第一层( 结果为false) 深拷贝 : 不仅复制了 ......
基础

three.js 入门学习(一)

webGl和three.js http://webgl3d.cn/pages/aac9ab/ 图形学算法 Web3D WebGPU 下载 yarn add three @types/three 使用 import * as THREE from 'three'; onst scene = new T ......
three js

js基础---数组

for-of 遍历可迭代对象 执行次数与对象个数有关 将对象元素依次赋值给变量 语法for(变量 of 可迭代对象){ } 数组at()用法 at():可以根据索引获取数组中指定元素,且可以设置负值。 -1为倒数第一个元素。 concat 用来链接两个或多个数组。 (非破坏性方法,不会影响原数组而是 ......
数组 基础

第139篇:JS数组常用方法(map(),reduce(),foreach())

好家伙,本篇为MDN文档数组方法的学习笔记 Array.prototype.reduce() - JavaScript | MDN (mozilla.org) 数组方法这块的知识缺了,补一下 1.map()方法 map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返 ......
数组 常用 foreach 方法 reduce

简单聊聊,使用Vue.js编写命令行界面,前端开发CLI的利器

Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
前端 利器 界面 命令 Vue

JS闭包理解

概念 在一个函数中嵌套另一个函数,嵌套(内部)函数对其容器(外部)函数是私有的。闭包是一个可以自己拥有独立的环境与变量的表达式(通常是函数,因为ES6有块级作用域的概念) 闭包是指有权访问另一个函数作用域中变量的函数。 闭包作用: 可以在函数外部访问到函数内部的局部变量; 让这些变量始终保存在内存中 ......
闭包

01_JS技巧

1.判断对象数据类型 示例代码如下 const isType = (type) => (target) => `[object ${type}]` Object.prototype.toString.call(target) const isArray = isType('Array') const ......
技巧 01 JS

unity发布到4399的webgl模式问题:FRAMEWORK.JS中的WEBREQUEST_SEND括号内的函数(不能有通讯代码)

在发布4399的时候,之前遇到过这个问题,解决方法当然就是删除这个函数啦。 步骤也很简单,但是刚开始摸不着头脑搞了好久,最后发现发布的时候有个加密选项,选择不加密,后面build的文件里面就可以进行打开修改,按照要求修改函数即可。 ......

Three.js#04#Responsive Design&Scenegraph

参考https://threejs.org/manual/#en/responsive和https://threejs.org/manual/#en/scenegraph 前者主要是说怎样创建一个响应式的three.js应用,就是在变化屏幕大小的时候,画面不会畸形。后者是再说,怎么组合小的组件变成一 ......
Responsive Scenegraph Design Three amp

Node.js

macOS brew install node npm config set registry https://registry.npmmirror.com npm install --global pnpm pnpm config set registry https://registry.npm ......
Node js

js 复制/转换 window对象的全部属性内容 为字符串

控制台copy(window)不行,只得到[object Window] copy(JSON.stringify(window))也不行,报错Uncaught TypeError: Converting circular structure to JSON 需要定义一个处理循环结构的函数,可以参考h ......
字符串 字符 属性 对象 内容

chatGTP对js匿名函数的解答

前言 笔者在使用chatGTP的过程中发现它越来越聪明,它可以对一个问题连续的解答,也预示着chatGTP的出现,百度等搜索引擎的即将消亡,chatGTP是聪明的这令笔者是大吃一惊的下面是对chatGTP的问答内容 chatGTP对js匿名函数的解答 问1:能说说js中的匿名函数吗? 答1: 当函数 ......
函数 chatGTP

prism.js 中文文档

中文手册 https://www.cnblogs.com/pellime/p/9949843.html 官方仓库 https://github.com/PrismJS 官网 https://prismjs.com/ ......
文档 prism js

windows 10 安装node.js

安装 node.js 官网地址:https://nodejs.org/zh-cn/download 安装方式:zip包 1下载zip 2 解压zip包: 解压在非中文目录下 新建两个目录 node_global node_cache 新建目录说明 node_global:npm全局安装位置 node ......
windows node 10 js

【模板方法设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 模板方法模式(Template Method Pattern)也叫模板模式,是一种行为型模式。它定义了一个抽象公开类,包含基本的算法骨架,而将一些步骤延迟到子类中,模板方法使得子类可以不改变算法的结构,只是重定义该算法的某些特定步骤。不同的子类以不同的方式实现这些抽象方法,从而对剩余的逻辑有不 ......
设计模式 模板 语言 模式 方法

JS 设计模式

单例模式 一个类只有一个实例,并提供一个访问它的全局访问点。 1 class LoginForm { 2 constructor() { 3 this.state = 'hide' 4 } 5 show() { 6 if (this.state 'show') { 7 alert('已经显示') 8 ......
设计模式 模式 JS

Three.js教程:Face3对象定义Geometry的三角形面

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 Face3对象定义Geometry的三角形面 几何体Geometry的三角面属性geometry.faces和缓冲类型几何体BufferGeometry顶点索引属性BufferGeometry.index类似都是顶点位 ......
三角形 Geometry 对象 教程 Three

node.js用ffmpeg切rtsp实时视频流为mp4,并且在网页上播放

用express.js框架,这部分太简单了,省略 npm或者yarn安装fluent-ffmpeg 路由部分代码: router.rtspTrackingHandle = function (req, res) { logger.info('[tracking]: rtsp handle'); le ......
视频流 实时 网页 ffmpeg 视频

JS获取table中选中某几行其中某一列数值的总和

JS获取table中选中某几行其中某一列数值的总和 一、思路 1. 如何获取某几行,并且可以实时变化数值?实现如下: $("input[type='checkbox']").click(function(){ alert($(this).val()); }) 2. 接下来就是实现当每次触发点击事件以 ......
总和 数值 table

js中foreach循环无法通过return返回

var lemonadeChange = function(bills) { let fiveCount = 0 let tenCount = 0 bills.forEach(element =>{ if(element 5){ fiveCount += 1 }else if(element 10) ......
foreach return

【HarmonyOS】【JS】Tabs如何设置区分TabBar和TabContent的分割线不显示

【关键字】 Tabs,分割线 【问题描述】 使用JS开发HarmonyOS应用时,使用Tabs组件,默认自带TabBar和TabContent的蓝色分割线,由于蓝色分割线样式不可设置,若不想要此蓝色分割线,如何去除蓝色分割线? 【问题分析】 1、若JS使用Tabs,蓝色分割线为组件自带样式,暂不支持 ......
分割线 TabContent HarmonyOS TabBar Tabs

Dynamic crm 使用JS 更新BPF的stage。

function updateProcess(CurrentRecordId,stageId){ 'use strict'; var fetchXml = '<fetch>' + " <entity name='new_approval_process' >" + " <attribute name ......
Dynamic stage BPF crm

jquery.liMarqee.js无缝滚动的使用问题

引入 jq、liMarquee.js 和 liMarquee.css 文件 <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="./js/jquery.liMarquee ......
无缝 liMarqee jquery 问题 js

【策略设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 策略模式(Strategy Pattern)属于行为型设计模式。将每一个算法封装到具有共同接口的独立类中,根据需要来绑定策略,使得具体实现和策略解耦。 当你想使用对象中各种不同的算法变体,使用if...else 所带来的复杂和难以维护,可使用策略模式。或者当有许多相同类,它们仅在执行某些行为时 ......
设计模式 策略 语言 模式 Python

js获取服务器端时间

平常获取时间一般都是用new Date()来获取时间,但有时不能直接这么做,因为这样得到的仅仅是客户端的时间,这个是可以随意更改的,而且也跟时区有关,不同时区得到的时间也不一样。像某些场合,比如商品优惠的时间是依据后台服务器的时间的。这里暂时有两种方法去获取: ####方法1:jquery func ......
服务器 时间

Three.js教程:设置Geometry顶点位置、顶点颜色数据

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 前面几篇文章通过缓冲类型几何体BufferGeometry给大家讲解了顶点位置、颜色、法向量、索引数据,本节课给大家引入一个新的threejs几何体APIGeometry。几何体Geometry和缓冲类型几何体Buff ......
顶点 Geometry 颜色 位置 教程

js -- 跨域问题

js -- 跨域问题 前言 出于浏览器同源策略的影响,浏览器会阻止一个域的 js 脚本和另一个域的内容进行交互,因此产生了跨域问题,该问题也经常在面试和开发中遇到,本文来总结一下相关知识点。 正文 1、什么是同源策略 因为浏览器出于安全考虑,存在同源策略,就是说如果协议、域名、端口号有一个不同就产生 ......
问题 js

js--promise、async 和 await 相关知识总结

js--promise、async 和 await 相关知识总结 前言 promise 是前端开发人员必须掌握的知识点,本文来总结一下相关学习笔记。 正文 1、什么是prommise,promise 解决了什么问题 a、promise 是什么 Promise 是承诺的意思,承诺它过一段时间会给你一个 ......
promise 知识 async await js

js--预加载、预渲染、懒加载、懒执行

js--预加载、预渲染、懒加载、懒执行 ......
js