前端JS

前端JS算法之数组排序

数组排序一直是前端面试中经常出现的问题，而大家可能经常用的就是sort排序，所以我又总结两种排序方式，加上sort排序，一并写了下来。第一种方法：冒泡排序逻辑步骤：1、使用双层for循环加if判断2、依次拿数组里面的一项去跟数组里面的每一项做比较运算，符合判断条件的，交换两项的位置。letarr=[9,5,1,4,8,6,2,7,3,0,'2','3'];functionsorting(a){//
快乐的前端小菜鸟·2023-11-30 15:49

前端JS实现八大排序（含原理及改进）

目录冒泡排序原理实现改进快速排序原理实现改进直接插入排序原理实现改进希尔排序原理实现改进简单选择排序原理实现改进堆排序原理实现改进归并排序原理实现改进基数排序原理实现改进冒泡排序原理两相邻的数依次比较若要求升序排列两两比较时前一个数比后一个数大则互换位置相互比较完一轮最大的数就会到最后面，并且不再参与比较循环比较直到比较完成一张网图实现vararr=[2,0,1,15,6];functionbub
AC_uv·2023-11-30 15:47

后端Long型数据传到前端js后精度丢失的问题

假设一个场景，MybatisPlus的雪花算法生成long类型主键ID，存入数据库，前端获取到数据后，要执行一个更新操作（updateById），但这时会出现无法成功更新的情况！这是因为前端在长度大于17位时会出现精度丢失的问题。Number转换19位(6145390195186705543)后结果为6145390195186705000造成原因：看网上资料说：js的number类型有个最大安全值
骆骆爱学习·2023-11-30 15:44

前端JS数据时间排序

一、sort()方法vardata=[{name:‘1’,time:‘2019-04-2610:53:19’},{name:‘2’,time:‘2019-04-2610:51:19’},{name:‘3’,time:‘2019-04-2611:04:32’},{name:‘4’,time:‘2019-04-2611:05:32’}]data.sort(function(a,b){returna.t
不抽烟的小王·2023-11-30 15:13

JS 通过RTCPeerConnection获取本机IP地址（win10 chrome内核浏览器）

有一个需求是前端js需要获取本机ip并展示，使用的js通过RTCPeerConnection获取本机ip,结果在多台电脑的chrome浏览器（版本为v78）上均正常。
哄哄_7ec0·2023-11-30 15:13

前端JS将Canvas录制为视频文件

2020年6月我做了一个给程序员专用的虚拟鼓励师插件叫“RainbowFartWaifu”，VSCode和HBuilderX的插件市场里都可以搜到。总之就是让没有妹子陪伴的程序员朋友们写代码时不孤单…这个插件获得了HBuilderX插件开发大赛的二等奖，据很多用户朋友们说，这是个值得特等奖的插件！上周对这个插件又进行了一个小更新，可以一键导出截图和导出一段五秒短视频。其中导出五秒短视频正是看了@十
大帅老猿·2023-11-30 13:28

纯前端js直接导入导出json文件

现在很多公司都有多个测试环境或者其他环境，有些配置信息在其他环境需要同样的信息，按照传统只能修改数据库对于新手小白来说只能求助于服务端了，现在前端也可以直接将当前的数据导出为json文件，然后在需要的地方导入即可也不需要服务端，相对比较方便，而且还比较灵活。遵循本博客传统，话不多说上代码：json导入导出*{padding:0;margin:0;}html,body{width:100%;heig
jason_renyu·2023-11-30 10:03

Node.js 笔记三：了解npm

---来自前端JSer装逼手册npm涵盖了很多内容，不仅仅是包管理那么简单，还有npmscript等。npm对应的文件是package.json。
不懂你的黑色幽默是我·2023-11-30 08:38

基于js-spark-md5前端js类库，快速获取文件Md5值

js-spark-md5是歪果仁开发的东西，有点多，但是我们只要一个js文件即可，具体类包我存在自己的oschina上，下载地址：https://git.oschina.net/jianqingwang/js-spark-md5js-spark-md5是做什么的？js-spark-md5是号称全宇宙最快的前端类包，可以无需上传文件就快速获取本地文件md5.可能你觉得这没什么，但是，当你做一个文件系
tulouguli·2023-11-30 05:26

前端js实现从视频中提取图片帧

使用canvas进行视频截图。截取清空图片captureVideo(w){if(this.videoUrl==''){this.$message.warning("请先输入视频地址");return;}letcanvas=document.createElement("canvas");letctx=canvas.getContext("2d");canvas.width=video.videoW
JYeontu·2023-11-29 13:51

纯前端js中使用sheetjs导出excel,并且合并标题

先定义变量----用的是Vue2，以下在vue的data：{}中定义--------------//空格占位符''headerTopTitle:['患者信息','','','','','','','','','入出院信息','','','','','','','病案首页中的出院主要诊断','','出院其他诊断（病案首页中原始信息）','','','','','','','','','','',''
Nice康·2023-11-29 07:29

谷歌（chrome）恐龙小游戏外挂

有，在线开挂谷歌这款掉线后出现的小游戏的代码是由前端js写成的，其编程思想以对象为主，我们主要找这个文件：往下找，直到这几行代码：通过上面的代码，可以看出这是用js的对象控制游戏参数的，因为js可以暴露在浏览器中
梦境工程师-335·2023-11-28 21:29

前端js优化表单中单个输入框的回车提交事件

解决AngularForms报错：Twoincompatibledecoratorsonclass在升级Angular版本时，有时会遇到一个报错信息：AngularFormserror:Twoincompatibledecoratorsonclass。这个报错信息可能会让你感到困惑，不知道如何解决。本文将介绍这个问题的解决办法。问题描述在将Angular版本从10升级到11的过程中，当执行npms
Evan不懂前端·2023-11-28 09:40

前端js优化表单中单个输入框的回车提交事件

前提当表单内只有一个input输入框时，即使表单没有submit按钮，在输入框内按下回车键就会触发表单的提交事件。这可能会导致一些意外的行为，特别是当用户不希望提交表单时。为了解决这个问题，我们可以采取以下两种优化方法：方法一：不包含在form元素里如果表单只有一个输入框，我们可以将该输入框放在一个独立的div或span元素中，而不是将其包含在form元素中。这样做可以避免回车键触发表单提交事件的
Evan不懂前端·2023-11-28 09:04

前端js中var、let、const详解

var、let、constvar1.var声明作用域functiontest(){varmessage="hi";//局部变量}test();console.log(message);//报错！message未定义这里，message变量是函数内部使用var定义的，函数名test()，调用它会创建这个变量并给它赋值，调用之后变量就会被销毁，所以最后代码运行结果会显示未定义。functiontest
前端码农小王·2023-11-27 14:11

java大事记

1、返回前端js不能是Long类型数据（2022-02-10）产生背景:在本次修改数据库主键从varchar改为bigint过程中,实体类的id的类型相应变为Long,但是数据返回给前端后不是返回的数据库数据
神雕大侠mu·2023-11-27 05:08

前端 js JavaScript 生成 pdf，html2Canvas+jspdf.js实现(导出、下载pdf)长图不分页

前端js生成pdf本文主要使用jspdf+html2Canvas实现html转pdf。
CSDN_33901573·2023-11-27 04:53

springboot+vue 前端Json传参后端接收不到

自己遇见的几种情况，在这记录一下，因为当时查的时候情况太多了，还有可能是request内部或者ajax的content-type的问题，就很多！！！（1、请求方式：post、get）（2、请求方式所写位置（反正我是遇到了）组件内部和单写一个js来暴露方法）（3、request.js内部或者ajax的属性content-type）（4、有可能你用的request.js内部人家是封装了一层的所以后边接
YH_Nothing·2023-11-26 05:09

Python 前后端分离项目Vue部署应用

fromdjango.httpimportJsonResponsefromdjango.shortcutsimportrender#Createyourviewshere.fromdjango.viewsimportViewclassIndexView(View):defget(self,request):#前后端分离（前端
凌冰_·2023-11-25 19:56

关于文件上传漏洞的心得

1.最简单就是前端防护，后端不防护，即js检测绕过攻击，此时可以利用浏览器插件删除前端js检测代码或者可以通过burpsuite抓包进行后缀修改即可2.文件后缀绕过攻击，服务器端限制某些后缀文件不能上传
DQ_5e1b·2023-11-25 15:06

在React、Vue 和 Angular 中使用SpreadJS

是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVW（Model
weixin_34261739·2023-11-25 10:17

解决：前端js下载文件流出现“未知文件格式”错误

第一中情况：出现的问题，前端已经设置了responseType:'blob',下载下来还是格式不对。最后经过排查，后端缺少charset=utf-8，所以前端可以设置编码：第二中情况：后端已经设置了charset=utf-8，前端也设置了responseType:'blob',但是下载下来文件还是格式错误，排查了很久，最后设置responseType:'arraybuffer',解决了问题。后续遇
小贵子的博客·2023-11-25 04:31

在vue中如何实现前端导入文件发送给后端进行数据库记录的批量添加

需求：在前端导入需要添加的信息的excel表，实现记录的批量插入效果：实现过程：1、前端(1)前端UI点击下载法律信息导入模板确认导入(2)前端js前后端分离使用async…await…进行异步请求，这里使用的是
七七码生·2023-11-25 03:46

【Web】NewStarCtf Week2 个人复现

①游戏高手经典前端js小游戏检索与分数相关的变量控制台直接修改分数拿到flag②include0。
Z3r4y·2023-11-25 00:19

纯前端js(或者vue)导出excel实现：合并单元格、设置单元格样式、单元格内换行

前提是安装xlsx，已经可以导出普通的excelnpminstall--savexlsxfile-saver然后需要安装npminstallxlsx-style如果运行的时候报错需要修改源码，然后重新运行：1、在\node_modules\xlsx-style\dist\cpexcel.js807行把varcpt=require('./cpt'+'able');改成varcpt=cptable;2
李星星爱搬砖·2023-11-24 17:41

泛微8.0建模引擎动态获取表单字段ID

泛微8.0建模引擎动态获取表单ID说明页面动态获取字段id值效果前端代码前端调用代码前端jsModeinfo.js文件方法后端代码后端getjsModeinfo.jsp文件获取字段基础信息sql说明这个功能是基于泛微
终极一泽·2023-11-22 23:53

前端js调取摄像头并实现拍照功能

前言最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享。tips:如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次我们先讲如何实现拍照并且保存的功能。一.window.navigator你想调取手机的摄像头，首先你得先检验当前设备是否有摄像设备，window身上自带了一个navigator属性，这个对象有一个叫做mediaDevices的属性是
C+ 安口木·2023-11-22 14:53

前端JS面试题2021及答案

一、数据类型1、JavaScript中什么是基本数据类型什么是引用数据类型？以及各个数据类型是如何存储的？基本数据类型有NumberStringBooleanNullUndefinedSymbol(ES6新增数据类型)bigInt引用数据类型统称为Object类型，细分的话有ObjectArrayDateFunctionRegExp基本数据类型的数据直接存储在栈中；而引用数据类型的数据存储在堆中，
m0_67402823·2023-11-21 23:51

微信小程序+laravel8 实现腾讯地图计算两点之间距离

腾讯接口地址：WebServiceAPI|腾讯位置服务前端wxml代码：获取目的地位置获取当前位置计算距离前端js代码：//获取目的地经纬度缓存起来where(){//chooseLocationwx.chooseLocation
猫九森·2023-11-21 11:20

使用前端JS函数进行处理 四舍五入保留后两位小数

1、toFixed()方法介绍：这是JS自带的一个方法，可以四舍五入保留指定位数的小数，并且位数不够时可以自动补0注意：保留两位小数，将数值类型的数据改变成了字符串类型NumberObject.toFixed(num)—num是保留的位数，取值为0-20，默认为0基础使用如下，自动补0等就不展示了varnum1=55.3715;console.log(num1.toFixed(2));2、subs
linlinlove2·2023-11-20 22:02

odoo17前端js框架的演化

odoo17发布了，从界面上看，变化还是很明显的，比16更漂亮了，本来以为源码不会发生太大的变化，结果仔细一瞧，变化也不小。1、打包好的文件数量和大小发生了变化打包好的文件从两个变成了一个，在odoo16中，js会打包成common.js和backend.js两个文件，合计大小在5.7M左右，而odoo17中就只有一个文件了web.js,大小只有3.8M，小了2M左右，这会极大的加快前端页面的加载
加菲大叔·2023-11-20 21:20

odoo17 web.assets_web.min.js 赏析

odoo17web.assets_web.min.js赏析前文说到，odoo17的前端js做了大量裁剪优化，最终打包成了一个文件assets.web.js稍微看一下这个文件的结构web.assets_web.min.js
加菲大叔·2023-11-20 21:49

【Spring Boot】如何自定义序列化以及反序列器

在我们使用默认的消息转换器，将java的Long类型通过json数据传输到前端JS时，会导致Long类型的精度丢失，这是因为JS处理Long类型数字只能精确到前16位，所以我们可以采用自定义序列化方式将
upton-nan·2023-11-20 12:14

解决用户短信发送的各种问题

答：比较好解决，只要涉及到短信发送就需要填写验证码，并且验证码的生成是通过用户点击“获取图形验证码”按钮生成的，这里使用了前端js与后端图形验证码约定的加解密token验证服务，可能会用到浏览器版本crypto.js
执笔轻叹_·2023-11-20 10:22

上传视频 获取视频第一帧 做为封面 前端js

上传视频获取视频第一帧做为封面前端js重点1：URL.createObjectURL(file|blob)URL.createObjectURL(file|blob)：返回一段带hash的url，并且一直存储在内存中
蒙子呀~·2023-11-18 23:38

cas登录 状态码302不跳转问题

3.前端js会通过ajax的get请求把location中
冰 主·2023-11-16 15:28

EasyUi表格CRUD功能&代码生成器

1.前端jsp进行抽取.form-group{width:200px;height:35px;margin:auto;}.form-group:first-child{margin-top:25px;}
九处·2023-11-16 13:10

前端js,reduce归并操作图解

//数组reduce方法//arr.reduce(function(上一次值,当前值){},初始值)constarr=[1,5,8]//1.没有初始值//consttotal=arr.reduce(function(prev,current){//returnprev+current//})//console.log(total)//2.有初始值//consttotal=arr.reduce(fu
Harbor Lau·2023-11-16 07:48

应用express mockjs模拟前端json数据接口

一、首先需要在项目安装express1、cnpminstallexpress--save-dev2、cnpminstallmockjs--save-dev二、在项目根目录下新建prod.server.jsvarexpress=require('express');varMock=require('mockjs');varconfig=require('./config/index');varpor
anjia9203·2023-11-16 01:36

odoo前端js对象的扩展方法

odoo前端js对象的扩展方法在Odoo中，你可以使用两种方法来扩展JavaScript对象：extends和patch。这两种方法在功能上有一些区别。
加菲大叔·2023-11-15 15:30

APM-Skywalking调研及实施报告

第一部分：APM介绍第二部分：SkyWalking介绍第三部分：使用jar包、容器、K8S三种不同方式部署SkyWalking第四、五、六部分：结合实际，介绍将后端java服务(容器化和非容器化)、前端
大可乐4747·2023-11-15 12:38

web大前端js入门-----vscode【一】新手必看

在入门之前我们还是要了解一下js的三大核心：js的三大核心：ES（ECMAscriput）js语法规范BOM，浏览器对象模型---BOMbrowserobjectmodel提供一整套操作浏览器的解决方案DOM，documentobjectmodel提供一整套文档流相关的属性和方法。js的三种引入方法:行内式：a标签点我非a标签点击爱你洛洛内链：vara=1;alert(a);外链：常用输出的三种方
洛洛_0-0·2023-11-15 10:51

java解析Cron时间表达式为中文描述

所以要转为非开发人员看到也能明白的中文描述这里说一下后端解析，无非就是空格切分一个个判断了：前端js解析在这里：CronExpParserUtil.js直接上代码org.apache.commonscommons-lang33.8.1WeekEnum.javapackagecom.example.wftspringb
会说法语的猪·2023-11-15 05:28

关于springboot的序列化和反序列化问题

在springboot中有时候需要将Datatime的格式进行格式化，有时候Long型的数据超过16位传值到前端js中会丢失精度，解决这个问题需要将Long型先转为String类型在传值到前端。
半生客·2023-11-14 20:42

verdaccio内网离线搭建npm私有仓库

使用场景：前端项目的编译运行开发中报下载经常出错：项目场景：通常我们前端项目开发搭建过程中通过npm管理前端js库，新建项目或内网开发过程中经常出现环境搭建的问题，例如常见错误Failedatthechromedriver
码农山泉·2023-11-14 17:32

【Java开发】之 Long 类型序列化成 String

一、情景介绍在项目开发过程中，当后端返回给前端的类型为Long类型时，如果值超过了前端js显示的长度范围的话会导致数字精度丢失，但我们又不想变更字段的类型，此时我们可以在序列化返回时将Long类型转换成
王廷云的博客·2023-11-13 17:32

前端js实现将数组对象组装成自己需要的属性，或者去掉对象中不必要的属性

前言提示：这里可以添加本文要记录的大概内容：需求：前端js实现将数组对象组装成自己需要的属性，或者前端js实现去掉对象中不必要的属性提示：以下是本篇文章正文内容，下面案例可供参考一、示例数组对象大家可以看出我拿到的对象是有很多个的
呆呆加油呀·2023-11-13 06:56

使用ajax实现前端文件上传到服务器（与form表单上传文件类似）

单文件上串1.1前端htmlfile类型的input表示选择上传的文件；accept(接受,容纳)属性表示限制上传的文件类型；name属性的属性值依旧需要与后端中硬盘存储函数中参数保持一致；单文件上传1.2前端
older-black·2023-11-12 21:07

前端js时间戳转换日期格式

前端js时间戳转换日期格式//获取时间戳Date.parseconstdateNumber=Date.parse(newDate())//获取当前时间的时间戳constdateStr=formatDate
Dreams゜·2023-11-12 16:59

开发记录汇总

文章目录说明分享javanettytomcatpythongolangmysql网络linux前端js说明本博客是日常开发的功能研究或操作记录，包含编程语言和系统操作，内容根据实际情况动态更新。
羽落风起·2023-11-12 01:05
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他