前端
关注
分享
扫一扫
文章平均质量分 93
知否技术
这个作者很懒，什么都没留下…
展开
-
前端2年经验，你居然不知道ES6
1. 啥是 ES6？在学习 ES6 之前，我们先了解一下啥是 ES。ES 全称 ECMAScript，它是由欧洲计算机协会(ECMA)制定的一种脚本语言的标准化规范。这家伙说白了就是给 JavaScript 制定的一种语法规范，你写 js 的时候如果按照 ES6 中的规范去写，写的代码不仅简洁而且效率很高。ES6 发行于 2015 年 6 月，由于这个版本的语法规范极大地提高了前端开发人员的效率，所以在前端圈子中流行开来，时至今日热度依旧不减。2. let 和 const2.1 letlet原创 2022-05-15 18:25:16 · 358 阅读 · 0 评论 -
登录页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...原创 2019-12-29 14:56:15 · 732 阅读 · 0 评论 -
HTML | CSS笔记
1. 锚点 <a href="#a1"> <p id="a1"></p>2.radio如果是一组，我们必须命名相同的名字，这样就可以多选一。3.注册按钮可以是图片 <input type="image" src="xxx.png">4.多类名选择器<div class="font1 font2"></div> 多...原创 2019-12-28 23:19:14 · 215 阅读 · 0 评论 -
表格 table
<!--cellpadding:文字与表格内部间距，align:center;居中--> <table width="500" border="3" cellpadding="6"> <caption>个人信息表</caption> <tr > <th >文章...原创 2019-12-28 14:33:55 · 221 阅读 · 0 评论 -
CSS初始化
目的：兼容不同浏览器的CSS样式雅虎工程师提供的CSS初始化示例代码body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#f...原创 2019-12-27 16:29:42 · 176 阅读 · 0 评论 -
DIV宽度问题
DIV只设置高度，宽度默认浏览器宽度DIV只设置高度，添加浮动，宽度为0。设置width:100%;为浏览器宽度。原创 2019-02-18 18:22:27 · 749 阅读 · 0 评论 -
鼠标样式 cursor
span { cursor:Pointer;小手指 cursor:move; 十字光标 cursor：text; 竖杠 cursor:wait; 旋转的圆}原创 2019-02-18 22:52:19 · 579 阅读 · 0 评论 -
超出宽度的文字隐藏
li { white-space:nowrap; 强制不换行 over-flow:hidden; 超出的文字部分隐藏 text-overflow:ellipsis; 超出部分省略号代替}原创 2019-02-18 22:55:10 · 548 阅读 · 0 评论 -
下拉列表多选插件
Bootstrap Multiselect官网：http://davidstutz.de/bootstrap-multiselect/<!-- Include Twitter Bootstrap and jQuery: --><link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>...原创 2019-03-05 16:44:31 · 460 阅读 · 0 评论 -
前台封装json字符串
var saobei={}; saobei["merchant_no"]=$("#merchant_no").val(); saobei["terminal_id"]= $("#terminal_id").val(); saobei["gatewayUrl"]= $("#gatewayUrl").val(); saobei["signKey"]=$("#signKey").val()...原创 2019-05-08 13:51:13 · 430 阅读 · 0 评论 -
点击DIV显示改变边框颜色
div{ width:200px; height:100px; border:1px solid #ccc;}div:hover{ border:1px solid #f40; z-index:1; 或者position:relative;}原创 2019-02-18 08:12:34 · 5223 阅读 · 0 评论 -
叠放次序（z--index）
当对多个元素同时设定定位时，定位元素之间可能会发生重叠。z-index默认值是0,取值越大，叠放次序越高(越在上面)原创 2019-02-18 08:04:55 · 809 阅读 · 0 评论 -
javascript实现删除前弹出确认框
<a href="user/delete?user_id=${status.index+1}" onclick="return del( );"> <script type="text/javascript"> function del(){ if(confirm('确认要删除？')) { return true; ...原创 2018-04-11 14:21:38 · 1609 阅读 · 0 评论 -
解决HTML四周空白问题
我们在写html的时候会遇到页面周围有空白的情况，如下图其实，解决这个问题很简单，只要从三个地方去想就对了，margin 、padding 和 border ，于是我在style中加入了下面代码： *{ padding:0px; margin:0px; border:0px; }完美解决！耶！...原创 2018-04-04 11:12:04 · 3242 阅读 · 0 评论 -
DIV+CSS
CSS三种引入方式:1--行间样式表(内联样式)<div style="……"></div>2--内部样式表<style>选择器｛属性：属性值｝</style> 3--外部样式表<link href="style.css" rel="stylesheet“ type=“text/css”/&原创 2018-09-10 17:58:03 · 252 阅读 · 0 评论 -
单选框radio控制div的显示和隐藏
$("#limit").css({"display":"none"}); $("input[type=radio][name='dateType']").change(function(){ var v = $(this).val(); if (v =="1"){ $("#limit").hide(800); }else{ $("#limit&quo原创 2018-12-17 10:18:53 · 3374 阅读 · 0 评论 -
项目中遇到的问题
解决日期格式问题: ${(growthPlan.startDate)?string("YYYY-MM-dd")}解决多表关联问题：var allStoreArea = {};<#if storeAreaList?? && storeAreaList?size gt 0> <#list storeAreaList as storeAre...原创 2018-12-24 18:39:11 · 302 阅读 · 0 评论 -
Ajax加载数据
$.ajax({ url : '${base}/admin/warning/stock/lowerLimit/lowerData?t='+Math.random(), dataType: "json", async:false, success:function(data){ $('#lowerNum').text(data); } });原创 2019-01-09 17:28:02 · 419 阅读 · 0 评论 -
CSS清除浮动
清除浮动：1：父DIV不设置高度，子DIV设置高度，父DIV会被子DIV撑开2：子DIV设置浮动，父DIV的高度会变成0 方法1：在浮动的DIV后面添加： <div style="clear:both"></div>方法2：给父DIV设置样式： overflow:hidden;...原创 2019-02-16 13:37:40 · 201 阅读 · 0 评论 -
DIV定位
固定定位：position : fixed;特点：位置不变，不占位置，只以浏览器进行定位。相对定位：position : relative;特点：相对于自己原来的位置进行定位，利用top,left,right,botytom 进行移动，定位后仍然占据自己原来的位置。绝对定位：position : absolute特点：相对于离自己最近并且已经定位的元素进行定位，利用top,...原创 2019-02-17 17:24:47 · 2007 阅读 · 0 评论 -
定位的盒子居中对齐
注意：加了定位和浮动的DIV，margin：0 auto；失效水平居中：div{ width:200px; height:100px; position:absolute; left:50%; margin-left:-自己宽度的一半；}垂直居中：div{ width:200px; height:100px; posi...原创 2019-02-17 17:43:00 · 616 阅读 · 0 评论 -
BootStrap快速入门
首先进入BootStrap官网下载源文件，然后在HTML里面引入三个文件bootstrap.min.css，jquery-3.3.1.min.js，bootstrap.min.js。顺序不能乱！因为bootstrap.min.js是基于jquery的。<!DOCTYPE html><html lang="en"><head> <meta...原创 2018-03-16 23:16:15 · 1624 阅读 · 0 评论