前端开发
Chgl16
这个作者很懒,什么都没留下…
展开
-
css让div居中显示
绝对居中.xx_div { position: absolute; /* left, right, bottom, top要和position一起使用,margin-*不用 */ top: 0; left: 0; right: 0; bottom: 0;}这样div框就会绝对显示在网页中间 浮动居中float只有left和ri...原创 2018-10-12 18:57:54 · 12393 阅读 · 0 评论 -
Js动态HTML字符串拼接法加载数据
描述有时候前端请求获取到了数据,比如是一个要显示的表格数据。js动态加载显示方法有两种。1. 动态创建元素,配置属性,加入母元素标签(编码量多)2. HTML字符串拼接,替换为母元素innerHTML(高效)方法方法一可以参考 =>Js动态给表格节点tbody添加数据方法二也就是字符串拼接如下案例: var tdHtml = ""; for (va...原创 2018-12-01 13:20:21 · 6734 阅读 · 0 评论 -
JavaScript使用FormData数据交互
描述很多时候提交文件到后台可以一边是使用form表单,而且encrypt要设置为multipart二进制流。而如果使用ajax交互,给后台发送图片文件的话,可以使用内置的FormData对象。简单好用使用$(".post_btn")[0].onclick = function() { // 设置要提交的店铺id $("input[name='id']").val(loc...原创 2018-12-01 15:22:56 · 723 阅读 · 0 评论 -
Spring MVC控制器返回HTML代码, JavaScript打印HTML代码
描述比如支付宝的支付接口调用的动态生成的跳转页面,后台需要返回给前端打印跳转支付<form name="punchout_form" method="post" action="https://openapi.alipaydev.com/gateway.do?charset=utf-8&method=alipay.trade.page.pay&原创 2018-12-01 15:41:44 · 3826 阅读 · 0 评论 -
JavaScript定时器setInterval()只执行一次解决方法
解决function showTime() { var now = new Date().Format("yyyy-MM-dd hh:mm:ss"); $('.active-chat')[0].innerHTML += '<div class="conversation-start">' + ...原创 2018-12-26 19:41:28 · 4894 阅读 · 0 评论 -
Sping Boot 页面css无法加载 because its MIME type ('application/json') is not a supported stylesheet ...
错误描述Refused to apply style from 'http://localhost:8080/static/css/login.css' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled....原创 2018-12-19 11:45:54 · 88600 阅读 · 5 评论 -
CSS为input标签不同类型分别设置样式
如为以下不同类型的<input>标签分别设置样式,而不想用额外的class或者id <div id="create-div"> <form action="./create.do" method="post"> <input type="text" name="id" placeholde原创 2019-01-28 17:17:26 · 12444 阅读 · 1 评论 -
盒子模型差异
差异IE和W3C盒子模型差异如下:W3C盒模型:width = content.width;heigth = content.heigthIE盒模型:width = content.width + border * 2 + padding * 2 + margin * 2; height = content.height + border * 2 + padding * 2 +...原创 2019-02-24 10:22:12 · 356 阅读 · 0 评论 -
JavaScript事件冒泡和事件捕获
概念 事件冒泡和事件捕获是为了解决页面中事件发生的顺序(事件流)问题提出的。两者的顺序完全倒置。事件冒泡是微软提出的。认为发生顺序是从内到外(如泡泡从底网上泡)。而事件捕获是网景提出的,认为发生顺序是从外到内。如下代码:<!DOCTYPE html><html><head> <title>test</title></...原创 2019-02-24 10:59:48 · 325 阅读 · 0 评论 -
HTML之 select 标签如何获取其选中的 option 子标签
<select>、<option>标签格式<select class="dropdown-menu"> <option value="title" role="presentation">书名</option> <option value="type" rol原创 2018-11-26 19:47:53 · 3046 阅读 · 0 评论 -
Form表单获取后台返回数据
问题 &amp; 描述一般的form表单提交是单向的:只能给服务器发送数据,但是无法获取服务器返回的数据,也就是无法读取HTTP应答包。想要真正的半双工通讯一般需要使用Ajax, 但是Ajax对文件传输也很麻烦。解决方法jQuery封装了一个form表单提交有回调功能的方法导入jquery.jsjquery-form.js如下: 一个上传文件的form &lt;fo...原创 2018-11-08 20:25:42 · 15046 阅读 · 0 评论 -
简单实现前端选择上传图片并显示略缩图
效果实现代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>修改信息</title> <script> /** * 显示选择上传的图片略缩图原创 2018-11-07 23:58:39 · 5686 阅读 · 0 评论 -
localStorge----前端页面跳转传递数据,无需交互
需求有时候我们想仅仅在前端页面href跳转到另一个页面,不用后台交互,但是想传一些数据给新页面显示(仅前端实现)。案例例如这些显示不全的单元格信息,想要点击打开一个新网页详细显示,但是不会再和后台交互那么麻烦。解决方法 — localStorge使用localStorge,思想和后台的HttpSession很像localStorge的API和语法介绍只读的localStor...原创 2018-10-17 21:48:20 · 1117 阅读 · 0 评论 -
后台管理实现分页显示----核心分页对象
需求实现简单的分页管理数据的页面功能,类似下面采用物理分页方式:即每打开一页都交互从后台取回需要页数据同时也有逻辑分页方式,就是一次交互,后台把所有的所有页面数据一起发过来,前端自己分页显示。虽交互简单,但也不没了实时性,不提倡。解决方法物理分页,交互核心对象Pagepackage xyz.cglzwz.bean;import java.util.List;/** *...原创 2018-10-17 22:27:42 · 2232 阅读 · 1 评论 -
HTML table表格td固定继承宽度,过长换行显示,不允许自动加长
table { border: #f2d69c 10px groove; width: 95%; padding: auto; margin-left: 2.5%; margin-right: 2.5%;}设置成这样如果数据很长的话,会突破95%长度 添加下面的样式设置即可解决td { /* 保证数据不会挤爆拉长表格宽度...原创 2018-10-13 15:11:49 · 4142 阅读 · 0 评论 -
JS, JQuery修改HTML元素value和innerHTML
原生JS修改 valuedocment.getElementById('id').value = "修改的内容";// input输入框要这样修改才生效docment.getElementById('id').setAttribute('value', "修改的内容"); 修改 innerHTMLdocument.createElement('id').inn...原创 2018-10-13 20:31:34 · 15149 阅读 · 0 评论 -
Js动态给表格节点tbody添加<td>数据
/** * 动态<td>填充当前页 */function fillPage() { // 根据记录数确定要生成的行数 for (var i = 0; i != dataArray.length; ++i) { // 创建一个行元素 var row = document.createElement('tr'); ...原创 2018-10-14 19:56:31 · 18693 阅读 · 0 评论 -
cookie实现记得状态免登陆
cookie是保存在浏览器的一段小信息,基本对象是url可以仅仅在前端js处实现保留登录状态核心代码/** * cookie操作基本函数 * cookie的key-value使用"cphone"="xxxx" * * @author chgl16 * @date 2018.10.18 */// 如果有登录框存在,默认把它隐藏掉$("#dialog-login").hid..原创 2018-10-19 10:00:07 · 1857 阅读 · 0 评论 -
table表格 <td> 定宽定高显示的有效方法
待解决问题想要让这个图片的第一条记录和其他其他两条记录的高度一直 (定宽度预先设置好了)理想效果(需求)就是每个字段的值太长显示不了可以自动隐藏起来__…__,只显示那么高,不会有另外起一行的变化。...原创 2018-10-16 21:37:18 · 11978 阅读 · 0 评论 -
HTTP GET请求URL设置和交互
GET请求要传递的参数都在URL里,不在请求体中如有以下URL:xxxx/login?username=52318&code=8888格式是:/请求名?参数1=值1&参数2=值2那么后台的URL截取配置为login请求名即可注解配置:@RequestMapper("/login")或者web.xml配置<url-pattern>/login<...原创 2018-10-20 15:37:55 · 1275 阅读 · 0 评论 -
前端的一些特殊情况
1. <p>标签无法内嵌<div>标签1.内联标签无法嵌套块状标签2.块状标签可以嵌套内联标签和块状标签p标签是块状,但是是特例。里面不能嵌套块状标签,如div标签。<p> <div>xxxx</div></p>以上在浏览器会被解析成<p> </p><原创 2019-02-20 11:24:09 · 220 阅读 · 1 评论