526互联

实例 地球cesium js

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 ......
undefined 后台 时候 数据 false

在dva.js里面发送异步action

在dva.js 的 effects里面不能使用setTimeout，会报错。 得使用redux-saga 的delay才行（注:dva.js内置了redux-saga）。如下，这样才能延时。 ......
action dva js

JS深入学习笔记 - 第一章.构造函数原型与原型链

1.构造函数和原型 1.1 概述 在典型的 OOP语言中（如Java)，都存在类的概念，类就是对象的模板，对象就是类的实例，但在ES6之前，JS并没有引入类的概念。 在ES6之前，对象不是基于类创建的，而是一种称为构建函数的特殊函数来定义对象和它们的特征。 有三种创建对象的方式： 对象字面量（con ......
原型 函数 笔记

在Next.js博客中快速引入Waline评论系统

之前我在研究Next.js博客时，发现它们很多缺少一个作为博客的基本的东西：评论，就算有，也是Gistus这类依赖于GitHub的评论系统，而在国内还是尽量选择一个无需登录的评论系统，于是我选择了Waline作为评论系统，在引入过程中遇到了一些坑，不过最后还是引入完成了。 ......
Waline 系统 博客 Next js

Node.js vs. Spring Boot：Hello World 性能对决，谁更快一点？

前言： Spring Boot 在 Java 生态中备受欢迎，它是一款基于 Java 构建的轻量级服务端框架，主要用于 Web 服务。Spring Boot 的应用使得创建各类基于 Spring 的企业级应用变得异常简单。Node.js作为一种基于Chrome V8引擎的JavaScript运行时环 ......
更快 性能 Spring Hello World

js PerformanceObserver 的entryTypes 所有类型

1. navigation - 页面性能 这个 entryType 提供了与页面导航相关的性能度量。它可以告诉我们页面从开始加载到完全加载的整个过程中发生了什么。通过这些数据，我们可以了解到例如DNS解析时间、TCP握手时间、页面响应时间、页面下载时间等。 应用场景: 当用户访问你的网站时，你可以使 ......
PerformanceObserver entryTypes 类型 js

js PerformanceObserver 浏览器各项指标监测

# PerformanceObserver: 深入了解前端性能监测 前端开发中，性能监测是一个重要的环节。为了更好地理解用户的实际体验，我们需要了解和监测网站的性能。`PerformanceObserver` 是 Web 性能 API 的一部分，用于监测性能指标。本文将详细介绍 `Performan ......
PerformanceObserver 浏览器 指标 js

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() ......
child_process process child spawn Node

JS添加前端水印（兼容IFrame布局）（防篡改）

将此段代码放置top页面 (function () { const watermarkTxt = '水印文本' const size = 150 //水印间隙 值越大水印数量越少 const canvas = document.createElement('canvas')//创建canvas，用于 ......
水印 前端 布局 IFrame

如何将MongoDB单节点实例迁移至副本集实例

NineData提供了高效、安全、准确的MongoDB迁移方案。与传统的迁移工具相比，NineData实现了业务不停服的全量数据迁移和增量数据的采集复制能力，解决了停机时间长、可靠性低、数据准确性难保障等问题。此外，NineData还提供大数据量迁移能力、数据一致性对比和可观测可干预能力。配置和启动... ......
实例 副本 节点 MongoDB

创建mixin.js文件，引入表格分页

// 前端分页 const tableFrontEndPaging = { data() { return { currpage: 1, page_size: 10, page_list: [10, 20, 50], currentPage: null, header_cell_style: { b ......
表格 文件 mixin js

Js基础-函数

函数是实现功能的载体， 它应该是一个最小功能的封装， 比如我们要计算两个数之和，再比如我们要实现计算正方形的体积等等。 函数定义和调用 函数定义 我们使用 function 关键字定义函数 // demo 为函数名， 自己命名但必须符合JS标识符命名规则 // () 小括号中可以带参数, 这种参数还 ......
函数 基础

js 发布订阅模式实现

1、简单版 /** * 发布订阅模式 */ class PublishSubscribePattern { constructor() { // 消息映射 this.msgMap = {}; } // 发布 publish(name, param) { const msg = this.msgMap ......
模式 js

大屏自适应/适配方案【详解】（echarts自适配、rem、flexible.js、vscode中px2rem插件自动计算rem）

原文链接：https://blog.csdn.net/weixin_41192489/article/details/120004315 大屏自适应的核心目标有： 字体大小随屏幕尺寸自适应变化 详见下文 自动撑满全屏 设置如下 .bg{ background: url("~@/assets/imag ......
rem 大屏 插件 flexible echarts

浏览器安装vue.js-devtools插件

1.火狐浏览器在——扩展和主题搜索vue，如下图所示，直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......
js-devtools 插件 devtools 浏览器 vue

js之事件监听

通过 HTML标签中的事件属性进行绑定 <input type="button" οnclick='on()’> function on(){ alert("我被点了"); } 通过 DOM 元素属性绑定 <input type="button" id="btn"> document.getElem ......
事件

JS 中解构常用方法

1.正常数组解构 let arr = ["1", undefined, "3", "4", "5", "6"] let [n1, n2 = "我是默认值", ...n5] = arr; console.log(n1) console.log(n2) console.log(n5) 拿到的结果如下 2 ......
常用 方法 JS

Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误

问题描述 在编译前端项目时出现下面的问题： Failed to load PostCSS config: Failed to load PostCSS config (searchPath: D:/WebProject/imooc-front): [Failed to load PostCSS co ......
file extension 错误 because treated

How to fix Node.js fs.readFileSync toString Error All In One

How to fix Node.js fs.readFileSync toString Error All In One ......
readFileSync toString Error Node How

js 监听所有子节点的最大高度

// 目标节点var targetNode = document.getElementById('target'); // 创建一个MutationObserver实例var observer = new MutationObserver(function(mutationsList, observ ......
节点 高度 js

js 浏览器的5种observer 第四种 PerformanceObserver 详解及使用方法

在前端性能分析领域，了解和监控网页的运行性能至关重要。PerformanceObserver API 为我们提供了一个强大的工具来监听性能时间线上的事件，从而实现更细粒度的性能监控。 PerformanceObserver 是一种浏览器提供的接口，允许我们订阅性能时间线上的特定类型事件。当与 Per ......
PerformanceObserver 使用方法 observer 浏览器 方法

js 浏览器的5种observer 第五种 ReportingObserver 详解及使用方法

在前端开发中，对于浏览器的报告信息，例如弃用的 API 使用、浏览器的干预、CSS 特性使用情况等，我们常常需要一种机制来收集和处理。这时，ReportingObserver API 就发挥了它的作用。 什么是 ReportingObserver？ // ReportingObserver 是一个浏 ......
ReportingObserver 使用方法 observer 浏览器 方法

js 浏览器的5种observer 第三种 ResizeObserver 详解及使用方法

ResizeObserver 它允许开发者监听元素的尺寸变化。 在前端开发中，元素尺寸的变化可能会受到许多因素的影响，例如窗口大小调整、设备方向变化、内部内容变化等。 提供了一种高效的方法来响应这些变化，而不需要频繁使用事件监听器或轮询技术。 1. 使用方法 const ro = new Resiz ......
ResizeObserver 使用方法 observer 浏览器 方法

js 浏览器的5种observer 第一种 MutationObserver 详解及使用方法

MutationObserver 提供了监听 DOM 树变化的能力。从简单的 UI 变更追踪到复杂的 SPA 页面变化都有涉及。 可以追踪 DOM 树的变化，包括节点的增加、删除、属性的修改等。它是异步的，这意味着它会将所有的 DOM 变化集合起来一次性报告，而不是在每一次变化后立刻报告。 兼容性 ......
MutationObserver 使用方法 observer 浏览器 方法

js 浏览器的5种observer 第二种 IntersectionObserver 详解及使用方法

IntersectionObserver 是一个现代的浏览器 API，允许开发者在某个元素与其祖先元素或顶层文档视口发生交叉时得到通知。它非常适合实现图片懒加载、无限滚动、广告曝光率等功能。 1. 浏览器的兼容性 IntersectionObserver 目前在大多数现代浏览器中都得到了支持。但是在 ......
IntersectionObserver 使用方法 observer 浏览器 方法

Windows服务-在服务器上安装相同Windows服务的多个实例

最近遇到一个问题，就是新建了一个windows服务，然后需要在同一个服务器上部署两个实例（服务名称不一样，使用的执行码一样），刚开始以为直接在部署时设置参数服务名称不一致就可以，然后部署第二次的时候就报错，最后查了半天，找到了解决办法，文章中有好几种解决办法，我觉得最实用的解决方法记录一下 为Ser ......
Windows 实例 多个 服务器

three.js 使用

1、安装 "three": "^0.155.0", //主体 主要是这个 "three-obj-mtl-loader": "^1.0.3", // 加载外部模型 "dat-gui": "^0.5.0",//gui 设置 "@tweenjs/tween.js": "^21.0.0", //动画 2、官 ......
three js

React框架下如何集成H.265网页开源流媒体EasyPlayer.js视频播放器？

H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流。在功能上，EasyPlaye ......
流媒 流媒体 EasyPlayer 框架 播放器

Js基础-复杂数据类型之数组

定义 数组，就是一组相关的值存储在一块连续的空间内 一般的高级编程语言都有数组这种数据结构 语法 数组有三种定义方式，如下 使用中括号直接定义数组 var array = [12,13,14,15,16,17] 使用 new Array() 方法 传入数组元素 var array = new Arr ......
数组 类型 基础 数据
共4590篇  :48/153页 首页上一页48下一页尾页