- 博客(77)
- 收藏
- 关注
RSS订阅原创 js获取当前日期格式 例如：2021-06-09
function getDateVal() { var newDate = new Date(); var year = newDate.getFullYear(); var month = newDate.getMonth() + 1; month = month > 9 ? month : "0" + month; var day = newDate.getDate(); day = day > 9 ? day : "0" + day; ...
2021-06-10 09:22:44
2091
原创 bootstrap列表相关类
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2021-06-10 09:21:41
1615
原创 li切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .tabChange li.active { background: #e0f0f8; color...
2021-06-10 09:21:19
141
原创 Echarts折线图遇到null值，段点怎么相连connectNulls: true
series: [ { data: [], type: "line", connectNulls: true }, { data: [], type: "line", connectNulls: true }]
2021-06-10 09:20:48
935
原创 li怎么去掉前面的点list-style:none
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>li{list-style:none;}/*这里设置*/</style></head><body><li></li><li&g...
2021-06-10 09:20:32
367
原创 localStorage存储对象
保存数据语法：localStorage.setItem("key", "value");读取数据语法：var lastname = localStorage.getItem("key");删除数据语法：localStorage.removeItem("key");
2021-06-10 09:20:10
107
原创 获取页面URL参数
// 获取URL参数function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { // return unescape(r[2]); return unescape(...
2021-06-10 09:19:06
116
原创 bootstrap文本相关类
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2021-06-09 16:47:33
115
原创 没有转义的字符串怎么渲染到前端页面上
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body id="body"> <div id="div"></div> </body> <script src="https://cdn...
2021-06-09 16:46:55
1053
1
原创 bootstrap表格相关类
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2021-06-09 16:43:38
101
原创 a标签去掉下划线text-decoration:none
<!doctype html><html><head><meta charset="utf-8"><title>去掉a标签的下划线</title><style type="text/css">a{text-decoration:none;}</style></head><body><a href="">我是a标签，我要去掉下划线&l.
2021-06-09 16:27:57
233
原创 layui中table固定列fixed:‘right‘
var tableData1 = [ { "id": 100, "username": "788", "sex": "89", "city": "78%", "sign": "45%", "experience": '56%', "logins": "24%", "wealth": 82830700, "classify": "示范区", "score": 57 }, { "id": 101, "username": "788", "sex": "89",...
2021-06-09 16:24:51
3512
原创 echarts 设置x轴间隔显示 interval: 1
var myChart12 = echarts.init(document.getElementById('chart12')); option12 = { color: ['#63AFF9'], xAxis: { type: 'category', data:["示范区", "禹王台区", "龙亭区", "顺河回族区", "鼓楼区", "祥符区", "杞县", "通许县", "...
2021-06-09 16:21:03
12660
2
原创 form表单置空（清空）
form表单置空（清空）$("#form")[0].reset() jquerydocument.getElementById("form")[0].reset() jsform是form表单的id
2021-06-09 16:01:38
1006
原创 bootstrap图片相关类
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2018-07-23 15:03:19
509
原创 bootstrap按钮相关类
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2018-07-23 14:58:25
238
原创 bootstrap案例3
1.html文件0-homework.html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet&qu
2018-07-23 14:55:22
339
原创 bootstrap案例2
1.html文件 01-exercise.html<!doctype html><html> <head> <title>网页</title> <meta charset="utf-8"> <style></style> &a
2018-07-23 14:49:58
209
原创 Bootstrap案例1
html文件 my_mediaQuery.html<!doctype html><html> <head> <title>网页</title> <meta charset="utf-8"> <style></style> &a
2018-07-23 14:44:51
225
原创 时钟动画例子
<!doctype html><html> <head> <title>网页</title> <meta charset="utf-8"> <style> #clock{ width:400px; height:400px
2018-07-23 14:38:37
335
原创 bootstrap全局CSS样式-按钮相关类
不同颜色按钮： .btn 基本按钮 .btn-danger 危险 .btn-success 成功 .btn-warning 警告 .btn-info 信息 .btn-primary 主要按钮 .btn-secondary 次要按钮 .btn-dark 黑色 .btn-light 浅色 .btn-l...
2018-07-23 14:36:27
512
原创 Bootstrap基本模板
<meta name="viewport" content="width=device-width,initial-scale=1.0"/> <link rel="stylesheet" href="css/bootstrap.css"/> <script src="js/jquery.min.js"&a
2018-07-23 14:32:15
215
原创 bootstrap注意
1.声明viewport元标签 <meta name="viewport" content="width=device-width, initial-scale=1.0"> viewport元标签： 早期3G手机为了浏览大尺寸网页，只能强行把网页缩小，导致图片，文字等变小。ios提出了“视口”，视口用于盛放网页内容，超过部分，可以滑动显示。 ...
2018-07-23 14:31:10
175
原创 CSS优化
1.尽量减少HTTP请求 2.页面顶部引入css文件 3.将css和js放到外部独立文件中 4.合并样式，减少样式重写 5.选择更优的选择器和属性来写样式 6.避免空src和href...
2018-07-23 14:21:12
115
原创 Bootstrap 组件---折叠
<!--控制内容的隐藏和显示，在<a>或<button>元素上添加data-toggle="collapse"属性。data-target="#id"属性是对应折叠的内容。 注意：<a>元素上可以使用href属性来代替data-target属性。 ex: <a href="#demo1" class="b
2018-07-21 09:14:55
194
原创 Bootstrap 组件案例—导航栏
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/&am
2018-07-21 09:14:46
538
原创 Bootstrap 组件---折叠导航栏
<!--要创建折叠导航栏，需要在按钮上添加navbar-toggler,data-toggle="collapse"与data-target="#id"，然后在设置了class="collapse navbar-collapse"类的div上包裹导航内容（链接），div元素上的id匹配按钮data-target的上指定的id。--><!DOCTYPE html>...
2018-07-21 09:14:36
6621
原创 Bootstrap 组件---卡片
<！--通过.card与.card-body类来创建一个卡片 .card-header类用于创建卡片头部 .card-footer类用于创建卡片底部 <div class="card"> <div class="card-header">头部</div> <div class="car
2018-07-21 09:14:17
3542
1
原创 Bootstrap 组件案例---手风琴：折叠和卡片
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/&g
2018-07-21 09:13:52
1062
原创 Bootstrap 组件---导航栏
<!--使用.navbar类创建导航栏，后面紧跟.navbar-expand-xl/lg/md/sm类来创建响应式的导航栏（大屏幕铺开显示，小屏幕垂直堆叠） 导航栏上的选项可以使用<ul>元素并添加navbar-nav类，然后在<li>元素上添加nav-item类，<a>元素上使用nav-link类--><!DOCTYPE htm...
2018-07-20 18:51:17
276
原创 Bootstrap 组件---导航（胶囊导航）
<!--使用.nav-pills类可以将导航设置为胶囊形状。 胶囊动态设置需要将data-toggle属性设置为data-toggle="pil--><!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <
2018-07-20 18:47:04
2630
原创 Bootstrap 组件---导航（选项卡导航）
<!--使用.nav-tabs类可将将导航转换为选项卡 如果要设置选项卡动态可切换，可以在每个链接上添加data-toggle="tab"属性，然后在每个选项对应的内容上添加.tab-pane类 <ul class="nav nav-tabs"> <li class="nav-item"> <a..
2018-07-20 18:45:38
2464
原创 Bootstrap 组件---导航（水平/垂直导航）
<!-- 创建一个简单的水平导航栏，可以在<ul>元素上添加.nav类，在每个<li>选项上添加.nav-item类，在每个链接上添加.nav-link类。 <ul class="nav"> <li class="nav-item"> <a class="nav-li
2018-07-20 18:35:42
7309
原创 Bootstrap 组件---信息提示框
<!—<div class="alert alert-* alert-dismissible"> <span data-dismiss="alert" class="close">X</span></div>--><!DOCTYPE html>&l
2018-07-20 18:24:43
1007
原创 Bootstrap 组件---按钮组
<!--在<div>元素上添加.btn-group类来创建按钮组。 <div class="btn-group"> <a class="btn btn-success">按钮1</a> <a class="btn btn-danger">按钮2<
2018-07-20 18:20:27
259
原创 Bootstrap 组件---下拉菜单
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2018-07-20 18:19:08
157
原创 Bootstrap 表单例子
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2018-07-20 18:10:47
1263
原创 Bootstrap 表单
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2018-07-20 18:09:25
271
原创 Bootstrap弹性布局
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
2018-07-20 18:07:35
1805
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人