网站 – 第3页 – 蓝洛水深

网站

layui中表单label字数超过5个字时自动换行的两种解决办法

在layui表单中，label超过5个字会自动换行，如下图所示：解决的办法有两种： 1、取消换行 2、增加padding 大小按实际情况设置。效果以上，即可修复这个问题。

蓝洛水深

2022年2月14日

002350

腾讯云（良心云）2022新春企业认证888活动，按天续费及最优购买教程

首先声明，没有任何广告，可放心食用。一、领取优惠卷点击网址：https://cloud.tencent.com/act/pro/warmup访问活动页面，请自备新注册且实名的企业账户，领取如下三张优惠券。二、购买24/32一台一月访问https://buy.cloud.tencent.com/lighthouse，选择香港，依次选择后，如下视图：因…

蓝洛水深

2022年1月28日 • 教程

001220

网站

Layui中，让input输入框支持运算符表达式并自动计算，如“=1+1”计算并显示2

因为财务的需求，让表单中的input元素支持运算符，例如，在输入框中输入：

=106.32+894.24-520.10

1	=106.32+894.24-520.10

输入完毕后，自动计算结果，并显示在这个输入框中。实现方法很简单，按如下操作进行即可。获取计算式

var financial_money_received = $("#financial_money_received").val();

1	var financial_money_received = $("#financial_money_received").val();

现在得到了=106.32+894.24-520.10。去…

蓝洛水深

2022年1月21日

003790

网站

PHP中对运算数据保留两位小数，如是整数则补零（如0.00）的方法

通常来说，我们对保留两位小数有如下三种方法：

  $num = 10.4567;  
  //第一种：利用round()对浮点数进行四舍五入
  echo round($num,2); //10.46
    
  //第二种：利用sprintf格式化字符串
  $format_num = sprintf("%.2f",$num);
  echo $format_num; //10.46
    
  //第三种：利用千位分组来格式化数字的函数number_format()
  echo number_format($num, 2); //10.46
  //或者如下
  echo number_format($num, 2, '.', ''); //10/46

1

2

3

4

5

6

7

8

9

10

11

12

$num = 10.4567;

//第一种：利用round()对浮点数进行四舍五入

echo round($num,2); //10.46

//第二种：利用sprintf格式化字符串

$format_num = sprintf("%.2f",$num);

echo $format_num; //10.46

//第三种：利用千位分组来格式化数字的函数number_format()

echo number_format($num, 2); //10.46

//或者如下

echo number_format($num, 2, '.', ''); //10/46

区别第三种方法对于数据的二次运算就不是那么友好，所以我们将主要目标放在第一和第二种方法上。第一种方法会对数据进行四舍五入，也就是上面代码形容的那样，但有个问题。如果是10.1，他就只能显示10.1，并不会帮我们补全成10.10. 第二种方法不会…

蓝洛水深

2022年1月20日

002.3K0

网站

thinkphp后端输出浮点数，前端无法计算，结果为NaN的情况分析

数据库约束了数据为decimal(10,2)，根据thinkphp的特性，读取数据库是都会转为字符串，但奇怪的地方是，整个计算过程都毫无异常，组合成新数组时，出现了错误，错误如下：整个数据的精度发生了变化，其实原因不难分析，无非就是计算机对浮点数精度无法把握而已，那么，到底是哪个环节让精度发生了变化呢？约束新数组从上面的情况可知，错误是在组合新数组时发…

蓝洛水深

2022年1月20日

001.1K0

网站

给Layui数据表格选中行增加自定义样式，看表格可以更轻松

通过最新版的Layui文档可以看到，Layui本身提供了数据表格的单击、双击事件的监听，那么整体就简单很多。文档的描述是这样的：可以看到，通过如下方式，即可获取当前行：

table.on('row(test)', function(obj){
  console.log(obj.tr) //得到当前行元素对象
  console.log(obj.data) //得到当前行数据
  //obj.del(); //删除当前行
  //obj.update(fields) //修改当前行数据
});

1

2

3

4

5

6

table.on('row(test)', function(obj){

console.log(obj.tr) //得到当前行元素对象

console.log(obj.data) //得到当前行数据

//obj.del(); //删除当前行

//obj.update(fields) //修改当前行数据

});

如果要改变当前行的颜色，则这样写：

// 改变行样式 
      table.on('row(customerTable)', function(obj){
            $(".layui-table-body tr ").attr({"style":"background:#FFFFFF"});//其他tr恢复原样
            console.log(obj.tr.selector) //得到当前点击的tr
            $(obj.tr.selector).attr({"style":"background:#00BBFF;color:#fff"});//改变当前tr颜色
     
        });

1

2

3

4

5

6

7

// 改变行样式

table.on('row(customerTable)', function(obj){

$(".layui-table-body tr ").attr({"style":"background:#FFFFFF"});//其他tr恢复原样

console.log(obj.tr.selector) //得到当前点击的tr

$(obj.tr.selector).attr({"style":"background:#00BBFF;color:#fff"});//改变当前tr颜色

});

实际的结果如下：

蓝洛水深

2022年1月19日

002.1K0

2022年一文看懂tracert网络节点，骨干网络都有哪些，访问国外网站都经历了哪些节点

当我们访问GitHub时，你是否想过，数据是如果在网络中交互的，都经历了哪些网络节点，我该怎么看到这些网络节点呢？带着这些问题，今天我们一起讨论一下，怎么查看网络的节点，怎么区分骨干网络。什么是IP报文互联网是由无数的设备共同组成的，这些设备有我们常用的手机、电脑，也有服务器、路由器、交换机作为网络传输的设备，这些设备之间要通过网络通信，基于TCP/I…

蓝洛水深

2022年1月6日 • 系统

012.9K0

宝塔怎么安装Cloudreve？如何像普通CMS程序一样安装Cloudreve

本来是用OneManager搭建的，但出于定位，OneManager只是简单的文件展示功能，当然你也可以开启游客上传的功能。但功能上就不要有过多的期望，主题及美化需要有一定的动手能力，与我的预期不符，所以找到了Cloudreve。官方安装方式官方文档地址：https://docs.cloudreve.org/getting-started/instal…

蓝洛水深

2022年1月6日 • 网站

002.6K0

网站

layui util.timeAgo的用法详解

文档中关于util.timeAgo的说明是：怪我刚开始没注意看，我以为这个方法会和util.countdown相对，显示多少天以前，多少月以前，实际操作下来并不是这样的。比如我们已经按文档要求定义了两个参数endTime和serverTime，那么util.countdown是这样写的：

var endTime = new Date(2099,1,1).getTime() //假设为结束日期
  ,serverTime = new Date().getTime(); //假设为当前服务器时间，这里采用的是本地时间，实际使用一般是取服务端的
   
  util.countdown(endTime, serverTime, function(date, serverTime, timer){
    var str = date[0] + '天' + date[1] + '时' +  date[2] + '分' + date[3] + '秒';
    layui.$('#test').html('距离2099年1月1日还有：'+ str);

1

2

3

4

5

6

var endTime = new Date(2099,1,1).getTime() //假设为结束日期

,serverTime = new Date().getTime(); //假设为当前服务器时间，这里采用的是本地时间，实际使用一般是取服务端的

util.countdown(endTime, serverTime, function(date, serverTime, timer){

var str = date[0] + '天' + date[1] + '时' + date[2] + '分' + date[3] + '秒';

layui.$('#test').html('距离2099年1月1日还有：'+ str);

u…

蓝洛水深

2022年1月5日

005480

网站

如何给layui的表单提交增加一个load遮罩层

在日常开发中，如果后端需要对前端发送过来的信息进行处理，较为复杂的逻辑情况下，可能会需要一定的时间，如果前端没有很好的解决这个时间，就会让用户体验降低。首先用户并不知道是否已经点击成功提交，其次用户也不知道后端处理进度到哪，什么时候能返回。所以，我们需要在提交的过程，增加一个回调，或者在执行提交就增加遮罩层。和upload模块不同，upload模块给出…

蓝洛水深

2022年1月5日

007170