前端js 第12页

前端js 分页功能

虽然项目大多数的分页都是在后端做，但有些业务场景不适合在后端做分页，就需要前端的小爱们去实现。效果jR7kFWUY1b.gif实现思路data：源数据curPage：当前页（最好从0页开始）pageSize：一页展示的数据total：数据总条数以上信息都已知后，利用数组方法slice，截取当前页需要展示的数据。（以下方法，如果最后一页切换结束后，直接回到第一页）代码展示/***setCurrent

BlinglingSam·2023-03-10 00:27

nodejs exports和module.exports的区别

phpweb开发的过程中，前端js需要引用另一个js的代码，常常看到用exports的方式。那么exports和module.exports有什么不同呢？

沐文乘光·2023-03-09 15:32

前端JS图片懒加载原理方案详解

目录背景原理方案方案一：img的loading属性设为“lazy”使用方法优点兼容性缺点方案二：通过offsetTop来计算是否在可视区域内优化优点缺点方案三：通过getBoundingClientRect来计算是否在可视区域内方案四：使用IntersectionObserver来判断是否在可视区域内兼容性优点缺点问题布局抖动响应式图片SEO不友好插件背景懒加载经常出现在前端面试中，是前端性能优化

·2023-02-27 18:53

js中的隐式类型转换有哪些

隐式类型转换条件有哪些二、==的隐式类型转换三、+的隐式类型转换四、object的隐式类型转换1、探讨object的隐式转换执行顺序2、探讨Symbol.toPrimitive属性如何将对象转换为原始值在前端

斯图尔te·2023-02-24 10:17

前端js 实现文件（附件）下载、批量下载方法汇总

前言文件下载在前端系统里面算是个比较常见的功能，尤其是在管理系统里面。本篇文章我记录下前端通过后端返回的文件url实现文件下载的几种方法，包含批量下载。1.单文件下载主要有以下三个方法：1、通过a标签a标签下载该方法下载的文件名称是后端接口返回的文件本身的名称2.另一种下载写法consthandleDown=()=>{leta:any=document.createElement('a')//创建

小刘加油！·2023-02-22 16:02

前端通过url下载附件打包成zip

**注：**该方式只适用于文件较小，文件少的业务场景，因为该方式是前端js单线程遍历拉取文件，需下载的文件较多文件较大建议走后端多线程接口实现下载打包。项目gitHub链接

Cai_007·2023-02-22 16:00

前端js实现根据文件url批量压缩下载成zip包

前言项目开发中，产品经理提了这样一个需求：将系统中的附件实现批量打包下载功能。本来系统中是有单个下载及批量下载功能，现在应业务方的需求，需要多加个批量打包下载。初步设想是：由后端编写接口实现。但后来经过思考：现在系统中已经有文件的url地址了，何必让后端写接口重复，前端处理就行。1.所需包jszipfile-saveraxiosJSZip是一个用于创建、读取和编辑ZIP文件的JavaScript库

小刘加油！·2023-02-22 16:29

react面试题

2.react是facebook开发的前端js库，主要运用组件的思想，可让我们构想可以复用的ui组件。降低代码的耦合度。3.react的功能是什么？

suzhiwei_boke·2023-02-21 11:46

前端js实现带样式的excel(.xlsx)文件预览vue组件

都2023年了，怎么文件预览还这么难！发现了问题之后，就想着能不能实现一个简单的VUE组件库，能够解决以上问题，让新手前端，能够非常高效的完成文件预览任务。于是，我期望开发一个vue-office组件库，它必须满足以下3个要求使用一定要简单，对新手要友好，即传递一个文件地址，就可实现预览提供多种文件的一站式预览解决方案，解决常见的docx、excel、pdf三种文件的预览预览效果也好，不只是对内容

·2023-02-17 15:50

HTML5 file API加canvas实现图片前端JS压缩并上传

一、图片上传前端压缩的现实意义对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。这种体验包括两方面：由于上传图片尺寸比较小，因此上传速度会比较快，交互会更加流畅，同时大大降低了网络异常导致上传失败风险。最最重要的体验改进点：省略了图片的再加工成本。很多网站的图片上传功能都会对图片的大小进行限制，尤其是头像上传，限制5M或者2M以内是非常常见的。然后现在的数码设备拍

zhao_ran·2023-02-17 05:57

WebViewJavascriptBridge的简单使用

最近在公司有一个原生和H5交互的项目，用到了WebViewJavascriptBridge，下面简单讲解下如何使用以及前端JS如何封装。

席坤·2023-02-17 03:19

前后端分离和跨域问题的详细解决方案(CORS的原理)

目录前后端分离前后端分离的好处个人理解上存在两种解释跨域问题存在的原因跨域问题的解决方案修改浏览器配置解决跨域使用jsonp解决跨域CORS解决跨域服务软件实现跨域基于Apache的服务基于Nignx的服务总结前后端分离前后端分离的好处最大的好处就是前端

·2023-02-16 20:08

js开发中的页面、屏幕、浏览器的位置原理（高度宽度）说明讲解（附图）

目录一、介绍1.容器2.物理尺寸和分辨率3.展示图二、屏幕信息三、浏览器信息四、页面信息前端js开发中我们常遇到对页面、屏幕、浏览器宽高和位置的获取问题，有时间查到了js的实现代码，但是不知道为什么。

·2023-02-16 20:27

关于前端js后-台java检查网页链接是否可用

在开发网页的时候，当我们需要从其他链接处获取信息时，我们需要先判断所使用的链接是否可用，本文整理了，前端js验证链接是否可用和后台java验证链接是否可用的方法。

MyChinaLin·2023-02-07 03:24

加密基础知识四前端JS加密传输 crypto-js

图片发自App原文地址参考Java前端加密传输后端解密以及验证码功能一、使用HTTP简单加密对系统安全性要求比较高，那么需要选择https协议来传输数据。当然很多情况下一般的web网站，如果安全要求不是很高的话，用http协议就可以了。在这种情况下，密码的明文传输显然是不合适的，因为如果请求在传输过程中被截了，就可以直接拿明文密码登录网站了。对于使用http协议的web前端的加密，只能防君子不能防

为自己丶拼个未来·2023-02-06 10:41

渗透测试前端JS解密

有些系统登录处可以账号密码爆破或者想测试注入但是传输的数据在前端被加密过了以xunruicms为例查找前端JS加密方法以及解密方法第一种是直接写在前端HTML里面直接审查元素搜password这里已经注释上进行

Admin3K·2023-02-06 00:00

【前端js】算法全归纳（一）数组：最全数组操作合集

文章目录1.扁平化n维数组1.简单方法（牛客网不支持）2.兼容方法2.去重1.简单方法（不能对嵌套数组，对象数组去重）2.兼容方法（可以对嵌套数组，对象数组去重）3.排序1.简单方法2.兼容方法4.最大值1.简单方法方法一：`max()`方法二：`reduce()`迭代比较（兼容max方法只支持两个参数的情况）5.打乱顺序6.移除数组中的元素（牛客网-js能力测评）7.数组首尾添加元素（牛客网-j

juwuyu·2023-02-03 08:08

JS剪辑图片

官方文档（可能打开不流畅，多刷新几次）cropit.js插件是一款十分强大、方便、便捷的前端JS剪切插件，通过特定的div代码结构进行布局，CSS样式完全可制订，最为方便的

ruisenLi·2023-02-01 13:28

PHP/JS 互通加密-解密

场景：服务端Php与前端Js实现互通加密/加密php7.1以后mcrypt_encrypt将被废弃,所以使用openssl_decrypt和openssl_encrypt的组合方式实现AES加密环境PHP7

Zero_75·2023-01-31 20:48

axios发送post 请求 PHP接受数据的方式

前端jsaxios.post('post.php',{name:"axios",pass:'123456x'}).then(function(response){console.log('1>',response.data

RedStones·2023-01-27 18:28

JS-MD5加密

在这里给大家介绍一种在前端JS中的MD5加密算法（因为要匹配的后台数据是MD5加密后的字符串，所以可以在JS中也用MD5加密。

小拿_8eef·2023-01-27 17:36

2019-12-06 JavaScript 语句

前端js——键盘事件、获取键盘输入、组合按键执行动作Q1编程实现，班上期末成绩平均分评级，95及以上为卓越；85及以上且小于95为优秀；75及以上且小于85为一般；60及以上且小于75为及格；其余为不合格

过了爱想象悲伤的年纪·2023-01-27 09:28

Thymeleaf介绍

前端JS框架有vue.js、react.js、Angular.js、Bootstrap、Jquery、Zepto等；前端UI框架有：QUICKUI、iviewUI、Layui、elementUI、MintUI

chinusyan·2023-01-26 19:38

前端JS 下载大文件解决方案

问题场景点击导出按钮，提交请求，下载excel大文件（超过500M），该文件没有预生成在后端，直接以文件流的形式返回给前端。搜了好久，终于找到。记录一下文章引用自：https://www.cnblogs.com/mrwh/p/13227709.html解决方案在Vue项目中常用的方式是通过axios配置请求，读取后端返回的文件流，常用代码如下：axios({method:'post',url:'a

七月鎏金·2023-01-25 22:27

前端js实现canvas压缩图片并上传

一.上传前压缩图片的好处可以减少用户的等待时间，提升使用体验，目前手机拍摄的图片文件大小一般在几M左右，文件直接上传时会有卡顿现象。可以减少服务端的存储空间。再次回去图片资源是也可以快速的加载。虽然目前阿里云的oss有相对应的api可以通过降低图片质量等方法减少体积，不过使用canvas可以直接减少源文件的体积。因此我们很有必要对上传的图片进行压缩。二.处理流程主要包括以下流程：用户通过van-u

铁锤妹妹@·2023-01-21 08:19

后端传递Long类型，到前端数据不对问题解决

2、原因经过查找发现问题出现在前端解析long类型数据时，前端JS中，js在对长度较长的长整型数据进行处理时，会损失精度。前端中js的Number类型最大值为90

夜阑卧听风吹雨，铁马冰河入梦来·2023-01-18 03:04

node解码视频流，调用海康视频摄像头

node后端使用rtsp-relay推流，前端jsmpeg解码，实现网页接入视频功能，能同时实现多个后端constexpress=require('express');constapp=express(

.一只曼巴·2023-01-16 20:55

代码优雅之道——Springboot统一返回结果

1、为什么要统一返回结果从前后端分离模式开始后，后端只返回给前端json数据，在实际开发中，为了降低开发人员之间的沟通成本，一般返回结果会定义成一个统一格式，具体的格式根据实际开发业务不同有所区别。

LoneWalker、·2023-01-13 07:51

前端JS也可以连点成线详解(Vue中运用AntVG6)

目录前言快速上手写在最后前言什么是G6？G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的Insight。其实说白了就是我们前端中的绘图工具；基于G6，用户可以快速搭建自己的图分析或图编辑应用。这里博主也是接到了需求，项目中需要根据坐标画出标志物；这里博主采用的就是我们的AntG6技术，下面让我们先来通过一下小的de

·2023-01-13 02:18

可以引用的前端js常见效果

http://www.iampua.com/pui/基于antd的react管理平台-添加了D3.js结合使用[HOT]Createjs游戏引擎制作《办公室零食大作战小游戏》[NEW]红包雨2.0小游戏[HOT]Canvas学习实例教程之简单动画[NEW]Javascript自定义缓动函数EasingCanvas学习实例教程之图形变化[NEW]Canvas学习实例教程[NEW]D3.js实战例子八

pengpengcoder·2023-01-05 12:36

前端js原生实现全选全不选

现在很多的组件库已经有属性可以直接实现全选全不选的效果，比js原生的写法简单许多；原生的写法是基础，多了解点总没坏处。效果如下：代码如下：全选全不选*{padding:0;margin:0;}table{margin:0auto;margin-top:50px;text-align:center;}tablethead{background-color:skyblue;}tabletbody{ba

小小红色无花果·2022-12-31 22:38

Vue学习笔记

文章目录第1章：Vue入门1.1Vue简介1.1.1官网1.1.2介绍描述1.1.3Vue的特点1.1.4与其它前端JS框架的关联1.1.5.Vue扩展插件1.2Vue的基本使用1.2.1编码1.2.1

fmk1023·2022-12-30 07:41

Ureport2打包，源码修改后打包问题，

1.前端js的打包如果修改js项目文件的话，需要先打包ureport2-js在package.json文件中添加如下代码//在script中添加build及start。

黝黑男的肩膀·2022-12-28 10:32

前端JS也可以连点成线（Vue中运用 AntVG6）

前言什么是G6？G6是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明，简单。让用户获得关系数据的Insight。其实说白了就是我们前端中的绘图工具；基于G6，用户可以快速搭建自己的图分析或图编辑应用。这里博主也是接到了需求，项目中需要根据坐标画出标志物；这里博主采用的就是我们的AntG6技术，下面让我们先来通过一下小的demo感受一下G6的功能吧

几何心凉·2022-12-26 09:19

毕业设计-基于SSM医院信息管理系统

环境：开发工具：idea，数据库：MySQL5.7jdk1.8架构：springMVC，前端jsp主要功能管理员：员工管理（添加员工、修改员工、删除员工、查询指定员工、导出数据）岗位管理（添加岗位、修改岗位

big-liu·2022-12-25 14:28

Vue的学习

VUE的理解vue是一个前端JS库，用MVVM模式实现；主要作用是动态构建用户界面；重要技术包括：模版与数据绑定（angular），组件与虚拟DOM（react），其中，模版就是HTML中套JS。

是万啊·2022-12-25 04:03

前端js将图片image与canvas互相转换

将以下代码复制封装于xxx.js文件中，放置在项目文件夹utiles下//把image对象转换为canvas对象exportfunctionimgToCanvas(image){varcanvas=document.createElement('canvas')canvas.width=image.widthcanvas.height=image.heightcanvas.getContext('

二七二十七·2022-12-23 17:24

手把手搭建一个完整的ssm登录注册项目(适合新手)

更方便哦mapperdao层dao层的基类，因为没有使用springboot，我们得自己管理起来dao层实现层service层则重写一遍dao层代码就不显示了service层实现类好，到这里我们就来写前端

亚桑·2022-12-18 21:17

iwebsec靶场文件上传漏洞通关笔记1-第01关前端js过滤绕过

目录第01关前端js过滤绕过1.禁用js法（1）禁用js（2）刷新页面使生效（3）上传脚本（4）开启js并刷新页面2.修改页面法1（1）右键查询元素（2）搜索关键字check（3）删除函数调用（4）上传脚本

mooyuan天天·2022-12-07 14:43

Axios post请求

1.常见post请求种类1.form表单提交method="post"是同步的,(要素:页面是否刷新)2.axios.post()异步操作1.1axiospost请求入门案例1.1.1编辑前端JSAxios

WRSR52·2022-12-02 21:26

前端三剑客 React、Angular、Vue.js 比较

是一款优秀的前端JS框架，已经被用于Google的多款产品当中。

按键伤人啊·2022-11-24 08:52

Vue+MySQL+Express+Node 实现前端js和服务器交互

Vue+MySQL+Express+Node实现前端js和服务器交互安装nodenode官网地址：https://nodejs.org/en/直接选择对应的版本安装就可以了。

fade_hide·2022-11-24 03:48

数仓之数据集成

前面我们讲到数据同步可以是应用端自动上报到数仓的采集服务，例如ToC业务常见的前端js埋点发送数据到nginx，这是推的方式。还有通过jdbc直接拉取业务库表或者接口这是拉取的方式。

七月√·2022-11-23 10:14

PHP+JS实现文件分块上传的示例代码

文件过大时由于服务器的配置或响应事件过长导致上传文件失败，这时候我们可以将一个大的文件分为若干块，然后分批次上传到服务端，当所有文件块上传完成后再由服务器将各个文件块整合成我们上传的文件一、分块上传流程1：由前端

·2022-11-05 16:10

前端js知识点梳理记录

词法作用域functionfoo(){console.log(a);}functionbar(){vara=3;foo();}vara=2;bar()//2作用域的查找不是从函数执行的那行代码查找(foo()),而是从函数被定义的时候的那行代码去查找,当foo被执行的时候,它直接去全局找到了2null和undefined的区别null表示一个值被定义了，定义为“空值”；undefined表示根本不

jytbf·2022-10-15 01:00

Promise难懂？一篇文章让你轻松驾驭

☀️前言前端js学习中，让大家最难受的就是异步的问题，解决异步、回调地狱等问题时你必须得学会promise，对于多数前端程序员来说promise简直就是噩梦，本篇文章就是从通俗易懂的角度做为切入点，帮助大家轻松掌握

前端小白在前进·2022-10-14 13:52

Spring Boot系列（七）、SpringBoot整合PageHelper分页组件以及前端js分页插件

七、SpringBoot整合pageHelper分页组件以及前端js分页插件1、PageHelper简介2、PageHelper支持物理分页的数据库3、SpringBoot集成PageHelper4、配置

一宿君·2022-10-07 17:23

Springboot笔记

的启动的三种形式SpringBoot的@SpringBootApplicationSpringBoot的静态资源访问SpringBoot的接⼝返回⼯具类SpringBoot的使用@RequestBody接收前端

李长渊哦·2022-10-06 08:27

成功解决: Mybatis懒加载导致返回前端数据json序列化错误

情况是这样的：SSM框架集成jackson，使用分页插件pageInfo封装分页查询信息返回前端json数据，但是使用postman测试时报500错误。

jonssonyan·2022-10-02 07:28

前端与移动开发----Node.js----express

Node.js回顾基础知识回顾node环境下的模块-类似于前端的js插件前端js插件:挂载到window身上暴露出去node模块:有CommonJS规范导出和导入的方法node模块,每个外面运行时,都会被套一个函数一共有

東三城·2022-10-01 19:20

推荐频道

前端js