分类: 前端

16 篇文章

JavaScript 实现中文数字转换为阿拉伯数字
参考:https://www.jb51.net/article/86391.htm 注:仅修正 ChineseToNumber() 方法中 number 默认值为1,防止单独的 十 转换为 0 <script type="text/javascript"> var chnNumChar = { 零:0, 一:1, 二:2, 三:3, 四…
JS 小数加减乘除(防止精度损失)
/** * 加法运算,避免数据相加小数点后产生多位数和计算精度损失。 * * @param num1加数1 | num2加数2 */ function numAdd(num1, num2) { var baseNum, baseNum1, baseNum2; try { baseNum1 = num1.toString().split(".")[1…
CSS垂直居中的七个方法
我们在编辑一个版面,通常都会用到水平居中和垂直居中来设计,而水平居中很好处理,不外乎就是设定margin:0 auto;或是text-align:center;,就可以轻松解决掉水平居中的问题,但一直以来最麻烦对齐问题,都是“垂直居中”这个讨人厌的设定,以下将介绍七种单纯利用CSS垂直居中的方式。 七种垂直居中的方法 设定行高(line-heigh…
JS实现高德定位
<!-- 高德地图API --> <script src="http://webapi.amap.com/maps?v=1.4.0&key=652cb5e359dec828c45ef309178247f0&callback=init"></script> <script> var ln…
纯JS实现弹出框
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="renderer" co…
JS判断是否为空
function isEmpty(v) { switch (typeof v) { case 'undefined': return true; case 'string': if (v.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length == 0) return true; break; case…
CSS溢出显示省略号
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如图:     但是这个属性只支持单行文…
CSS3 box-shadow 效果大全(内阴影,外阴影,三边阴影,双边阴影,单边阴影,细线描边…)
CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果,该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活,对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性各种阴影效果。 语法 CSS 代码: /* offset-x | offset-y | color */ bo…
CSS设置字间距、行间距、首行缩进
字间距 1、text-indent设置抬头距离css缩进 即对对应div设置css样式text-indent : 20px; 缩进了20px 2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式 即对对应div设置css属性样式为letter-spacing:8px;,字间距为8px 行间距 在CSS中,可以设置行间距,…