系列文章

开始

4 月 6 日，根据 Meta AI 官方博客，Meta AI 宣布推出了一个 AI 模型 Segment Anything Model（SAM，分割一切模型）。据介绍，该模型能够根据文本指令等方式实现图像分割，而且万物皆可识别和一键抠图。

github源码地址：
facebookresearch/segment-anything

官方网站体验地址：
segment-anything.com/demo

特点

Segment Anything Model （SAM） 根据输入提示（如点或框）生成高质量的对象蒙版，并可用于为图像中的所有对象生成蒙版。它已经在 11 万张图像和 1 亿个掩码的数据集上进行了训练，并且在各种分割任务上具有强大的零镜头性能。说到底是一种通用的图像分割方法。

初体验

进入官网体验地址后：点击同意条款和条件，大概意思是：

1. 这是一个研究演示，不得用于任何商业目的
2. 上传的任何图像将仅用于演示分段任何模型。所有图像和从中派生的任何数据将在会话结束时删除。
3. 上传的任何图片均不得违反任何知识产权或 Facebook 社群守则。

进入上传界面：

点击“Upload an image”，上传自己的图片：（也可以直接使用官方的图片测试）

我上传完图片用时3分11秒，图片大小只有50多K。还有一张4M多的用时几乎差不太多，看来跟图片大小关系不是太大

Hover & Click——选取物体

基本操作：左键选择物体，右键移除选取

选取完之后，可以使用Cut out object，或则再点击Multi-mask再次点击选择标记点，可多次分割。

选完之后点击“Cut out object”，然后结果就保存再“Cut-Outs”一栏中。

Box——框选物体

基本操作：按住左键选出一个框框范围

保存所选区域的方法仍然是点击“Cut out object”。然后结果就保存再“Cut-Outs”一栏中。

Everything——分割所有物体

不用咱们操作了，直接交给AI处理，提取出所有可分割图形物体

所有物体的区域都保存在“Cut-Outs”一栏中：

Cut-Outs——结果提取

基本操作：只需要对Cut-Outs一栏的图片右键点击，并在弹出的菜单中选择“将图片另存为”即可。

结语

用起来感觉效果不错，毕竟本人不是做ps或者图片处理的，对图片的质量要求不算高，不过Meta开源了segment-anything框架，属实佩服，毕竟连数据集也可以进行下载，下载地址在github主页下方，目前已经21k+star。希望AI可以继续发展，让「玩具」变成工具

JavaScript中的垃圾回收机制负责自动管理内存，回收不再使用的对象所占用的内存空间。在JavaScript中，开发者不需要显式地分配和释放内存，垃圾回收器会自动完成这些操作。
以下是关于JavaScript垃圾回收机制的一些关键概念：

1. 内存生命周期
   ：JavaScript内存生命周期包括分配、使用和释放三个阶段。首先，内存会被分配给变量或对象；然后，程序会使用这些变量或对象；最后，不再需要的变量或对象会被垃圾回收器释放。
2. 可达性
   ：垃圾回收器通过可达性来判断一个对象是否还在使用。根对象（如全局对象和其他内置对象）被认为是可达的。如果一个对象可以通过根对象或其他可达对象引用链到达，那么它也被认为是可达的。
3. 引用计数
   ：这是一种较早的垃圾回收策略，通过追踪每个对象的引用次数来判断对象是否仍在使用。当对象的引用计数为0时，表示对象不再被使用，可以被回收。然而，引用计数算法存在循环引用问题，无法回收循环引用的对象。
4. 标记-清除
   ：这是现代JavaScript引擎中常见的垃圾回收算法。标记-清除算法首先会标记所有可达对象，然后遍历整个内存空间，清除未被标记的对象。这种算法可以处理循环引用问题，但可能会导致内存碎片。
5. 分代回收
   ：由于不同对象的生命周期长短不同，现代JavaScript引擎将内存分为新生代和老生代。新生代主要存放短生命周期的对象，老生代主要存放长生命周期的对象。新生代和老生代的垃圾回收策略会有所不同。
6. 增量回收和懒惰回收
   ：为了降低垃圾回收对程序执行的影响，现代JavaScript引擎采用了增量回收和懒惰回收策略。增量回收将回收工作分成多个小任务，穿插在程序执行过程中；懒惰回收则会在一定程度上推迟回收操作，以减少性能开销。

以下是一个简单的示例，演示了 JavaScript 垃圾回收机制中的引用计数和标记清除：

//引用计数示例
let a = { name: 'John'};

let b= a; //b 引用了 a，a 的引用计数变为 2
a = null; //a 不再引用这个对象，a 的引用计数变为 1
b = null; //b 不再引用这个对象，这个对象的引用计数变为 0，可以被垃圾回收器回收

//标记清除示例
functionfoo() {

  let x= { name: 'Alice'};

  let y= { name: 'Bob'};

  x.friend=y;

  y.friend=x;

}



foo();//函数执行完后，x 和 y 都不再被使用，但它们之间相互引用，无法使用引用计数来回收内存//垃圾回收器定期运行，会发现 x 和 y 都已经不再被引用，可以被回收

在这个示例中，当变量
a
被赋值给变量
b
时，对象的引用计数变为 2。当
a
被赋值为
null
时，对象的引用计数变为 1。最后当
b
也被赋值为
null
时，对象的引用计数变为 0，可以被垃圾回收器回收。

另外，函数
foo
中创建了两个对象
x
和
y
，并且它们相互引用。在函数执行完后，这两个对象不再被使用，但它们之间的引用关系无法使用引用计数来回收内存。因此，垃圾回收器会定期运行，查找那些已经不再被引用的对象，然后释放它们所占用的内存空间。

再来一个例子，我们将创建一些对象并解释JavaScript的垃圾回收机制。

//创建对象
functioncreatePerson(name, age) {return{

        name: name,

        age: age,

    };

}//创建两个对象
let person1 = createPerson("Alice", 30);

let person2= createPerson("Bob", 35);//person1 和 person2 变量引用了两个新创建的对象，这些对象在内存中是可达的

//现在将 person1 引用另一个对象
person1 = createPerson("Charlie", 28);//之前 person1 引用的 "Alice" 对象现在已经不再可达，因为没有变量引用它//JavaScript的垃圾回收器会识别到这一点，并在合适的时机释放其内存

//创建一个循环引用
let objA ={

    name:"ObjA",

};

let objB={

    name:"ObjB",

};

objA.link=objB;

objB.link=objA;//将变量设置为 null，打破可达性
objA = null;

objB= null;//现在 objA 和 objB 对象都不再可达，即使它们彼此引用//使用标记-清除算法的垃圾回收器会识别到这一点，并释放它们占用的内存

在这个例子中，我们创建了几个对象并对它们进行了引用。当一个对象不再可达时，它就成为了垃圾回收的目标。对于循环引用的情况，标记-清除算法可以识别到并正确处理这种情况，释放不再使用的对象所占用的内存。

注意：不同的JavaScript引擎可能采用不同的垃圾回收策略，如
V8
、
SpiderMonkey
和
JavaScriptCore
等。

说明

CommunityToolkit.Mvvm8.1最令人惊喜的是它提供的源生成器功能,它极大简化我们的mvvm代码
我们通过标记一个属性就可以实现某个功能,这个很方便快捷,推荐

常用标记总结
1.继承ObservableObject 并且类标记是分部类partial
2.私有变量标记属性 [ObservableProperty]
3.NotifyCanExecuteChangedFor  通知依赖命令
NotifyPropertyChangedFor    通知依赖属性
4.RelayCommand  定义命令
5.OnPropertyChanged 手动通知属性更新
6.ButtonClickCommand.NotifyCanExecuteChanged() 手动通知命令更新
7.OnLastNameChanging OnLastNameChanged  某个属性改变
8.OnPropertyChanged  所有属性改变

定义viewmodel

定义vm时，请使用分部类，并且继承ObservableObject

public partial class DataViewModel2 : ObservableObject
{

}

ObservableProperty标记属性

定义属性如此简单：一个[ObservableProperty]标记搞定

/*
[ObservableProperty]标记后,会自动生成属性(大写命名),例如:下面会自动生成Title

注意:这个私有变量命名:必须是小写开头,或者下划线,或者m_
*/

[ObservableProperty]
private string title = "hello";

//public string Title
//{
//    get
//    {
//        return title;
//    }
//    set
//    {
//        //title = value;
//        //PropertyChanged?.Invoke( this , new PropertyChangedEventArgs( "Name" ) );

//        //SetProperty 相当与设置值,并且PropertyChanged通知调用
//        SetProperty( ref title , value );
//    }
//}

NotifyPropertyChangedFor通知依赖属性

[NotifyPropertyChangedFor( nameof( Caption ) )]标识：在LastName改变后，去通知Caption

public string Caption
{
    get
    {
        return string.Format( "Title:{0}-{1}" , Title , LastName );
    }
}


[ObservableProperty]
[NotifyPropertyChangedFor( nameof( Caption ) )]
private string lastName = "abc";

NotifyCanExecuteChangedFor通知依赖命令

在属性IsEnabled改变后，通知命令：ButtonClickCommand

/*
        [NotifyCanExecuteChangedFor( nameof( ButtonClickCommand ) )]
NotifyCanExecuteChangedFor是通知依赖命令(触发命令),相当于set中ButtonClickCommand.NotifyCanExecuteChanged();
*/

[ObservableProperty]
[NotifyCanExecuteChangedFor( nameof( ButtonClickCommand ) )]
private bool isEnabled = false;

//public bool IsEnabled
//{
//    get => isEnabled;
//    set
//    {
//        SetProperty( ref isEnabled , value );

//        //通知命令 已经改变
//        ButtonClickCommand.NotifyCanExecuteChanged();
//    }
//}

//partial void OnIsEnabledChanged ( bool value )
//{
//     //如果上面的[NotifyCanExecuteChangedFor( nameof( ButtonClickCommand ) )]不写，可以这里手动通知更新 
//    //ButtonClickCommand.NotifyCanExecuteChanged();
//}

命令

RelayCommand标识定义一个命令，如此简单

/*
RelayCommand是定义命令,自动生成的命令名是方法名+Command,并且初始化
例如:下面的会自动生成ButtonClickCommand

CanExecute是指定一个判断方法,判断是否可用
*/

[RelayCommand( CanExecute = nameof( CanButton ) )]
void ButtonClick ()
{
    //点击按钮,修改标题
    Title = "hello(改)";
}

bool CanButton ()
{
    return IsEnabled;
}

//public RelayCommand ButtonClickCommand
//{
//    get;
//}



[RelayCommand]
void ButtonClickPar ( double val )
{
    Title = $"hello(改):{val}";
}

//public RelayCommand<double> ButtonClickParCommand
//{
//    get;
//}

异步命令

把方法标识为async，即可定义为异步命令，它带有一个IsRunning属性，可以在view中做进度条判断

[RelayCommand]
async Task AsyncButtonClick ()
{
    await Task.Delay( 4800 );
    Title = "hello(Task改)";
}



[RelayCommand]
async Task AsyncButtonParClick ( double val )
{
    await Task.Delay( 4800 );
    Title = $"hello(Task改):{val}";
}

<!--   
特别说明：异步命令会自动控制控件的可见性,并且提供一个IsRunning属性可以判断异步是否完成   
-->
<Button Width="100"
        Height="30"
        Command="{Binding AsyncButtonClickCommand}"
        Content="异步" />
<TextBlock HorizontalAlignment="Center"
           FontSize="20"
           FontStyle="Italic"
           FontWeight="Bold"
           Foreground="Green"
           Text="loading......"
           Visibility="{Binding AsyncButtonClickCommand.IsRunning, Converter={StaticResource myboolconvert}}" />

某个属性改变

On+属性Changing  On+属性Changed，可以记录某个属性值变化事件

/*
还可以实现2个方法：OnLastNameChanging OnLastNameChanged (注意2个方法只可以实现其中一个,或者都不实现(不能同时2个))
*/

//partial void OnLastNameChanging ( string value )
//{
//    Debug.WriteLine( value );
//}

partial void OnLastNameChanged ( string value )
{
    // 可以做一些其它事情 例如：属性改变后，消息通知某某某
    Debug.WriteLine( value );



    //说明：如果上面[NotifyPropertyChangedFor( nameof( Caption ) )]不写，可以这里手动通知属性更新
    //OnPropertyChanged( nameof( Caption ) );
}

所有属性改变

所有属性改变后都会调用这个事件，参数PropertyName可以区分具体哪个属性

/// <summary>
/// 所有属性改变
/// </summary>
/// <param name="e"></param>
protected override void OnPropertyChanged ( PropertyChangedEventArgs e )
{

    base.OnPropertyChanged( e );

    // 可以获取到是哪个属性改变了
    var _proname = e.PropertyName;
}

完整代码

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Diagnostics;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

/*
这里演示自动生成属性和命令

1.继承ObservableObject 并且类标记是分部类partial
2.私有变量标记属性 [ObservableProperty]
3.NotifyCanExecuteChangedFor  通知依赖命令
  NotifyPropertyChangedFor    通知依赖属性
4.RelayCommand  定义命令
5.OnPropertyChanged 手动通知属性更新
6.ButtonClickCommand.NotifyCanExecuteChanged() 手动通知命令更新
7.OnLastNameChanging OnLastNameChanged  某个属性改变
8.OnPropertyChanged  所有属性改变
*/

namespace WpfDemoNet6.Demo
{
    public partial class DataViewModel2 : ObservableObject
    {
        /*
        [ObservableProperty]标记后,会自动生成属性(大写命名),例如:下面会自动生成Title

        注意:这个私有变量命名:必须是小写开头,或者下划线,或者m_
        */

        /*
        NotifyPropertyChangedFor 通知依赖属性Caption
        */

        [ObservableProperty]
        [NotifyPropertyChangedFor( nameof( Caption ) )]
        private string title = "hello";

        //public string Title
        //{
        //    get
        //    {
        //        return title;
        //    }
        //    set
        //    {
        //        //title = value;
        //        //PropertyChanged?.Invoke( this , new PropertyChangedEventArgs( "Name" ) );

        //        //SetProperty 相当与设置值,并且PropertyChanged通知调用
        //        SetProperty( ref title , value );
        //    }
        //}


        /*
                [NotifyCanExecuteChangedFor( nameof( ButtonClickCommand ) )]
        NotifyCanExecuteChangedFor是通知依赖命令(触发命令),相当于set中ButtonClickCommand.NotifyCanExecuteChanged();
        */

        [ObservableProperty]
        [NotifyCanExecuteChangedFor( nameof( ButtonClickCommand ) )]
        private bool isEnabled = false;

        //public bool IsEnabled
        //{
        //    get => isEnabled;
        //    set
        //    {
        //        SetProperty( ref isEnabled , value );

        //        //通知命令 已经改变
        //        ButtonClickCommand.NotifyCanExecuteChanged();
        //    }
        //}

        //partial void OnIsEnabledChanged ( bool value )
        //{
        //     //如果上面的[NotifyCanExecuteChangedFor( nameof( ButtonClickCommand ) )]不写，可以这里手动通知更新 
        //    //ButtonClickCommand.NotifyCanExecuteChanged();
        //}




        /*
        RelayCommand是定义命令,自动生成的命令名是方法名+Command,并且初始化
        例如:下面的会自动生成ButtonClickCommand

        CanExecute是指定一个判断方法,判断是否可用
        */

        [RelayCommand( CanExecute = nameof( CanButton ) )]
        void ButtonClick ()
        {
            //点击按钮,修改标题
            Title = "hello(改)";
        }

        bool CanButton ()
        {
            return IsEnabled;
        }

        //public RelayCommand ButtonClickCommand
        //{
        //    get;
        //}



        public DataViewModel2 ()
        {
            //RelayCommand的第一个参数是命令调用语句
            //              第2个参数(可选)是否允许使用
            //ButtonClickCommand = new RelayCommand( () =>
            //{
            //    //点击按钮,修改标题
            //    Title = "hello(改)";
            //} , () =>
            //{
            //    return IsEnabled;
            //} );

            //ButtonClickParCommand = new RelayCommand<double>( ( double val ) =>
            //{
            //    Title = $"hello(改):{val}";
            //} );
        }



        [RelayCommand]
        void ButtonClickPar ( double val )
        {
            Title = $"hello(改):{val}";
        }

        //public RelayCommand<double> ButtonClickParCommand
        //{
        //    get;
        //}



        public string Caption
        {
            get
            {
                return string.Format( "Title:{0}-{1}" , Title , LastName );
            }
        }


        [ObservableProperty]
        [NotifyPropertyChangedFor( nameof( Caption ) )]
        private string lastName = "abc";

        /*
        还可以实现2个方法：OnLastNameChanging OnLastNameChanged (注意2个方法只可以实现其中一个,或者都不实现(不能同时2个))
        */

        //partial void OnLastNameChanging ( string value )
        //{
        //    Debug.WriteLine( value );
        //}

        partial void OnLastNameChanged ( string value )
        {
            // 可以做一些其它事情 例如：属性改变后，消息通知某某某
            Debug.WriteLine( value );



            //说明：如果上面[NotifyPropertyChangedFor( nameof( Caption ) )]不写，可以这里手动通知属性更新
            //OnPropertyChanged( nameof( Caption ) );
        }



        /// <summary>
        /// 所有属性改变
        /// </summary>
        /// <param name="e"></param>
        protected override void OnPropertyChanged ( PropertyChangedEventArgs e )
        {

            base.OnPropertyChanged( e );

            // 可以获取到是哪个属性改变了
            var _proname = e.PropertyName;
        }

    }
}