前端
关注
分享
扫一扫
java后端指南
公众号:java后端指南
展开
-
JQuery简单语法
文章目录JQuery代码写在里面：选择器元素选择器：id 选择器.class 选择器更多实例：事件单击双击HTML，设置内容和属性设置内容 - text()、html() 以及 val()text()、html() 以及 val() 的回调函数设置属性 - attr()修改多个属性：attr() 的回调函数添加元素JQuery代码写在里面：$(function(){ // 开始写 jQ...原创 2020-04-26 10:56:35 · 218 阅读 · 0 评论 -
用vue cli搭建项目脚手架
1、vue create test_demo选最后那个自定义就好了选这两个就够了，然后回车输入n就好了选这个就好了可以保存也可以不保存，我选择不保存，保存之后下次可以直接用这个配置来生成项目出现下面这个表示安装成功浏览器访问：http://localhost:8080，就可以看到页面...原创 2021-08-14 18:39:00 · 133 阅读 · 0 评论 -
前端希望div标签可以编辑
加上这个contenteditable="true"属性就可以了<div class="mitem textarea txt1" contenteditable="true"></div>原创 2021-06-08 18:19:57 · 186 阅读 · 0 评论 -
vue脚手架目录结构
https://www.cnblogs.com/hongdiandian/p/8311645.html原创 2021-05-08 16:28:28 · 170 阅读 · 0 评论 -
pdf.js进行pdf的预览操作
pdf.js是PDF在线浏览插件，使用方法如下:一、下载pdf.jshttps://mozilla.github.io/pdf.js/插件是需要上传至服务器才可以正常运行，在本地搭建环境或直接上传到服务器。二、访问http://127.0.0.1:8848/test/web/viewer.html这里指定的是某个文件的预热访问之后可以进行预览和下载文件操作记住这里有一些小bug,如果电脑安装了idm的下载工具会导致无法预览，一直弹出下载界面，将idm工具关闭就可以解决了参考：https原创 2021-03-29 17:20:09 · 591 阅读 · 0 评论 -
解决集成 editor.md编辑器时，报 editormd is not defined的解决办法
这是我在springboot中整合editor.md编辑器之后出现的问题解决办法：jquery的依赖需要放在最前面，因为这个Markdown编辑器是依赖jQuery的原创 2021-01-25 11:40:15 · 1556 阅读 · 0 评论 -
jq动态绑定无效的原因
我在前端写一个动态绑定单击事件的方法但是无效，后面才发现这个方法应该写在success方法里面去$.ajax({url:"",type:"post",dataType:"json",success:function(data){...... //根据类选择器来进行动态绑定，一定要写在success方法里$(".type").on("click",function(){})}})...原创 2021-01-13 19:23:04 · 197 阅读 · 0 评论 -
js根据后端返回过来的json对象数组的多个属性过滤
在做项目过程中碰到一个问题，就是前端需要对json数据按照某种规则进行排序，这时候就难倒我了，说实话，我对前端不太熟,但是也是深深的学习了一下这个排序我在java的集合对象排序中见过，所以在js中就比较快了var result=[ {id:"PJY2020006",name:'VAT-C-1'}, {id:"PJY2020004",name:'VAT-S-2'}, {id:"PJY2020003",name:'VAT-S-3'}, {id:"PJY2020005".原创 2020-11-13 14:16:03 · 923 阅读 · 0 评论 -
ajax携带请求头，后端的拦截器无法拿到请求头的原因
环境springbootajax谷歌浏览器我看了网上很多文章，都是说ajax会发送一个预检请求，然后发送的是OPTION的方法，不会携带任何数据，所以需要放行这个预检请求，但是我自己走断点看，他第一个请求都是GET方法，我不知道为什么我用的是谷歌浏览器来发送请求头的，然后就出现一个非常奇怪的问题，拦截器拿不到请求头，但是控制器可以拿到请求头的数据,我试了很久，然后我换IE浏览器，将他的安全级别设置最低，然后就可以拿到请求头了，神奇的事情发生了，我的谷歌浏览器也可以了拦截器代码：@Overr原创 2020-11-09 14:03:07 · 1811 阅读 · 0 评论 -
ajax向后端发送数组参数
$.ajax({ url:"/user//deleteByIds", type:"POST", data:{"id":arr}, dataType:"text", success:function (data) { if (data==true){ alert(.原创 2020-11-08 14:05:31 · 292 阅读 · 0 评论 -
bootstrap-table入门实战
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 1、Jquery组件引用--> <script src="js/jquery.js"></script> <!-- 2、bootstrap组件引用--> <!-- 新 Bootstrap 核心 CSS 文件 --原创 2020-11-06 15:08:20 · 317 阅读 · 0 评论 -
HTML获取链接中的参数(解决中文乱码问题)
js方法decodeURI() //解码encodeURI() //编码var name= decodeURI(GetQueryString("name"));alert("日记名称:"+name);Java方法:java.net.URLDecoder.decode(URIString, "UTF-8"); //按照utf-8进行解码java.net.URLEncoder.encode(URIString, "UTF-8"); //按照utf-8进行编码...原创 2020-08-02 14:37:02 · 489 阅读 · 0 评论 -
js表单验证
原创 2020-07-31 11:39:42 · 114 阅读 · 0 评论 -
动态获取数据填充到echarts图表中
<script src="jquery/echarts.min.js"></script> <script src="jquery/jquery-1.12.4.min.js"></script> <script> function avgScoreIcon(json) { var fNames=new Array(); var totalMoney=new Array(原创 2020-07-18 15:10:04 · 1057 阅读 · 0 评论 -
动态绑定
当绑定按钮是动态变化的，就需要用动态绑定$("#tb").on("click",st,function (event) { //alert($(this).attr("value")); $.post("FilmServlet?method=deleteByFid", {"fid":$(this).attr("value")}, f原创 2020-07-18 15:04:31 · 276 阅读 · 0 评论 -
ajax返回map的json数据，如何遍历
返回如下json数据格式：1: 492: 493: 494: 49遍历： success:function (jp) { console.log(jp) for(var key in jp){ console.log(key);//键 console.log(jp[key]);//值 }原创 2020-07-18 15:00:54 · 751 阅读 · 0 评论 -
Echarts显示数据
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ float: left; } table{ } </style> </head> <script src="../js/jquery-1.原创 2020-07-15 16:26:55 · 422 阅读 · 0 评论 -
ajax上传表单数据，包含文件
前端代码：<script> $(function () { $("#btn").click(function () { var formData=new FormData($("#Form")[0]); $.ajax({ async : false, cache : false, type : "post",原创 2020-07-15 16:03:05 · 250 阅读 · 0 评论 -
前端传值小技巧
原创 2020-07-15 16:00:20 · 125 阅读 · 0 评论 -
java后端已经返回了数据，但是前端无法获取数据，不会进入success里面
ajax发送请求，拿不到回调数据原因：我前端是a标签进行了ajax数据请求，但是没有取消a标签的冒泡事件，只需要取消就好了 $("#tb").on("click",st,function (event) { //alert($(this).attr("value")); $.post("FilmServlet?method=deleteByFid", {"fid":$(th.原创 2020-07-14 22:45:07 · 4225 阅读 · 0 评论 -
jq获取当前链接上带的参数
// 获取链接上的参数function GetRequest(value) { //url例子：www.bicycle.com?id="123456"&Name="bicycle"； var url = decodeURI(location.search); //?id="123456"&Name="bicycle"; var object = {}; if (url.indexOf("?") != -1)//url中存在问号，也就说有参数。 { var原创 2020-07-13 14:59:56 · 787 阅读 · 0 评论 -
ajax跨域处理
前端：<script src="js/jquery-1.12.4.min.js"></script> <script> $(function(){ $.ajax({ url:"http://localhost:8080/ajaxServlet", method:"get", data:{"name":"123"}, dataType:"jsonp", jsonp: "jsonpCallback",//服务端用于接收ca原创 2020-07-12 12:10:14 · 139 阅读 · 0 评论 -
js解析json数据
JSON字符串转换为JSON对象//由JSON字符串转换为JSON对象 var obj = eval('(' + str + ')');或者var obj = str.parseJSON(); //由JSON字符串转换为JSON对象或者var obj = JSON.parse(str); //由JSON字符串转换为JSON对象使用： Alert(obj.name); Alert(obj.sex);JSON对象转化为JSON字符串 var last=obj.toJSONS原创 2020-07-05 22:43:16 · 134 阅读 · 0 评论 -
jq的ajax技术
回调函数如果要处理 $.ajax() 得到的数据，则需要使用回调函数：beforeSend、error、dataFilter、success、complete。beforeSend在发送请求之前调用，并且传入一个 XMLHttpRequest 作为参数。error在请求出错时调用。传入 XMLHttpRequest 对象，描述错误类型的字符串以及一个异常对象（如果有的话）dataFilter在请求成功之后调用。传入返回的数据以及 “dataType” 参数的值。并且原创 2020-07-05 22:25:04 · 119 阅读 · 0 评论 -
原生js的ajax技术
同步和异步同步阻塞现象：请求顺序和响应顺序一致.客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待卡死状态.好比排队打饭.排队前面的,先拿请求顺序和响应顺序一致到饭.按F5刷新网页.如果网页报文没获取到,下次刷新需要等待.异步非阻塞现象：请求顺序和响应顺序允许不一致.客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随意做其他事情，不会被卡死.当响应数据获取完毕后,通过回调方式通知客户端.好比银行取号办事情.拿完号后可以任意走动.结论:异步非阻塞的用户体验更好..原创 2020-07-05 22:18:21 · 125 阅读 · 0 评论 -
bootstrap基础
栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格参数：水平排列<div class="row"> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col原创 2020-06-21 21:44:08 · 260 阅读 · 0 评论 -
jquery里面的循环遍历
jquery循环：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script> <script type="tex原创 2020-06-21 20:11:35 · 709 阅读 · 0 评论 -
获取点击的td在第几行
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascri原创 2020-06-21 19:42:07 · 760 阅读 · 0 评论 -
css样式学习
文章目录样式表：内联样式(行内样式)嵌入式样式表（页内样式）外部样式选择器元素选择器类选择器ID选择器包含选择器并列选择器全后代选择器直接后代选择器超链接定位属性样式表：内联样式(行内样式)属性名为style举例:<p style=“”></p>嵌入式样式表（页内样式）<style type=“text/css”>p{}</style>外部样式不需要style标签<link rel=“stylesheet” href=“” /原创 2020-06-21 15:42:06 · 164 阅读 · 0 评论 -
html实现图片自动切换
<!DOCTYPE html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片轮换</title> </head><body> <img src="1.jpg" id="image" width="234" height="301" ></body><script>原创 2020-06-14 18:55:51 · 15420 阅读 · 7 评论 -
html简单归纳
文章目录HTML5二、排版标签2.1 标题标签2.2 段落标签2.3 水平线标签3.1 div 标签3.2 span 标签4. 链接标签5. 图片标签6. 列表标签6.1 ul 标签6.2 li 标签6.3 ol 标签7. 表格标签-对齐7.1 table 标签7.2 tr 标签7.3 th 标签7.4 td 标签-格子colspan 属性rowspan 属性7.5 caption 标签7.6 thead 标签7.7 tbody 标签7.8 tfoot 标签8. 表单标签-提交8.1 form 标签8.2原创 2020-06-13 14:55:12 · 227 阅读 · 0 评论