前端 碎片javascript化学

JavaScript ajax下载文件

JavaScript Ajax http get 方法,利用a标签下载文件流。 文件流:django返回文件流 示例 from django.http import StreamingHttpResponse class DownloadExportExcel(View): def get(self ......
JavaScript 文件 ajax

【前端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

JavaScript存在更新不存在插入操作

[Update if exists or add new element to array of objects - elegant way in javascript + lodash - Stack Overflow](https://stackoverflow.com/questions/25 ......
JavaScript

Vue2纯前端导出

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

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

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

JavaScript数组中的常用函数解析

1.splice方法 当使用 splice() 方法时,可以传递不同的参数来实现不同的操作。以下是 splice() 方法的参数说明: array.splice(start, deleteCount, item1, item2, ...); start:必需,指定要进行操作的起始索引位置。如果该值为 ......
数组 JavaScript 函数 常用

满满干货!搭建智能视频监控系统如何挑选前端设备?

特点: 利旧现场互联网接入,具备存储功能,可直接存储前端视频;采用AES-128对称加密算法主动注册接入,传输和存储全程加密,确保数据安全。 ......
干货 前端 监控系统 智能 设备

前端技术探秘-Nodejs的CommonJS规范实现原理

Node.js是一个基于ChromeV8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型,让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言。Node中增添了很多内置的模块,提... ......
前端 CommonJS 原理 Nodejs 技术

若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起

若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面(新路由),面包屑和标签页标题根据参数动态改变,面包屑多级标题,侧边栏对应菜单亮起:https://blog.csdn.net/weixin_43991241/article/details/126319259?ops_reque ......
面包屑 路由 面包 参数 页面

HTML+CSS+Javascript+Vue

Table of Contents I. HTML II. CSS Get Started I. HTML 按tab自动生成 Label Meaning Properties div 块状元素 span 行间元素 h1 - h6 标题 i icon图标 strong 字体加粗 a 超链接 img 插 ......
Javascript HTML CSS Vue

【前端VUE】Vue3+TypeScript+Django Rest Framework-环境准备

开发环境搭建 需要用到的环境如下: * Python 3.7.7 * Node.js v20.4.0 * NPM 9.7.2 * Yarn 1.22.21 * Git 2.40.1.windows.1 前端环境安装 1、下载安装Node.js,下载链接 https://nodejs.org/dist ......
前端 TypeScript Framework 环境 Django

前端使用连接 socket.io

//安装 npm install socket.io-client//引入 import { io } from "socket.io-client"; //页面链接 onMounted(() => { // 初始化 Socket.IO const socketio = io("http://192 ......
前端 socket io

前端vue使用表单form或表格table时的注意事项

如图,该table表格的data名字为:MyData 因此在后面需要在表格里展示数据的时候需要给MyData赋值 如下图 ......
表单 前端 表格 注意事项 事项

前端vue在表单tableData中scope的注意事项

如图 ps(scope为表单中这一行的数据) this.scope和scope不是同一个数据 如果像上图这么写的话,会报错如下 显示scope未被使用, 可以将scope赋值给某个数据然后就不会报错了 二、关于scope和scope.row的区别 ①scope ②scope.row undefine ......
表单 前端 tableData 注意事项 事项

postman 出现Enable JavaScript and cookies to continue 如何反爬(js反爬)

网页无法F12,禁止调试出现debug怎么办 直接F8禁用,ctrl+F8开启调试断点 网站禁止ip访问,并且关闭了icmp回包,调试最好禁用缓存,以便实时更新 用postman单独访问首页的index的首页也是无法获取网页内容 考虑网页使用js进行跳转 实例: 比如使用postman请求https ......
JavaScript continue postman cookies Enable

JavaScript字符串函数,都在这里了

先来一波 var s = "hello,world" //定义一个字符串 s.length //获取字符串 s 的长度 s.charAt(0) //=>"h":第一个字符 s.charAt(s.length - 1) //=>"d":最后一个字符 s.substring(1, 4) //=>"ell ......
字符串 JavaScript 函数 字符

解决spring gateway 在globalFilter 中改写response后前端接到的数据不完整问题

表现情况 1. 前端请求后不响应 2. 前端接到的数据不完整 是因为修改返回体后没修改header 中的content-length. 设置成正确的content-length 就可以了 response.getHeaders().setContentLength(bodyStr.getBytes( ......
前端 globalFilter response gateway 数据

[Javascript] Sanitizing User Input in Javascript

Refer to post: http://shebang.mintern.net/foolproof-html-escaping-in-javascript/ Code: var ESC_MAP = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '& ......
Javascript Sanitizing Input User in

前端html 通过文件流下载文件

后台返回文件流方式,前端采用form表单 action 属性赋值流。代码submit提交. 前端代码如下: <form id="download" action='' method='post'/></form> $("#download").attr("action", url);//触发subm ......
文件 前端 html

前端学习-JavaScript学习-JavaScript高级程序设计-第3章笔记

第3章 基础概念 数据类型 Number <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=" ......
JavaScript 前端 程序设计 笔记 程序

[国家冰川冻土沙漠科学数据中心]-地球化学数据集

地球化学数据集 1. 中国西北地区门源 6.9 级地震天然泉水和土壤气体地质流体的地球化学特征数据集(2022年) 数据贡献者: 马向贤 说明信息: 本文记录了2022年1月8日中国西北地区门源6.9级地震震中附近天然泉水和土壤气体的地球化学数据文件。包括主要地表破裂带5-10分钟CO2浓度观测,狮 ......

Web前端自动化测试Cypress实践总结

本文主要首先主要介绍了什么是自动化测试,接着对常用的自动化测试框架进行了对比分析,最后,介绍了如果将自动化测试框架Cypress运用在项目中。 ......
前端 Cypress Web

vxe-gird前端日期段查询,通过手工sql是有数据,但是在前端无数据。

前端查询的时候,日期是返回这种数组: ["2023-11-01 20:00:00","2023-11-02 20:00:00"] 1、那么有二种方式,一直是直接传给服务端,由服务端去处理。 @RequestParam(value = "createDate[]", required = false) ......
前端 数据 手工 vxe-gird 日期

Reflect API:每个 JavaScript 开发人员都需要的瑞士军刀

前言 您是否曾经希望拥有一个神奇的工具包,可以让您像超级英雄一样控制 JavaScript 对象?向ReflectAPI 打个招呼吧,它是 ES6 中引入的一个新的全局对象 ,它能够处理简单的代码操作。它是每个现代 JavaScript 开发人员都需要的瑞士军刀!📜 本文的目标是帮助您更好地理解 ......

JavaScript的Math对象

JavaScript的Math对象是一个内置的数学工具,提供了许多数学函数和常量。下面是一些常用的Math函数和方法的总结: Math.abs(x): 返回x的绝对值。 Math.ceil(x): 返回大于或等于x的最小整数。 Math.floor(x): 返回小于或等于x的最大整数。 Math.r ......
JavaScript 对象 Math

前端vue中使用多个dialog对话框

需要使用多个dialog对话框时 场景:crud中添加和修改数据需要两个对话框,结构类似,但所需要调用的axios的方法不同,因此使用两个对话框进行 解决方法: ①在两个不同的vue文件中分别写一个dialog对话框 ②(推荐)在一个vue文件中写俩不同的对话框,每个对话框对应一个不同的:visib ......
前端 对话框 多个 dialog vue

23个常见的 JavaScript 函数

本文收集了23个日常开发中非常常用的功能,其中一些可能很复杂,另一些可能很简单,但我相信它们都会或多或少对每个人都有帮助。 01、生成随机颜色 当网站需要生成随机颜色时,我们可以通过以下代码来执行此操作。 const generateRandomHexColors = () => ``#${Math ......
JavaScript 函数 常见

前端实现将数据生成文本文件下载

const targetObj = newTaskList.value.find(item => item.id id); if (targetObj) { const listData = targetObj.list; // 获取该对象的list数据 console.log(listData); ......
前端 文件下载 文本 文件 数据