前端css
青梅煮酒论英雄
你以为的你以为的就是你以为的吗
展开
-
前端性能优化xmind
原创 2021-12-03 16:16:28 · 164 阅读 · 0 评论 -
CSS--BFC
块级格式化上下文BFC的布局规则内部的box会在垂直方向一个一个的放置box的垂直方向的距离由margin决定,属于同一个BFC的相邻BFC margin会发生重叠BFC的区域不会与float box重叠计算BFC的高度时,浮动元素也参与计算如何创建BFCoverflow: 不为visible( hidden)float的值不是nonedisplay的值是inline-block、table-cell、flex、table-caption或者inline-flexposition的原创 2020-11-09 16:45:31 · 112 阅读 · 0 评论 -
animation, transition动画效果区别(transform, translate)
animation:配合@keyframe两者的name 要对应.box{ height:100px;width:100px; border:15px solid black; animation: changebox 10s ease-in-out 3 alternate paused; } .box:hover{ animation-play-state: running; } @key...原创 2020-03-23 16:09:55 · 142 阅读 · 0 评论 -
flex及盒子模型那些事
flex 父元素设置display: flexflex-direction: row | column | row-reverse | column-reverseflex-wrap: wrap | no-wrap | wrap-reverseflex-flow: column no-wrapjustify-content: center | space-betweenalign-it...原创 2020-03-23 15:14:10 · 182 阅读 · 0 评论 -
css 几种水平垂直居中的方法 及 弹性盒子
弹性盒子;原创 2017-06-29 15:41:27 · 15059 阅读 · 0 评论 -
理解之 原型链
JavaScript 的继承主要通过原型链来继承继承的主要精髓就是 : 让一个对象的实例等于另一个原型对象 即: Super.prototype = new Summer();理解原型链就要理清 构造函数、原型对象和实例的关系Js所有的构造函数都有个 prototype 属性,通过这个属性可以继承其他函数的方法,例如1:function add(){ th...原创 2017-06-29 14:32:12 · 376 阅读 · 0 评论 -
css 画三角形
利用边框border 属性 ,设置宽和高为0 一下是实现倒三角形position: relative; top: 3px; left: 88.5px; width: 0px; height: 0px; border: 4px solid transparent; border-top: 4px solid #41addc...原创 2018-03-26 17:33:25 · 162 阅读 · 0 评论 -
css 样式显示
一、超过宽度使用…..显示 display: inline-block; max-width: 39px; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;二、如果来回切换表格,标题宽度变为0,可以设置最小宽度 min-原创 2018-01-16 14:10:21 · 286 阅读 · 0 评论 -
jquery 一些方法使用(保留小数、for in 、datatable渲染特殊数据)
一、保留小数、向上取整toFixed(999.99) 999.9 Math.ceil(999.99) 1000 parseInt(999.99) 999二、for in使用i=0;for(key in array) if(key !="" && i>0) $('.'+key).html(array[key]);i++;三、da原创 2018-01-16 10:20:38 · 1054 阅读 · 1 评论 -
首页地图渲染之国际化(二)---地图操作
地图操作关于放大缩小定位搜索等功能,其中最重要的是不管哪个操作,都是对echart的设置,具体函数如下:function localizeMap(center,zoom){ var option = echartMap.getOption() if(center&¢er.length==2) option.series[0].center=center原创 2017-12-20 11:40:07 · 656 阅读 · 0 评论 -
前端之文件导出
之前做过几个相关于文件导出的功能,有几个地方是值得注意的:ajax请求前端之所以可以导出文件是 通过 ajax 发起一个url 请求, 然后后端返回一个 文件的 url,前端 通过 window.open(url) 打开这个url把文件下载下来 ,注意的是如果要在本页面下载这个文件,ajax就要发起 同步请求,async 置为 false,ajax 默认为 true,异步请求,具体例子如下:$.a原创 2017-10-19 11:00:37 · 630 阅读 · 0 评论 -
scala 导出及相关函数使用
前端点击调用先前端ajax 调用后端服务,包括一些传参和url 的设置这里有个 处理函数 each 的使用 具体例子如下:var tables = $("#Table>thead>tr>th"); // Table.each(function(i, item) { if (i < 5) arry.push($(item).context.childNodes[原创 2017-08-28 16:14:15 · 302 阅读 · 0 评论 -
jQuery 中 substr,substring,slice,split,indexOf,charAt,replace用法
substr : 截取字符串 参数(截取开始的位置;截取字符串的长度) 例如:var str = "helloworld";var laststr = str.substr(0,5);alert(laststr); // hellosubstring: 截取字符串 参数(截取开始的位置;截取结束的位置) 例如:var str = "helloworld";var lasts原创 2017-07-11 11:29:53 · 945 阅读 · 0 评论