weixinjsbridge js-sdk sdk js
ArcGIS API for JS4.8绘制点、线、面、矩形、圆
实现代码 使用ArcGIS API for JS4.8绘制点（Point）、线（Polyline）、面（Polygon）、矩形（Rectangle）、圆（Circle）,使用Draw绘制，具体代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf ......
JS基本原理：对象类型赋值和原生类型赋值
介绍 在本文中，我试图以最简洁的方式来阐明JavaScript编程原理中对象类型赋值和原生类型赋值之间的区别，以及它们各自是如何工作的。这也是我希望在我的JavaScript编程生涯早期就已经理解的东西。 JS中的原生类型和对象类型 首先，让我们回顾一下JavaScript中不同的原生类型和对象类型 ......
js浏览器通信postMessage
1、背景：一个应用中内嵌了iframe，外层应用需要知道iframe做了一些具体的操作来更新页面，所以需要用到postMessage 2、代码模块 发起方： window.parent.postMessage({ type: 'sign-event', //事件名，内外层统一 data: { dat ......
js post请求外部获取响应数据
$.ajaxSettings.async = false;//异步请求不往下执行 var v = $.post("", {sbid:sbid},function(data2) { data2 = JSON.parse(data2); return data2; }); $.ajaxSettings. ......
使用js hook获取netflix元数据
背景 netflix获取视频元数据使用的一个get请求 https://www.netflix.com/nq/website/memberapi/v033d5825/metadata?movieid=<id>&imageFormat=jpg&withSize=true&materialize=tru ......
js：上传图片，通过file对象或blob对象获取用于显示的url，获取图片的base64编码；限制文件类型
1 // URL.createObjectUrl(file)：同步执行；创建一个指向file/blob对象的url，可用于元素的src/href属性 2 3 // fileReader.readAsDataURL()：异步执行；读取file/blob对象的内容，result属性将返回一个包含data ......
JS 的6种加载方式
一、正常模式 <script src="index.js"></script> 这种情况下 JS 会阻塞 dom 渲染，浏览器必须等待 index.js 加载和执行完成后才能去做其它事情 二、async 模式 <script async src="index.js"></script> async ......
MySQL Node.js mysql 事务
在MySQL数据库中，事务（transaction）是一组原子性操作，要么全部执行成功，要么全部回滚回去。在多用户并发环境中，事务可以保护数据的一致性和完整性。MySQL提供了ACID属性，并且支持事务。Node.js中，可以通过使用mysql模块的连接来实现事务。 ......
[vite] Internal server error: URI malformed at decodeURI (<anonymous>) at viteTransformMiddleware (xxx_project/node_modules/vite/dist/node/chunks/dep-51c4f80a.js:59976:19)的解决方法
前端项目启动，出现 [vite] Internal server error: URI malformed at decodeURI () at viteTransformMiddleware (xxx_project/node_modules/vite/dist/node/chunks/dep-5 ......
Node.js multi threads All In One
Node.js multi threads All In One
Node.js 多线程
worker_threads
Worker threads
工作线程
child_process
子进程
Cluster
集群 ......
js tools
/* 日期时间格式化 @date 日期||时间 @type dayjs的format类型 */ export const format = (date, type = 'YYYY-MM-DD') => { if (!date) return '' const u = navigator.userAg ......
js简单的倒计时器~~⏰
1.效果图 2.html部分 3.逻辑部分 3.1获取当前时间，时间差 //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var str = "2023/9/14 12:28:34"; var endDate = n ......
How to delete a file in Node.js All In One
How to delete a file in Node.js All In One
fs.unlink
fsPromises.unlink
fs.unlinkSync
......
How to fix Tailwind CSS colors not work in Next.js All In One
How to fix Tailwind CSS colors not work in Next.js All In One
Tailwind CSS & Next.js 13
......
JS深入学习笔记 - 第二章.类和对象
3.类和对象 3.1面向对象 这里顺带提一句学习JAVA时，老师说的面向对象和面向过程的区别： 面向过程：强调做什么事情，具体什么步骤。举个把大象放进冰箱的例子： 打开冰箱门 把大象放进冰箱 关上冰箱门 面向对象：强调的是做动作的主体（称之为对象） 冰箱：打开操作 冰箱：放的操作（放的可以是大象也可 ......
js中使用0 “” null undefined {}需要注意 if判断时候都是false,比如判断接收后台数据 if(data.info){}
js中使用0 “” null undefined {}需要注意 if判断时候都是false,比如判断接收后台数据 if(data.info){} 注意：在js中0为空（false） ，代表空的还有“”，null ，undefined； 如果做判断if(！上面的四种值)；返回均为false ?1234 ......
在dva.js里面发送异步action
在dva.js 的 effects里面不能使用setTimeout，会报错。 得使用redux-saga 的delay才行（注:dva.js内置了redux-saga）。如下，这样才能延时。 ......
JS深入学习笔记 - 第一章.构造函数原型与原型链
1.构造函数和原型 1.1 概述 在典型的 OOP语言中（如Java)，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS并没有引入类的概念。 在ES6之前，对象不是基于类创建的，而是一种称为构建函数的特殊函数来定义对象和它们的特征。 有三种创建对象的方式： 对象字面量（con ......
在Next.js博客中快速引入Waline评论系统
之前我在研究Next.js博客时，发现它们很多缺少一个作为博客的基本的东西：评论，就算有，也是Gistus这类依赖于GitHub的评论系统，而在国内还是尽量选择一个无需登录的评论系统，于是我选择了Waline作为评论系统，在引入过程中遇到了一些坑，不过最后还是引入完成了。 ......
Node.js vs. Spring Boot：Hello World 性能对决，谁更快一点？
前言： Spring Boot 在 Java 生态中备受欢迎，它是一款基于 Java 构建的轻量级服务端框架，主要用于 Web 服务。Spring Boot 的应用使得创建各类基于 Spring 的企业级应用变得异常简单。Node.js作为一种基于Chrome V8引擎的JavaScript运行时环 ......
js PerformanceObserver 的entryTypes 所有类型
1. navigation - 页面性能 这个 entryType 提供了与页面导航相关的性能度量。它可以告诉我们页面从开始加载到完全加载的整个过程中发生了什么。通过这些数据，我们可以了解到例如DNS解析时间、TCP握手时间、页面响应时间、页面下载时间等。 应用场景: 当用户访问你的网站时，你可以使 ......
js PerformanceObserver 浏览器各项指标监测
# PerformanceObserver: 深入了解前端性能监测 前端开发中，性能监测是一个重要的环节。为了更好地理解用户的实际体验，我们需要了解和监测网站的性能。`PerformanceObserver` 是 Web 性能 API 的一部分，用于监测性能指标。本文将详细介绍 `Performan ......
Node.js child_process spawn All In One
Node.js child_process spawn All In One
Node.js 多线程
How to run Python script code in Node.js?
如何在 Node.js 中运行 Python 脚本代码？
sys.stdout.flush()
......
JS添加前端水印（兼容IFrame布局）（防篡改）
将此段代码放置top页面 (function () { const watermarkTxt = '水印文本' const size = 150 //水印间隙 值越大水印数量越少 const canvas = document.createElement('canvas')//创建canvas，用于 ......
创建mixin.js文件，引入表格分页
// 前端分页 const tableFrontEndPaging = { data() { return { currpage: 1, page_size: 10, page_list: [10, 20, 50], currentPage: null, header_cell_style: { b ......
Js基础-函数
函数是实现功能的载体， 它应该是一个最小功能的封装， 比如我们要计算两个数之和，再比如我们要实现计算正方形的体积等等。 函数定义和调用 函数定义 我们使用 function 关键字定义函数 // demo 为函数名， 自己命名但必须符合JS标识符命名规则 // () 小括号中可以带参数, 这种参数还 ......
微信支付 WeChatPay OpenAPI SDK 「微信支付平台证书」获取
命令: php vendor/bin/CertificateDownloader.php -k 8a1e2xxxxx -m 16xxxxx1 -f E:\project\apiclient_key.pem -s 767AA3Exxxxx -o E:/cert -k: V3密钥 -m: 商户号 -f: ......
js 发布订阅模式实现
1、简单版 /** * 发布订阅模式 */ class PublishSubscribePattern { constructor() { // 消息映射 this.msgMap = {}; } // 发布 publish(name, param) { const msg = this.msgMap ......
大屏自适应/适配方案【详解】（echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem）
原文链接：https://blog.csdn.net/weixin_41192489/article/details/120004315 大屏自适应的核心目标有： 字体大小随屏幕尺寸自适应变化 详见下文 自动撑满全屏 设置如下 .bg{ background: url("~@/assets/imag ......
浏览器安装vue.js-devtools插件
1.火狐浏览器在——扩展和主题搜索vue，如下图所示，直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......