526互联

效果 汽车three js

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 ......
Tailwind colors Next work How

Css开发：解决在less中动画效果失效的问题

一、问题如下 在vue的style样式中使用了less，而在less中直接使用普通的动画效果时效果会失效，无法对样式呈现出应有的效果。 这个是在less编译为css时，添加的动画效果和其他的附加样式一同被进行了编译操作，导致原本定义的动画名称无法被查到，所以不生效。 要解决这个问题，就得绕过动画名称 ......
效果 动画 问题 less Css

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

记录--用 Vue 实现原神官网的角色切换效果

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 为了更好的了解原神角色，我模仿官网做了一个角色切换效果，在做的过程当中也总结了一些技术点。 为了让大家更好的体验，我兼容了 PC 端和移动端，建议在 PC 端查看效果更佳。接下来就为大家简单的分享一下！ 话不多说，原神启动！！ 效果 ......
角色 效果 Vue

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

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

创建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标识符命名规则 // () 小括号中可以带参数, 这种参数还 ......
函数 基础

会充电的CANoe-完成高效全面的充电系统测试，让新能源汽车说走就走

随着中国新能源汽车的高速发展，越来越多的国内车企出海与外国汽车巨头同台竞技。2022年，在供应链缺芯少电的背景下，中国新能源汽车的渗透率还是超过了25%，连续八年为全球最大的新能源汽车市场。这也使得充电需求不断增大。当前，全球并没有形成统一的充电标准并且电动汽车充电领域涉及的汽车厂商和充电桩厂商众多 ......
新能源 汽车 系统 CANoe

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 浏览器 方法

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
共4600篇  :48/154页 首页上一页48下一页尾页