前端 碎片javascript化学

CentOS安装node环境,并编译前端项目

https://www.jianshu.com/p/a0e0311d6259 1.centos安装node环境 1.下载nodejs最新的tar包 可以在下载页面https://nodejs.org/en/download/中找到下载地址。然后执行指令 $ wget https://nodejs.o ......
前端 环境 项目 CentOS node

MASA MAUI APP前端监控指南

MAUI Blazor 接入到 OpenTelemetry 近期由于我们APP项目(MAUI+Masa Blazor),需要做运营数据采集埋点,经过综合考虑后,决定采用接入OpenTelemetry SDK的方式,由于目前OpenTelemetry的可测性大部分都是基于后端api的,所以我们也对MA ......
前端 指南 MASA MAUI APP

JavaScript中return await究竟有无用武之地?

有没有区别? 先上一个 Demo,看看async函数中return时加和不加await有没有区别: function bar() { return Promise.resolve("this from bar()."); } async function foo1() { return await ......
用武之地 JavaScript return await

JavaScript 防抖和节流

JavaScript 防抖和节流 防抖 以下js类库实现方法: lodash.debounce underscore - debounce 最初接触实现一个防抖函数的需求,是在前端封装 React 组件的过程中,当时是要实现一个搜索下拉框,根据输入提示搜索内容。根据 <input> 的input事件 ......
JavaScript

前端自动复制功能

一、步骤 1、input,value是你想复制的内容 2、聚焦input的文字,input.select() 3、执行copy命令 document.execCommand("Copy") 4、判断是否成功——不准确,但是有比没有好。 二、代码实现 let inputs=document.creat ......
前端 功能

javascript运行时报"未定义"错误怎么办

https://www.php.cn/faq/508703.html Javascript是一种非常流行的编程语言,它广泛地应用于网页开发、动态效果实现、数据处理等领域。然而,Javascript也存在一些常见的错误,在开发的过程中需要我们注意和处理。其中之一的运行时错误:""未定义,下面就来详细介 ......
quot javascript 时报 错误 怎么办

对某登录站点的JS前端逆向思路

js逆向一直没有相关了解,虽然目前渗透遇见的不是很多,大多数遇见的要么不加密,要么无法实现其加密流程,不过最近看到了一个较为简单的站点正好能够逆向出来,就做了简单记录。本文旨在介绍js逆向的一些基础思路,希望能对初学js前端逆向的师傅有所帮助。 ......
前端 思路 站点

前端学习笔记1

前端 笔记 2023.3 1. <meta>标记 链接 常用meta整理 | 菜鸟教程 (runoob.com) 主要用于提供HTML文档的元数据,用于不同移动设备页面调整(全屏、识别邮箱电话号码、添加广告)、SEO优化(搜索引擎优化)、页面相关(编码、站点适配)…… 2. url href src ......
前端 笔记

前端入栈和出栈

在编程中,事件入栈(Event Pushing)和出栈(Event Popping)通常与事件循环(Event Loop)和消息队列(Message Queue)相关。这些概念在前端开发中尤其重要,特别是在处理异步事件和回调函数时。下面我将解释这些概念,并提供一些代码示例。 事件循环(Event L ......
前端

微前端 qiankun

三个项目,一个管理端,两个微前端 文档地址 https://qiankun.umijs.org/zh 普通项目管理端安装qiankun npm i qiankun -S 管理端main.js import Vue from 'vue' import App from './App.vue' Vue. ......
前端 qiankun

JavaScript高级程序设计的代理与捕获——工作中的实际意义。

js红宝书写得很好,很多东西都给你一一解释了,但是有一点我很想吐槽:没有在写代码例子之前说明,相关东西有啥用,在实际工作中有啥现实意义等等,导致很多人理解了概念和看懂了枯燥的代码段后却无法有效运用到自己的工作当中。因为你不知道拿来用到什么地方或者说什么情况下才去用它! 举个我今天的例子,刚刚好复习到 ......
程序设计 JavaScript 实际 意义 程序

JavaScript编码风格指南

sidebar: auto sidebarDepth: 4 JavaScript编码风格指南 内容出处: Nicholas C. Zakas 《编写可维护的JavaScript》 Google JavaScript Style Guide crockford JSLint ESLint 好狗电影导航 ......
JavaScript 编码 风格 指南

前端常用设计模式初探

设计模式一直是程序员谈论的“高端”话题之一,总有一种敬而远之的心态。在了解后才知道在将函数作为一等对象的语言中,有许多需要利用对象多态性的设计模式,比如单例模式、 策略模式等,这些模式的结构与传统面向对象语言的结构大相径庭,实际上已经融入到了语言之中,我们可能经常使用它们,只是不知道它们的名字而已。 ......
设计模式 前端 常用 模式

前端路由及两种实现方式

路由的概念来源于服务端,在服务端中路由描述的是 URL与处理函数之间的映射关系,当然也会处理不同的URL来展示不同 的视图界面。 随着Ajax的盛行,无刷新交互成为了当下的主流,我们更希望在无刷新的情况下完成不同URL来展示不同的视图界面,即在一 个页面中完成路由的切换(俗称:单页面应用开发SPA) ......
前端 路由 方式

如何使用JavaScript 将数据网格绑定到 GraphQL 服务

前言 作为一名前端开发人员,GraphQL对于我们来说是令人难以置信的好用。它可以用来简化数据访问,这让我们的工作变得更加容易。 什么是 GraphQL?它是一个抽象层,位于任意数量的数据源之上,并为您提供一个简单的 API 来访问所有数据。 GraphQL 的美妙之处在于您可以准确定义要从服务器返 ......
网格 JavaScript GraphQL 数据

前端出现变量map未定义

原来错误代码 mounted() { .... this.map.addEventListener("click", function(e){//地图单击事件 var geocoder = new BMap.Geocoder(); var point = new BMap.Point(e.latln ......
前端 变量 map

get /post后端获取前端int型数据

首先post能传过去数据其次传过去的数据全部都是string类型的 所以我们如果想要获取int型数据就得把传过去的string转换成int型转换只能用下面这个函数其他的试过了都不行 必须用Integer.parsenInt其他的valueof之类的都不可以, 这个错误主要是我向后端数据库提交数据的时 ......
前端 数据 post get int

记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法

一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
写法 前端 框架 接口 方式

生成验证码的前端实现

后端生成表达式1+1=2; 1+1=?@2 1+1=?转成图片,传到前端展示 2存入reids 前端登录界面idea代码中位置ruoyi-ui/views/login.vue 封装了三层。 目前是开发环境 url: http://localhost/dev-api/captchaImage Vue获 ......
前端

VUE前后端分离项目,前端打包,可配置修改环境变量文件,无需再次打包

懒得打字了,直接截图, 转载自:https://blog.csdn.net/CSDN_33901573/article/details/130603111 ......
前端 变量 再次 环境 文件

超分课设,Flask后端,vue前端

1.前端 node准备 npm -v 查看版本 npm install 包名 --save 安装 可简写成npm i 包名 -s npm uninstall 包名 --save 卸载 npm run serve 运行项目 npm build 项目打包 npm list --depth=0 -glob ......
前端 Flask vue

前端实现跨标签页通信

标签页跨页通信 需求:浏览器不同 tab 标签页之间是独立的, 如果要通信必须通过特殊手段来实现跨标签页通信。 1.BroadcastChannel(webworker 可用) BroadcastChannel 接口代理了一个命名频道,可以让指定 origin 下的任意 browsing conte ......
前端 标签

JavaScript

JavaScript 是一种高级解释性脚本语言,已得到广泛使用,是 Web 开发的重要工具。它由 Netscape Communications Corporation、Mozilla 基金会和 ECMA International 开发。它易于学习和实施,并允许开发人员增强网页以提供身临其境的用户 ......
JavaScript

从一次前端公共库的搭建中,深入谈谈tree shaking相关问题

项目背景 随着业务的积累,前端项目之间逐渐会产生许多可以跨项目复用的逻辑或组件。比如对前端数据库 indexedDB 的封装、对 fetch 请求进度和中断请求功能的扩展、以及可能会在多个项目使用的 react 和 vue 组件。当前已经有一个公共库专门用来收敛 js 的逻辑复用,但是随着相同技术栈 ......
前端 shaking 问题 tree

vue前端截图

<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"> 13653197159 邀请您注册 <span style="color: #5FFFB7;">金猫矿池</span> </d ......
前端 截图 vue

前端性能优化详解

性能优化这个词经常会在前端的工作或面试中遇到,这个东西说难好像也并不怎么难,毕竟谁都能说上几点。但是如果你想在工作上遇到各种场景的性能瓶颈时都有直击本质的性能方案,或者在面试时让面试官眼前一亮,那就不能只拘泥于『想到哪说到哪』或者『说个大概』,而要有一套体系化的、各个角度的、深入了解的知识图谱。这篇 ......
前端 性能

飞码LowCode前端技术之画布的设计

简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件,可对外提供画布能力。精准定位有两种情况,一是目标组件无子组件,而是目标组件有子组件。 无子组件:目标组件分为支持与不支持放子组件两种情况。 有子组件:鼠标相对于子组件(目标组件)对角线位 ......
画布 前端 LowCode 技术

使用llama构建一个蜜罐(前端)

title: 使用llama构建一个蜜罐(前端) banner_img: https://cdn.studyinglover.com/pic/2023/07/e9a49d4a404ed9bc4b0f119249194e3d.png date: 2023-8-1 00:12:00 tags: - 网络 ......
蜜罐 前端 llama

高级前端开发工程师必备:Hooks、React Router v6 和状态管理

点击下方“前端开发博客”,关注并“设为星标” 大家好,我是漫步 最近一个大佬的简历这样子写的,“可以熟练利用react全家桶进行开发。对ahooks部分源码阅读,加深对hooks的基本使用及其内部的实现原理有了深层次的理解;阅读过react-rouer v6的源码,进行过技术分享;对技术选型( re ......
前端 状态 工程师 Router 工程

Java如何处理前端传来的金额转化为分

1. 在Java中,可以使用BigDecimal类来处理金额 import java.math.BigDecimal; public class Main { public static void main(String[] args) { BigDecimal amount = new BigDe ......
前端 金额 Java