前端
狂奔的黑驴
这个作者很懒,什么都没留下…
展开
-
Ajax 两种请求方式的区别onload和onreadystatechange
一. onreadystatechange1. XMLHttpRequest对象有一个属性readyState,将其(xhr.readyState)打印后发现。进入onreadystatechange请求方式中时,可以打印其状态为2,状态为3,状态为4。<button id="btn">请求纯文本</button> <script> let btn = document.getElementById('btn'); .转载 2020-06-05 09:07:56 · 8281 阅读 · 0 评论 -
手动添加echars map的区域信息
登录网站,http://geojson.io/#map=11/35.8114/119.9580画出自己想要的区域,右侧会展示出对应的数据。然后复制添加到地图js文件里就ok了原创 2019-11-18 12:02:14 · 130 阅读 · 0 评论 -
font-size: 0的作用
font-size: 0 这个并不是指 字体大小是0px代码自动格式化的时候,往往会设置一些适当的缩进、换行,但当元素的display为inline或者inline-block的时候,这些缩进、换行就会产生空白,导致前端页面展示变形。为了解决因为缩进、换行而产生的问题。以ul和li为例:最合适的方法就是给li的父级ul设置: font-size: 0;font-size: 0 。...原创 2019-11-16 16:33:23 · 402 阅读 · 0 评论 -
leafletjs 地图样例
<!DOCTYPE html><html><head> <title>Leaflet1</title> <meta charset="utf-8"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leafl...原创 2019-10-30 18:01:48 · 1254 阅读 · 0 评论 -
往table的td中动态添加html代码
$('td').html('要添加的html代码');原创 2018-06-28 15:14:28 · 9515 阅读 · 1 评论 -
datatable 动态更新数据,并重绘
var dataList=[]; //需要更新到table的新數據 function reloadData(dataList) { var currentPage = realTable.page(); //该行是固定写死的 realTable.clear() ;//清理原数据 realTable.rows.add(da...原创 2018-07-06 15:44:57 · 13610 阅读 · 1 评论 -
datatable 隔行换色
// even 就是 查找表格的1、3、5...行(即索引值0、2、4...)// odd 查找表格的2、4、6行(即索引值1、3、5...)//tr 是固定写死的$(funtion(){ $("tr:even").css("background-color", "#ccc");}) $("tr:odd"); 查找表格的2、4、6行(即索引值1、3、5...)...原创 2018-07-06 17:43:45 · 2947 阅读 · 0 评论 -
accept 和 content-Type区别
accept表示 客服端(浏览器)支持的类型,也是希望服务器响应发送回来的的数据类型。例如:Accept:text/xml; ,也就是希望服务器响应发送回来的是xml文本格式的内容区别:1.Accept属于请求头, Content-Type属于实体头。 Http报头分为通用报头,请求报头,响应报头和实体报头。 请求方的http报头结构:通用报头|请求报头|实体报头 响应方的htt...转载 2018-11-14 16:44:13 · 510 阅读 · 0 评论 -
bootstrapTable 页面上删除数据 方法(不是后台删除数据)
1:添加一个【操作】列 { title: "操作", align: 'center', valign: 'middle', width: 160, // 定义列的宽度,单位为像素px formatter: function (value, row, index) { //传入数据 return '<button class...原创 2018-12-20 13:14:10 · 7797 阅读 · 2 评论 -
js中抛出异常,并捕获异常
<script type="text/javascript"> debugger; try { throw new Error("手动抛出异常!"); } catch (e) { alert(e.name + ": " + e.message); }</script>...原创 2019-03-18 09:43:14 · 10239 阅读 · 0 评论 -
easyui 的 datagrid 添加复选框,并获取选中数据
html中:<table id="datagrid_id"></table>js中:定义datagrid:var datagrid = $('#datagrid_id').datagrid({ url: "/exception/findReturnGoods", fit: true, singleSelect: false,/...原创 2019-03-18 16:35:22 · 6587 阅读 · 1 评论 -
JavaScript中遍历数组 最好不要使用 for in 遍历
JavaScript中遍历数组 最好不要使用 for in 遍历先看一段代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 &转载 2018-07-09 09:38:03 · 270 阅读 · 0 评论 -
js中正则表达式判断是否是数字
function isNumber(val){ var regPos = /^\d+(\.\d+)?$/; //非负浮点数 var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //负浮点数 if(regPos.test(val)...原创 2018-06-25 14:52:58 · 4025 阅读 · 0 评论 -
js中去掉字符串中的空格
1、 去掉字符串前后所有空格:代码如下:?1234function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 说明: 如果使用jQuery直接使用$.trim(str)方法即可,str表示要去掉前后所有空格的字符串。 2、 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g)代码如下:?1234567...转载 2018-06-29 16:15:54 · 1569 阅读 · 0 评论 -
jquery 的$.fn
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了. 那么你可以这样子:$("#div").abc(); jQuery为开发插件提拱了两个方法,分别是: jQuery.extend(object);为扩...转载 2018-06-04 18:44:57 · 141 阅读 · 0 评论 -
select2 插件添加选项 设置默认值
1:使用ajax获取数据 $('selectid').select2({ ajax: {url: "https://api.github.com/search/repositories",dataType: 'json',data: function (params) { var query = { //请求的参数, 关键字和搜索条件之类的search: params.te...原创 2018-06-05 10:55:01 · 5640 阅读 · 0 评论 -
select2 插件 获取多选和单选选中值。value和text
一:获取select2选中项option的value和text,多选用jsonarry格式返回 单选: //该方法也可以获取多选的数据,但是val 是以list返回的,而text会以一条字符串返回。 var val= $('#company_kh').val(); var text=$('#company_kh option:...原创 2018-06-12 18:02:28 · 13638 阅读 · 0 评论 -
输入框的回车事件
//bind 可以换成on$('#inputtext').bind('keypress',function(event){ //13 代表的是回车健 if(event.keyCode == 13) { alert('你点击了回车'); } });...原创 2018-06-06 11:08:32 · 2252 阅读 · 0 评论 -
label中文本靠右
<label style="text-align:right">label文本内容</label>原创 2018-06-07 10:34:42 · 6550 阅读 · 0 评论 -
通过超链接(a标签)和js代码打开链接
一.超链接方法打开链接: <a target="_blank” href="https://www.baidu.com" title="百度">百度</a> 通过设置target属性控制页面打开位置,具体参数如下:_blank:浏览器总在一个新打开、未命名的窗口中载入目标文档。_self:这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档...原创 2018-06-14 11:39:21 · 4480 阅读 · 0 评论 -
radio 标签使用,并通过jquery获取值
<input type="radio" name="radioname" value="1" checked="true" />是 <input type="radio" name="radioname" value="0" />否 var radioVaule = $("input[name='rad原创 2018-06-07 13:51:50 · 599 阅读 · 0 评论 -
内边距(padding)/外边距 (margin)
margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。(外边距) padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。(内边距)...原创 2018-06-22 10:33:11 · 2847 阅读 · 0 评论 -
textarea 相关设置
1:设置行间距//使用line-height: 1.5设置行间据,注意1.5不是1.5px。<textarea style="line-height: 1.5;height: 100px;" rows="3" cols="25"></textarea>2:设置提示内容,并换行( )是unicode编码集中的换行<textarea...原创 2018-06-22 10:52:37 · 13112 阅读 · 0 评论 -
js中定义json并赋值
var json={};json.id='1';json.name='test';alert(json);//将json格式的string转换成jsonJSON.stringify(data),原创 2018-06-22 10:56:16 · 41525 阅读 · 0 评论 -
html img 图片等比例缩放
//其中0.8表示图片尺寸变成原来的80%style="transform:scale(0.8)原创 2018-06-23 18:20:38 · 38669 阅读 · 2 评论 -
datatable插件添加checkbox,并获取选中行的json格式的信息
在datatable的columns中添加选择框 //title中也添加选择框,用于全选 { 'title':' <input type="checkbox" class="checkall"/>', "sClass": "text-center", "d...原创 2018-06-04 17:41:00 · 6021 阅读 · 0 评论