前端

py01-前端了解

前端了解: 一、CSS框架 (1)Bootstrap(http://getbootstrap.com/) 二、JavaScript框架: (1)jQuery(https://jquery.com/) (2)Vue (3)React 三、AJAX: (1)AJAX=异步JavaScript和XML ( ......
前端 py 01

前端H5微信支付宝支付实现

前端 H5 微信支付宝支付实现 以 uniapp 项目为例 支付宝的 首先是一个支付类型选择页面,在选择支付宝支付后,跳转到一个空白页,用于支付宝支付的中转页面。 在点击立即支付之后,直接跳转至自行设置好的空白页就好,并把你生成订单所需要的数据一并带过去。 uni.navigateTo({ url: ......
前端

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

前端自动复制功能

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

对某登录站点的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

前端常用设计模式初探

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

前端路由及两种实现方式

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

前端出现变量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 ......
前端 标签

从一次前端公共库的搭建中,深入谈谈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

【前端VUE】Vue3路由设置(Typescript版本)

新建项目 npm create vite@latest 安装vue-router cd .\my-web\ npm install vue-router 在src -> components下新增(Home.vue) <template> <h1>我是主页</h1> </template> 在src ......
前端 路由 Typescript 版本 Vue3

【前端VUE】Vue3条件渲染指令(v-if、v-else、v-else-if、v-show、v-for)

新建项目 npm create vite@latest 运行项目 cd 项目目录 npm install npm run dev 条件渲染指令 1、v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 2、v-else 可以使用 v-else 为 v-if ......
else 前端 指令 v-else-if 条件

前端框架vue路由hash模式与history模式的区别

hash模式会在页面初始化的时候,url后面会带上/#的hash值,后面是路由组件加携带参数,缺点是看起来不太美观,但相比于history模式来说,它具有用户在页面各种点击操作后,点击刷新后数据不丢失,也不会出现网络报错。 而history模式优点是能让整个url看起来比较简洁美观,但问题就是项目部 ......
模式 前端 路由 框架 history

Vue2纯前端导出

//导出 exportExcel() { //构造数据 const data = [ ['姓名', '手机号码', '卡号', '身份等级'], ...this.list.map((item) => [item.clientName, item.clientPhone, item.card, ite ......
前端 Vue2 Vue

LiteCVR前端解码与后端解码有何区别?一文看懂

随着科技的进步,摄像头的分辨率、存储空间和传输速度等技术得到了明显提高。这使得视频监控技术更加精确、可靠和普及化,同时也降低了监控成本。 ......
前端 LiteCVR