日度归档:2020年2月14日

html中如何使用div模拟实现textarea的功能呢?


摘要:
下文讲述让div标签变成“可输入”的文本域
使用div标签模拟textarea的方法分享,如下所示:


实现思路:
在div上加入contenteditable属性,即可实现div中输入和编辑文本内容

例:
模拟div实现textarea

 
<!DOCTYPE html>
<meta charset='utf-8' />
<html>
<head>
    <title>猫猫教程(www.maomao365.com)
	使用div模拟实现textarea</title>
</head>
<style>
.divTest{
    width: 250px;
    height: 180px;
    padding: 5px;
    border: solid 2px blue;
    resize: both;
    overflow:scroll;
    font-weight:bold;
    min-height:180px;
}
</style>
<body>
    <h3>使用div模拟实现textarea标签的功能</h3>
      <div class="divTest" contenteditable="true">
        这里是猫猫教程-使用div模拟实现textarea的功能
    </div>
</body>
</html>
html 使用div模拟实现textarea的方法分享

html 使用div模拟实现textarea的方法分享

javascript 获取数组中的最大值和最小值的方法分享


摘要:
下文讲述Javascript中获取数组的最大值和最小值的方法,如下所示:


实现思路:
使用array.sort对数组按照一定的方式排序,然后取第一个数组,即为最大值或最小值

例:
获取数组的最大值和最小值的方法


 <script>
    //www.maomao365.com 数组最大值最小值获取方法    
    let arr = [90,12,35,767,8,122,545];
      
	let arrDesc = arr.sort(function(x,y){
      return y-x;
    });

    document.write(arrDesc[0]); //获取数组最大值
    document.write("<br />"); 
    


   let arrAsc = arr.sort(function(x,y){
      return x-y;
    });
    document.write(arrAsc[0]); //获取数组最小值
   
 </script>
javascript js最大值和最小值获取方法

javascript js最大值和最小值获取方法

web开发中有哪些图片格式呢?


摘要:
下文讲述web开发中常见的图片格式及其优缺点,如下所示:

在web开发中,常见的图片格式有以下几种:
GIF,PNG,jPG(jpeg),svg等,那么它们都有什么优缺点呢?下文将一一道来

GIF

优点:gif图片是一个动态图片,并且支持无损压缩和透明度的设置
缺点:颜色信息容易丢失,当采用无损压缩情况下,其效果没有png jpg效果好。
应用场景:用于动图设计

PNG

优点:PNG格式图片是无损压缩的图片,图片质量高
缺点:内存占用大,会导致页面加载速度慢,不适用于网页
应用场景:常应用于小图标或颜色简单对比强烈的小的背景图。


JPG(jpeg)

优点:占用内存小,网页加载速度快
缺点:JPG格式图片是有损压缩的图片,会使图片失真
应用场景:常用于摄影作品或者大的背景图等

SVG

优点:SVG是矢量图形,图像变大变小都不会影响图片显示。
缺点:dom加载慢
应用场景:常用于设计模型的展示