分类：前端

2021
10-17

SpringMVC与前端交互案例教程

SpringMVC与前端交互案例教程 目录一，创建day13的module二，复习SpringMVC?1，需求：访问/car/get，获取汽车数据?2，创建RunApp类?3，创建Car类?4，创建CarController类三，SpringMVC解析请求参数?1，普通的GET提交?2，RestFul提交四，简单的前后端关联?1，需求?2，创建html页面?3，创建UserController类，解析参数五，利用JDBC技术，把请求参数入库?1，添加jdbc的依赖(修改pom.xml)?2，准备user表?3，修改UserController类的save()?4，测试六、总结一，创建d... 继续阅读 >
2021
07-09

详解前端安全之JavaScript防http劫持与XSS

目录HTTP劫持、DNS劫持与XSSHTTP劫持DNS劫持XSS跨站脚本页面被嵌入iframe中，重定向iframe使用白名单放行正常iframe嵌套更改URL参数绕过运营商标记内联事件及内联脚本拦截浏览器事件模型静态脚本拦截使用白名单对src进行匹配过滤动态脚本拦截MutationEvents与DOMNodeInserted重写setAttribute与document.write重写原生Element.prototype.setAttribute方法重写嵌套iframe内的Element.prototype.setAttribute重... 继续阅读 >
2021
07-04

前端从浏览器的渲染到性能优化

目录问题前瞻浏览器渲染1.浏览器渲染图解2.css解析规则3.js加载和执行机制4.图片的加载和渲染机制性能优化css优化使用减少资源请求延迟加载图像大促活动实践2.1懒加载与异步加载2.2.资源整合2.3预解析与预加载总结问题前瞻1.为什么css需要放在头部？2.js为什么要放在body后面？3.图片的加载和渲染会阻塞页面DOM构建吗？4.dom解析完才出现页面吗？5.首屏时间根据什么来判定？浏览器渲染1.浏览器渲染图解浏览器渲染页面主要经... 继续阅读 >
2021
06-23

Vue Element前端应用开发之开发环境的准备工作

概述之前一直采用VS进行各种前端后端的开发，随着项目的需要，正逐步融合纯前端的开发模式，开始主要选型为Vue+Element进行BS前端的开发，后续会进一步整合Vue+AntDesign的界面套件，作为两种不同界面框架的展现方式。采用Vue+Element的前端开发和之前的开发模式需要有较大的转变，以及需要接触更多的相关知识，本系列随笔基于循序渐进的学习研究方式，对使用Vue+Element这种前端开发的各个方面进行一个完整的介绍，并... 继续阅读 >
2021
06-08

浅谈JS前端模块化的几种规范

前言有这样一个场景，客户端运行很久，但是法务部和数据部需要收集用户的一些信息，这些信息收集好之后需要进行相应的数据处理，之后上报到服务端。客户端提供一个纯粹的js执行引擎，不需要WebView容器。iOS端有成熟的JavaScriptCore、Android可以使用V8引擎。这样一个引擎配套有一个SDK，访问Native的基础能力和数据运算能力，可以看成是一个阉割版的HybridSDK额外增加了一些数据处理能力。问题结束了吗？处理逻辑的... 继续阅读 >
2021
05-28

Javascript前端优化代码

if判断的优化JavaScript条件语句在我们平时的开发中是不可避免要用到的，但是很多时候我们的代码写的并不好，一连串的if-else或者多重嵌套判断都会使得代码很臃肿，下面举例进行优化。需求：现在有4个产品，分别是手机、电脑、电视机、游戏机，当然每个产品显示的价格不一样。1、最简单的方法：if判断letcommodity={phone:'手机',computer:'电脑',television:'电视',gameBoy:'游戏机',}functionprice(name){... 继续阅读 >
2021
02-20

前端如何实现动画过渡效果

简介动画这个概念非常宽泛，涉及各个领域，这里我们把范围缩小到前端网页应用层面上，不用讲游戏领域的Animate，一切从最简单的开始。目前大部分网页应用都是基于框架开发的，比如Vue，React等，它们都是基于数据驱动视图的，那么让我们来对比一下，还没有这些框架的时候我们如何实现动画或者过渡效果，然后使用数据驱动又是如何实现的。传统过渡动画动画效果对体验有着非常重要的效果，但是对于很多开发者来讲，可能是个非常薄弱... 继续阅读 >
2020
12-22

Vue——前端生成二维码的示例

与后端生成二维码相比，前端生成二维码更具有灵活性，下面就介绍两种前端生成二维码的方式，两种方式相比之下，vue-qr比qrcode多了一个再中间添加logo的功能。方式一：qrcodenpmnpminstall--saveqrcodejs2importimportQRCodefrom'qrcodejs2'使用<divclass="qrcode"ref="qrCodeUrl"></div> <script>methods:{    creatQrCode(){        var... 继续阅读 >
2020
11-22

Django vue前后端分离整合过程解析

最近接到一个任务，就是用django后端，前段用vue，做一个普通的简单系统，我就是一搞后端的，听到vue也是比较震惊，之前压根没接触过vue.看了vue的一些文档，还有一些项目，先说一下django与vue的完美结合吧！首先是创建一个django项目django-adminstartprojectmysite#创建mysite项目django-adminstartappblog#创建blog应用一、接下来就是安装关于vue的东西了1、首先安装node.js，官网地址：https://nodejs.org/zh-cn/dow... 继续阅读 >
2020
10-10

vue中后端做Excel导出功能返回数据流前端的处理操作

vue中后端做Excel导出功能返回数据流前端的处理操作 项目中有一个导出功能的实现，用博客来记录一下。因为需求对导出表格的数据格式和样式有要求，所以这个导出功能放到后端来做，而且后端返回的是数据流，所以需要处理成想要的表格并导出来。先看下效果图：页面效果：点击导出Excel调用导出接口成功了：后台返回的数据流，一堆看不懂的乱码：接下来要处理这堆乱码，因为用到的地方多，所以在util.js文件里封装了一个公共方法并抛出：虽然vue里有封装好的请求接口的方法，但这里要... 继续阅读 >
2020
10-09

Javascript前端下载后台传来的文件流代码实例

前台请求数据：url:'/app/downloadApp',method:'get',responseType:'blob',params:data设置接收参数格式为responseType:‘blob',downloadFile(res,fileName){if(!res){return}if(window.navigator.msSaveBlob){//IE以及IE内核的浏览器try{window.navigator.msSaveBlob(res,fileName)//res为接口返回数据，这里请求的时候已经处理了，如果没处理需要在此之前自行处理vardata=newBlob... 继续阅读 >
2020
10-08

Java 实现Redis存储复杂json格式数据并返回给前端

问题背景在JavaWeb项目中，经常需要前端请求数据，后台从数据库中查询并计算最后返回json格式数据给前端。而每次请求都需要计算一次可能比较浪费时间，这时我们可以将计算好的结果保存在redis中，下次请求时先判断redis中是否已经存在，如果是则直接从redis里取出返回，因为是在内存中，所以比较快。而自己在项目中遇到的json格式数据比较复杂，下面记录一下redis存储对象和json格式数据的几种方式以及遇到的问题。存储方式1.直... 继续阅读 >
2020
10-01

JS实现前端动态分页码代码实例

思路分析：有3种情况第一种情况，当前页面curPage<4第二种情况，当前页面curPage==4第三种情况，当前页面curPage>4此外，还要考虑，当前页码curPage<pageTotal（总页码）-2，才显示...首先，先是前端的布局样式<body>/*首先，在body中添加divid="pagination"*/<divid="pagination"><!--后面会在JS中动态追加，此处为了，实现前端效果，所以注册<aid="prevBtn"><</a><aid="first">1</a><ahref="#"rel="exter... 继续阅读 >
2020
09-29

使用JavaScript通过前端发送电子邮件

使用JavaScript通过前端发送电子邮件 你为什么不通过发送电子邮件传输信息？不使用数据库就能接收到传入的消息，绝对是最佳选择，也是最方便用户的选择。但问题来了—如何实现呢？你可能认为需要使用某种后端语言。实际上，你不必使用任何如php或python这种后端语言，你甚至不需要用到node.js！你需要的就是一个简单的EmailJS库。本文将介绍下面两个重要功能:配置emailjs帐户使用JS发送电子邮件请注意，在我的项目中，我使用了gulp和webpack，我在src... 继续阅读 >
2020
09-27

SpringMVC后端返回数据到前端代码示例

1.返回ModelAndView对象（.jsp）controller代码：packagecontroller;importjava.util.List;importjavax.annotation.Resource;importmodel.Comment;importorg.springframework.beans.factory.annotation.Autowired;importorg.springframework.stereotype.Controller;importorg.springframework.stereotype.Service;importorg.springframework.web.bind.annotation.RequestMapping;importorg.springframework.web.servlet.M... 继续阅读 >