前端javascript插件 常见

基于Echart的前端可视化

GitHub 上有许多关于低代码自助可视化的项目,前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目: DataV: 项目链接:DataV 描述:DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具,它提供了丰富的可视化组件和拖拽式的界面设计,使用户可 ......
前端 Echart

02_JavaScript函数与对象

一、JavaScript函数 为什么要有函数? 如果要在多个地方求1-100之间所有数的和,应该怎么做? 1.1、JavaScript函数的定义 1.1.1、函数概念 ​ 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。通俗来讲:把一段相对独立的具有特定功能的代码块封装起来,形成一个独立 ......
JavaScript 函数 对象 02

03_JavaScript BOM编程

一、BOM概述 1.1、Web API 1.1.1、API的概念 ​ API(Application Programming Interface,应用程序接口)是一些预先定义的函数,或指软件系统不同组成部分衔接的约定。 用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程,而又无需访问源码, ......
JavaScript BOM 03

04_JavaScript DOM编程_基础篇

一、JavaScript DOM 概述 1.1、DOM概念 ​ 文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理超文本标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格 ......
JavaScript 基础 DOM 04

05_JavaScript DOM编程_特效篇

一、JavaScript操作表格 1.1、操作表格API 1、HTML DOM中,给table操作提供了一些属性和方法。 table元素节点的独有属性和方法: 属性或方法 说明 caption 保存着<caption>元素的引用 tBodies 保存着<tbody>元素的HTMLCollection ......
JavaScript 特效 DOM 05

常见网络攻击技术

(1)SQL 注入:Web 应用未对用户提交的数据做过滤或者转义,导致后端数据库服务器执行了黑客提交的 sql 语句。黑客利用 sql 注入攻击可进行拖库、植入 webshell,进而入侵服务器。(2)XSS 跨站:Web 应用未对用户提交的数据做过滤或者转义,导致黑客提交的 javascript ......
常见 技术 网络

06_JavaScript 高级

一、浏览器深入解析 https://www.cnblogs.com/1rookie/p/7832930.html https://segmentfault.com/a/1190000018428170 1.1、浏览器的组成 ​ 浏览器在不断的演变中,并没有被要求呈现出一种特定的形态,但基本包括了如用 ......
JavaScript 06

理解 JavaScript 的 async/await

1. async 和 await 在干什么 任意一个名称都是有意义的,先从字面意思来理解。async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。 另 ......
JavaScript async await

Chrome浏览器查看前端参数

按F12或者右键点击“检查”进入开发者模式。 点击这个箭头图标,即可选择要查看参数的区域。 查看表格的行高和列宽 当鼠标移到某区域,就会出现浮层,显示此区域的长和宽 查看字体和字号 在搜索栏搜索关键字“font-size”可找到字号 ......
前端 浏览器 参数 Chrome

网页CAD(web cad sdk)前端直接获取修改转换后的图纸数据

前言 有用户集成网页CAD之后,需要提取图纸的各种信息和数据,下面我们讲一下Web版CAD如何在前端直接提取修改和转换后的图纸信息,没有集成过在线CAD的小伙伴可以先看一下快速入门 在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据,如图层、文字样式、 ......
前端 图纸 网页 数据 CAD

对于百度前端技术学院的task0003-个人任务管理系统开发的一个记录

第一眼看到它列出的需求和实现要求,就觉得头晕,毕竟真的有点乱,好在自己时刻记得偶像的那一句话,“编程,最重要的是解决问题的能力。” 那我现在遇到需求杂乱的话,是不是要把这些要求分类出来?html、css、JS按这个分类出来后,再继续拿草稿图来画最基础的结构(这个是最重要的,不然一开始就乱写,到时候处 ......
前端 管理系统 任务 学院 系统

前端面试之选择排序

选择排序: 原理解析: 将未排序的数组中的第一个数据作为基准数据,然后对比除基准数据和已排序数据之外的数据,找到其中的最小数据,然后将最小数据和基准数据进行位置交换。 时间复杂度: 时间复杂度O(n^2) 代码实现: const choseArr = [5, 2, 1, 4, 43, 23, 34] ......
前端

windows vlookup常见案例

目录windows vlookup常见案例同表格对比同列数 windows vlookup常见案例 vlookup是在excel表格中查找处理数据的强大工具,准确来说他是一个函数 结构:=VLOOKUP(查找值,查找区域,列序数,匹配条件) 解释:=VLOOKUP(找谁,在哪里找,第几列,0或1) ......
常见 案例 windows vlookup

前端利用oss图片地址返回url下载zip包

// 首先引入插件npm install jszip // 导入项目import JSZip from 'jszip' // 利用canvas.toDataURL 转换base64方法下载图片 downZip() { // 测试数据 let downLoadImageList = ['https:/ ......
前端 地址 图片 oss url

JavaScript运算符及优先级

一、算数运算符 算术运算符(+,-, *,/,%【重要】,++【重要】,--) 其中 + 的左边和右边有 " ", 表示拼接 i++,表示先赋值后+1 ++i ,表示先+1后赋值 同理减法也是如此 算数运算中,+ 可以进行隐式迭代,将字符串数字转化为Number类型 alert(typeof(+'5 ......
运算符 优先级 JavaScript

前端

标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和span标 ......
前端

HTML5前端标签练习

前端标签 标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和 ......
前端 标签 HTML5 HTML

前端

​ 第1章 、Web的基本概念 软件开发的架构 目前我们了解的涉及到两个程序之间通讯的应用大致可以分为两种: 第一种是应用类:qq、微信、网盘、优酷这一类是属于需要安装的桌面应用 第二种是web类:比如百度、知乎、博客园等使用浏览器访问就可以直接使用的应用 这些应用的本质其实都是两个程序之间的通讯。 ......
前端

k8s及其基本插件安装

k8s_install.sh #!/bin/bash set -e master1="10.1.1.60" master2="10.1.1.61" master3="10.1.1.62" containerd_version=v1.7.7 runc_version=v1.1.9 cni_versio ......
插件 k8s k8 8s

记录--这个前端Api管理方案会更好?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 简介 大家好,前端小白一枚,目前接触后台管理系统比较多,经常遇到不同对象的增删改查的接口,如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感,想到一个不错的API管理方案,并应用在项目一个模块当中,并且开发效率和维护性 ......
前端 方案 Api

安防视频监控平台EasyCVR前端解码与后端解码的区别介绍

视频监控平台/视频存储/视频分析平台EasyCVR基于云边端一体化管理,支持多类型设备、多协议方式接入,具体包括:国标GB28181协议、RTMP、RTSP/Onvif、海康Ehome,以及海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石SDK等,可覆盖市面上绝大多数的视频源设备。 ......
视频监控 前端 EasyCVR 平台 视频

浅析5种常见的RAID技术

RAID RAID(Redundant Array of Independent Disks)全称为独立磁盘冗余阵列,简称为磁盘阵列。 RAID是指利用虚拟化存储技术把多个硬盘组合起来,成为一个或多个硬盘阵列组的技术,目的为提升性能或资料冗余,或是两者同时提升 最常用的五种RAID为 RAID 0、 ......
常见 技术 RAID

硬件测试常见仪器,线材,工具

1,仪器: 信号发生器:信号发生器是一个笼统的说法,实际上针对不同的电子产品,需要不同的信号发生器,信号发生器是一种能提供各种频率、波形和输出电平电信号的设备。在测量各种电信系统或电信设备的振幅特性、频率特性、传输特性及其它电参数时,以及测量元器件的特性与参数时,用作测试的信号源或激励源的一种设备, ......
线材 常见 仪器 硬件 工具

nginx-变量与常见配置示例

1、变量 $request_method 请求方法 $host 来自请求行的主机名,来自主机请求头字段的主机名,或匹配请求的服务器名。 $uri 请求url的path部分,自动进行url解码。可能造成响应拆分漏洞 $remote_port 客户端端口 $request 完整的请求行 2、常见配置示例 ......
示例 变量 常见 nginx

JavaScript数据类型的转换

一、字符串类型的转换 1、自动转换 <script> var str = 'hello'; var num = 100; console.log(str+num); console.log(typeof (str+num)); </script> 2、强制转换 String(),object.toS ......
JavaScript 类型 数据

页脚 ip地址显示插件

<script type="application/javascript"> function getgeoip(json){ var footerText = "IP地址:" + json.ip + " " +"["+ json.country+"]"; document.getElementBy... ......
插件 地址

JavaScript 中的单例模式

单例模式是 JavaScript 中最流行的设计模式之一。 单例模式的优点 全球访问点:提供对实例的单点访问,可以轻松管理全球资源。 内存效率:该模式确保只有一个实例,这特别节省内存。 延迟初始化:仅在需要时才创建实例,从而提高性能 这是一种创建模式,可确保类只有一个实例,同时提供对该实例的全局访问 ......
JavaScript 模式

前端断点及使用

前端断点及使用 断点的目的是,代码运行时在想要开始调试的地方停下来。此时可以查看当前上下文信息,比如全局变量、局部变量的值,函数的输入是否正确,请求的返回值是否正常等。通过此操作判断问题发生的地方,好对症下药 一、打断点的方式 1.找到源码位置,添加断点 (1)寻找源码位置 ①如果是正常html页面 ......
断点 前端

音视频常见问题(六):视频黑边或放大

本文介绍了视频黑边或放大的原因和解决方案。主要原因包括视频分辨率与显示视图尺寸不一致、摄像头采集、美颜滤镜格式兼容和分辨率。为了解决这些问题,开发者可以选择合适的渲染模式、动态调整分辨率、处理视频旋转和使用自定义视频渲染。 即构音视频SDK提供了强大的工具和灵活性来解决视频放大或黑边问题,开发者可以... ......
常见问题 常见 问题 视频

如何避免JavaScript中的内存泄漏?

前言 过去,我们浏览静态网站时无须过多关注内存管理,因为加载新页面时,之前的页面信息会从内存中删除。 然而,随着单页Web应用(SPA)的兴起,应用程序消耗的内存越来越多,这不仅会降低浏览器性能,甚至会导致浏览器卡死。因此,在编码实践中,开发人员需要更加关注与内存相关的内容。因此,小编今天将为大家介 ......
JavaScript 内存