JQuery от вступления к практике
JQuery от вступления к практике

📦Персональная домашняя страница：Нань Хуэй 🏆Введение: второкурсник по специальности серверная разработка на Java. ⏰Девиз: Прежде чем добиться успеха, мы должны делать то, что должны, и только после успеха мы сможем делать то, что нам нравится.

1. Быстрый старт с JQuery

1.1. Введение в JQuery.

  • jQuery — это библиотека JavaScript.
  • Так называемая библиотека - это JS файл, который инкапсулирует множество предопределенных функций, таких как получение элементов, скрытие, перемещение и т. д. Цель состоит в том, чтобы Его называют непосредственно, когда оно существуетиспользовать. Нет необходимости повторять определение, что может существенно его упростить. JavaScript программирование.
  • Официальный сайт jQuery: https://www.jquery.com.

1.2. Быстрый старт с JQuery.

  • Идеи развития
  1. Написание HTML-документов.
  2. Импортируйте файлы jQuery.
  3. Получите элементы с помощью jQuery.
  4. Используйте браузерное тестирование.
  • Реализация кода
Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Быстрый старт</title>
</head>
<body>
    <div id="div">Яdiv</div>
</body>
<!--представлять jQuery документ-->
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // JS, получите элемент div через значение атрибута id
    let jsDiv = document.getElementById("div");
    //alert(jsDiv);
    //alert(jsDiv.innerHTML);

    // Метод jQuery, получение элемента div через значение атрибута id
    let jqDiv = $("#div");
    alert(jqDiv);
    alert(jqDiv.html());
</script>
</html>

1.3. Резюме

  • jQuery — это библиотека JavaScript.
  • Грубо говоря, это означает определение хорошего JS файл, который внутри инкапсулирует множество функций, может значительно упростить нашу JS Этапы операции.
  • Официальный сайт jQuery: https://www.jquery.com.。
  • Чтобы использовать его, этот файл необходимо импортировать.
  • jQuery исходная грамматика $();

2. Базовый синтаксис JQuery

2.1 Преобразование между объектами JS и объектами JQuery.

Хотя jQuery по сути является JS, если вы хотите использовать свойства и методы jQuery, вы должны убедиться, что объект является объектом jQuery, а не объектом DOM, полученным через JS. Если вы хотите использовать методы API, их нельзя смешивать. API другой стороны, вам необходимо преобразовать объекты.

Преобразование объектов JS DOM в объекты jQuery

Язык кода:javascript
копировать
//$(JS из DOM объект);

// JS, получите элемент div через значение атрибута id
let jsDiv = document.getElementById("div");
alert(jsDiv.innerHTML);
//alert(jsDiv.html());  JSобъект не может использовать jQuery внутри функции

// Воля JS объект для jQueryObject
let jq = $(jsDiv);
alert(jq.html());

Преобразование объекта jQuery в объект JS

Язык кода:javascript
копировать
/*jQuery объект[индекс];
jQuery объект.get(индекс);*/

// Метод jQuery, получение элемента div через значение атрибута id
let jqDiv = $("#div");
alert(jqDiv.html());
// alert(jqDiv.innerHTML);   jQueryобъект не может использовать функцию внутри JS

// Воля объект jQuery в объект JS
let js = jqDiv[0];
alert(js.innerHTML);

2.2. Основное использование событий.

Часто используемые события

События инкапсулируются в соответствующие методы jQuery. Удален синтаксис .on в JS.

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>событиеизиспользовать</title>
</head>
<body>
    <input type="button" id="btn" value="Нажмите на меня">
    <br>
    <input type="text" id="input">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //щелкнутьсобытие    $("#btn").click(function(){
        alert("Зачем нажимать на меня?");
    });

    //Получаем событие фокуса
    // $("#input").focus(function(){
    //     alert("Вам необходимо ввести данные...");
    // });

    //Потерял фокуссобытие
    $("#input").blur(function(){
        alert("Вы закончили печатать...");
    });
</script>
</html>

2.3. Привязка и развязка времени.

Привязка событий

//jQuery object.on(имя события, выполняемая функция);

Язык кода:javascript
копировать
//Привязываем кнопку btn1 к щелчку по событию
$("#btn1").on("click",function(){
alert("Зачем нажимать на меня?");
});

отвязывающее событие

Если вы не укажете имя события, все события, привязанные к объекту, будут отключены.

//jQuery object.off(имя события);

Язык кода:javascript
копировать
//Отвязываем событие клика btn1iz через btn2
$("#btn2").on("click",function(){
$("#btn1").off("клик");
});

2.4. Переключение времени

Переключение событий: несколько событий должны быть привязаны к одному и тому же объекту, и несколько событий имеют последовательную связь.

Способ 1: Определить индивидуально

$(element).Имя метода события 1 (функция, которую необходимо выполнить);

$(element).Имя метода события 2 (функция, которую необходимо выполнить);

Язык кода:javascript
копировать
//Метод 1 индивидуально определенный
$("#div").mouseover(function(){
    //Цвет фона: красный
    //$("#div").css("background","red");
    $(this).css("background","red");
    });
$("#div").mouseout(function(){
    //Цвет фона: синий
    //$("#div").css("background","blue");
    $(this).css("background","blue");
});

Метод 2: определение цепочки

$(element).Имя метода события 1(функция, которую необходимо выполнить)

.Имя метода события 2 (выполняемая функция);

Язык кода:javascript
копировать
//Метод 2 определение цепочки
$("#div").mouseover(function(){
   $(this).css("background","red");
}).mouseout(function(){
   $(this).css("background","blue");
});

2.5. Операция обхода.

Метод 1: Традиционный метод

Язык кода:javascript
копировать
for(let i = 0; i < Длина объекта контейнера; i++){
		исполнительные функции;
}
Язык кода:javascript
копировать
//Метод 1: Традиционный метод
$("#btn").click(function(){
    let lis = $("li");
    for(let i = 0 ; i < lis.length; i++) {
        alert(i + ":" + lis[i].innerHTML);
    }
});

Метод 2: метод Object.each()

Язык кода:javascript
копировать
контейнеробъект.each(function(index,ele){
	исполнительные функции;
});
Язык кода:javascript
копировать
//Метод 2: метод Object.each()
$("#btn").click(function(){
    let lis = $("li");
    lis.each(function(index,ele){
        alert(index + ":" + ele.innerHTML);
    });
});

Метод 3: метод $.each()

Язык кода:javascript
копировать
$.each(контейнеробъект,function(index,ele){
	исполнительные функции;
});
Язык кода:javascript
копировать
//Метод 3: метод $.each()
$("#btn").click(function(){
    let lis = $("li");
    $.each(lis,function(index,ele){
        alert(index + ":" + ele.innerHTML);
    });
});

Метод 4: для оператора

Язык кода:javascript
копировать
for(ele of контейнеробъект){
	исполнительные функции;
}
Язык кода:javascript
копировать
//Способ 4: для of Заявление Траверс
$("#btn").click(function(){
    let lis = $("li");
    for(ele of lis){
        alert(ele.innerHTML);
    }
});

2.6. Резюме

  • JS объекти jQuery объект взаимное преобразование
    • $(JS из DOM объект)：Воля JS объект для jQuery объект。
    • jQuery объект[индекс] jQuery
    • объект.get(индекс)：Воля jQuery объект для JS объект。
  • событие
    • События инкапсулируются в соответствующие методы jQuery. Удален синтаксис .on в JS.
    • on(событиеимя,осуществлятьиз Функция)：Привязка событий。
    • off(событиеимя)：отвязывающее событие。
  • Траверс
    • Традиционный способ.
    • объект.each() метод.
    • $.each() метод.
    • for of заявление.

3. Селектор JQuery

3.1. Базовый селектор.

  • Селектор: что-то вроде CSS из селектора, который помогает нам получить элемент.
  • Например: селектор идентификатора, селектор класса, селектор элемента, селектор атрибута и т. д.
  • jQuery Средний селектор из синтаксиса: $();

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>базовый селектор</title>
</head>
<body>
    <div id="div1">div1</div>
    <div class="cls">div2</div>
    <div class="cls">div3</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //1.Селектор элементов   $("Элемент изName")
    let divs = $("div");
    //alert(divs.length);

    //селектор 2.id    $("Значение #idизатрибута")
    let div1 = $("#div1");
    //alert(div1);

    //3. Селектор классов     $(".classизатрибут значение")
    let cls = $(".cls");
    alert(cls.length);

</script>
</html>

3.2. Выбор уровня.

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>селектор уровня</title>
</head>
<body>
    <div>
        <span>s1
            <span>s1-1</span>
            <span>s1-2</span>
        </span>
        <span>s2</span>
    </div>

    <div></div>
    <p>p1</p>
    <p>p2</p>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1. селектор потомков $("A B");      Все B младше A (включая детей B)
    let spans1 = $("div span");
    //alert(spans1.length);

    // 2. дочерний селектор   $("A > B");    Все B ниже A (кроме детей Biz)
    let spans2 = $("div > span");
    //alert(spans2.length);

    // 3. селектор родственного уровня $("A + B");    Соседний из следующего B
    let ps1 = $("div + p");
    //alert(ps1.length);

    // 4. селектор родственного уровня $("A ~ B");    A соседствует со всеми B
    let ps2 = $("div ~ p");
    alert(ps2.length);
    
</script>
</html>

3.3. Селектор атрибутов.

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>селектор атрибутов</title>
</head>
<body>
    <input type="text">
    <input type="password">
    <input type="password">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //1. Селектор имени атрибута   $("Элемент[имя атрибута]")
    let in1 = $("input[type]");
    //alert(in1.length);


    //2.Селектор значения атрибута   $("Элемент[имя атрибута=значение атрибута]")
    let in2 = $("input[type='password']");
    alert(in2.length);

</script>
</html>

3.4. Выбор фильтра.

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>селектор фильтра</title>
</head>
<body>
    <div>div1</div>
    <div id="div2">div2</div>
    <div>div3</div>
    <div>div4</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1. Селектор первого элемента	$("A:first");
    let div1 = $("div:first");
    //alert(div1.html());

    // 2. Селектор хвостового элемента	$("A:last");
    let div4 = $("div:last");
    //alert(div4.html());

    // 3. Неэлементные селекторы	$("A:not(B)");
    let divs1 = $("div:not(#div2)");
    //alert(divs1.length);

    // 4. Выбор четных чисел	    $("A:even");
    let divs2 = $("div:even");
    //alert(divs2.length);
    //alert(divs2[0].innerHTML);
    //alert(divs2[1].innerHTML);

    // 5. Странный селектор	    $("A:odd");
    let divs3 = $("div:odd");
    //alert(divs3.length);
    //alert(divs3[0].innerHTML);
    //alert(divs3[1].innerHTML);

    // 6. Селектор равного индекса	 $("A:eq(index)");
    let div3 = $("div:eq(2)");
    //alert(div3.html());

    // 7. Селектор «Больше, чем индекс»	 $("A:gt(index)");
    let divs4 = $("div:gt(1)");
    //alert(divs4.length);
    //alert(divs4[0].innerHTML);
    //alert(divs4[1].innerHTML);

    // 8. Селектор «меньше индекса»	 $("A:lt(index)");
    let divs5 = $("div:lt(2)");
    alert(divs5.length);
    alert(divs5[0].innerHTML);
    alert(divs5[1].innerHTML);
    
</script>
</html>

3.5. Селектор атрибутов формы.

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Выбор формы атрибутов</title>
</head>
<body>
    <input type="text" disabled>
    <input type="text" >
    <input type="radio" name="gender" value="men" checked>мужской
    <input type="radio" name="gender" value="women">женский
    <input type="checkbox" name="hobby" value="study" checked>изучать
    <input type="checkbox" name="hobby" value="sleep" checked>спать
    <select>
        <option>---Пожалуйста, выберите---</option>
        <option selected>Бакалавриат</option>
        <option>специалист</option>
    </select>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1. Доступные селекторы элементов  $("A:enabled");
    let ins1 = $("input:enabled");
    //alert(ins1.length);

    // 2. Селектор недоступного элемента  $("A:disabled");
    let ins2 = $("input:disabled");
    //alert(ins2.length);

    // 3. Радио/флажок выбран из элемента.  $("A:checked");
    let ins3 = $("input:checked");
    //alert(ins3.length);
    //alert(ins3[0].value);
    //alert(ins3[1].value);
    //alert(ins3[2].value);

    // 4. Из элемента выбирается раскрывающийся список.   $("A:selected");
    let select = $("select option:selected");
    alert(select.html());
    
</script>
</html>

3.6. Сводка знаний

  • Селектор: что-то вроде CSS из селектора, который помогает нам получить элемент.
  • jQuery Средний селектор из синтаксиса: $();
  • базовый селектор ("Элемент изName");(“#idиззначение атрибута”);
  • селектор уровня (“A B”);(“A > B”);
  • селектор атрибутов ("A[имя свойства]");(“A[имя атрибута=значение атрибута]”);
  • селектор фильтра (“A:even”);(“A:odd”);
  • Выбор формы атрибутов (“A:disabled”);(“A:checked”);

4、JQuery DOM

4.1. Текст операции.

  • Общие методы

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Текст действия</title>
</head>
<body>
    <div id="div">Яdiv</div>
    <input type="button" id="btn1" value="получатьdivизтекст">
    <input type="button" id="btn2" value="настраиватьdivизтекст">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
     //1. html()   Получить тег из текстового контента
     $("#btn1").click(function(){
         //Получаем текстовое содержимое тега div из
         let value = $("#div").html();
         alert(value);
     });

     //2. html(value)   Установите метку из текстового содержимого и проанализируйте метку
     $("#btn2").click(function(){
         //Устанавливаем текстовое содержимое тега div из
         //$("#div").html("Я действительно div");
         $("#div").html("<b>я действительноиздаdiv</b>");
     });
</script>
</html>

4.2. Объект операции.

  • Общие методы

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>действоватьобъект</title>
</head>
<body>
    <div id="div"></div>
    <input type="button" id="btn1" value="добавитьspanприезжатьdiv"> <br><br><br>

    <input type="button" id="btn2" value="Воляну давай жедобавить вприезжать Внизу списка городов"> &nbsp;&nbsp;&nbsp;
    <input type="button" id="btn3" value="Воляну давай жедобавить вприезжать В верхней части списка городов"> &nbsp;&nbsp;&nbsp;
    <input type="button" id="btn4" value="Воля Поднимитесьдобавить вприезжать Шанхайниже"> &nbsp;&nbsp;&nbsp;
    <input type="button" id="btn5" value="Воля Поднимитесьдобавить вприезжать Шанхайвыше"> &nbsp;&nbsp;&nbsp;
    <ul id="city">
        <li id="bj">Пекин</li>
        <li id="sh">Шанхай</li>
        <li id="gz">Гуанчжоу</li>
        <li id="sz">Шэньчжэнь</li>
    </ul>
    <ul id="desc">
        <li id="jy">ну давай же</li>
        <li id="xq">Поднимитесь</li>
    </ul>  <br><br><br>
    <input type="button" id="btn6" value="Воля Поднимитесьудалить"> &nbsp;&nbsp;&nbsp;
    <input type="button" id="btn7" value="Воля Описание перечислить всеудалить"> &nbsp;&nbsp;&nbsp;
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    /*
        1. $("элемент")   Создать указанный элемент
        2. append(element)   Добавляется как последний дочерний элемент, вызываемый объектом сумматора.
        3. appendTo(element) Добавляется как последний дочерний элемент, вызываемый добавляемым объектом.
        4. prepend(element)  Добавляется как первый дочерний элемент, вызываемый объектом сумматора.
        5. prependTo(element) Добавляется как первый дочерний элемент, вызываемый добавляемым объектом.
        6. before(element)    Добавленный перед текущим элементом из, между ними существует родственное отношение, вызываемое объектом сумматора.
        7. after(element)     Добавленный после текущего элемента из, между ними существует родственное отношение, вызываемое объектом сумматора.
        8. remove()           Удалить указанный элемент (удалить себя)
        9. empty()            Очистить все дочерние элементы указанного элемента
    */
    
    // Кнопка 1: добавить диапазон в div
    $("#btn1").click(function(){
        let span = $("<span>span</span>");
        $("#div").append(span);
    });
    

    //Кнопка вторая：Воляну давай жедобавить вприезжать Внизу списка городов
    $("#btn2").click(function(){
        //$("#city").append($("#jy"));
        $("#jy").appendTo($("#city"));
    });

    //кнопка три：Воляну давай жедобавить вприезжать В верхней части списка городов
    $("#btn3").click(function(){
        //$("#city").prepend($("#jy"));
        $("#jy").prependTo($("#city"));
    });
    

    //кнопка четыре：Воля Поднимитесьдобавить вприезжать Шанхайниже
    $("#btn4").click(function(){
        $("#sh").after($("#xq"));
    });
    

    //кнопка пять：Воля Поднимитесьдобавить вприезжать Шанхайвыше
    $("#btn5").click(function(){
        $("#sh").before($("#xq"));
    });

    //кнопка шесть：Воля Поднимитесьудалить
    $("#btn6").click(function(){
        $("#xq").remove();
    });
    

    //кнопка семь：Воля Описание перечислить всеудалить
    $("#btn7").click(function(){
        $("#desc").empty();
    });
    
</script>
</html>

4.3. Стиль работы.

  • Общие методы

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Стиль работы</title>
    <style>
        .cls1{
            background: pink;
            height: 30px;
        }
    </style>
</head>
<body>
    <div style="border: 1px solid red;" id="div">Яdiv</div>
    <input type="button" id="btn1" value="получатьdivизстиль"> &nbsp;&nbsp;
    <input type="button" id="btn2" value="настраиватьdivиз Цвет фона синий.">&nbsp;&nbsp;
    <br><br><br>
    <input type="button" id="btn3" value="Даватьdivнастраиватьcls1стиль"> &nbsp;&nbsp;
    <input type="button" id="btn4" value="Даватьdivудалитьcls1стиль"> &nbsp;&nbsp;
    <input type="button" id="btn5" value="Даватьdivнастраиватьилиудалитьcls1стиль"> &nbsp;&nbsp;
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1.css(name)   Получить стиль CSS
    $("#btn1").click(function(){
        alert($("#div").css("border"));
    });

    // 2.css(name,value)   Установить стили CSS
    $("#btn2").click(function(){
        $("#div").css("background","blue");
    });

    // 3.addClass(value)   Добавляет имя класса стиля к указанному изобъекту.
    $("#btn3").click(function(){
        $("#div").addClass("cls1");
    });

    // 4.removeClass(value)  Удалить имя класса стиля для указанного изобъекта.
    $("#btn4").click(function(){
        $("#div").removeClass("cls1");
    });

    // 5.toggleClass(value)  Если имя класса стиля отсутствует, оно добавляется. Если есть, удалите его
    $("#btn5").click(function(){
        $("#div").toggleClass("cls1");
    });
    
</script>
</html>

4.4. Атрибуты операции.

  • Общие методы

Реализация кода

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Эксплуатационные свойства</title>
</head>
<body>
    <input type="text" id="username"> 
    <br>
    <input type="button" id="btn1" value="получать Поле вводаизidсвойство">  &nbsp;&nbsp;
    <input type="button" id="btn2" value="Давать Поле вводанастраиватьvalueсвойство">
    <br><br>

    <input type="radio" id="gender1" name="gender">мужской
    <input type="radio" id="gender2" name="gender">женский
    <br>
    <input type="button" id="btn3" value="выбраноженский">
    <br><br>
    
    <select>
        <option>---Пожалуйста, выберите---</option>
        <option id="bk">Бакалавриат</option>
        <option id="zk">специалист</option>
    </select>
    <br>
    <input type="button" id="btn4" value="выбрано Бакалавриат">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // 1.attr(name,[value])   Получить/установить значение атрибута
    //Кнопка 1: Получить атрибут поля ввода id
    $("#btn1").click(function(){
        alert($("#username").attr("id"));
    });
    
    // Кнопка вторая: установите атрибут значения в поле ввода
    $("#btn2").click(function(){
        $("#username").attr("value","hello...");
    });
    

    // 2.prop(name,[value])   Получить/установить значение атрибута(checked,selected)
    //Кнопка 3: выбрать женщину
    $("#btn3").click(function(){
        $("#gender2").prop("checked",true);
    });

    //Кнопка 4: Выберите степень бакалавра
    $("#btn4").click(function(){
        $("#bk").prop("selected",true);
    });
</script>
</html>

4.5. Краткое описание знаний

  • Текст действия
    • html() html(…): Получить или установить метку из текста и проанализировать ее.
  • действоватьобъект
    • $("element"): Создает указанный элемент.
    • append(element)：Добавляется как последний дочерний элемент, вызываемый объектом сумматора.。
    • prepend(element)：Добавляется как первый дочерний элемент, вызываемый объектом сумматора.。
    • before(element)：Добавленный перед текущим элементом из, между ними существует родственное отношение, вызываемое объектом сумматора.。
    • after(element)：Добавленный после текущего элемента из, между ними существует родственное отношение, вызываемое объектом сумматора.。
    • Удалить (): удалить указанный элемент (удалить себя).
  • Стиль работы
    • addClass(value)：Добавляет имя класса стиля к указанному изобъекту.。
    • removeClass(value)：Удалить имя класса стиля для указанного изобъекта.。
  • Эксплуатационные свойства
    • attr(name,[value])：Получить/установить значение атрибута。
    • prop(name,[value])：Получить/установить значение атрибута(checked,selected)。
boy illustration
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
boy illustration
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
boy illustration
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
boy illustration
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
boy illustration
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
boy illustration
Идеальная интеграция Cursor и DeepSeek API
boy illustration
DeepSeek V3 снижает затраты на обучение больших моделей
boy illustration
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
boy illustration
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
boy illustration
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
boy illustration
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
boy illustration
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
boy illustration
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
boy illustration
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
boy illustration
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
boy illustration
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
boy illustration
Cloud Native｜Практика: установка Dashbaord для K8s, графика неплохая
boy illustration
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
boy illustration
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
boy illustration
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
boy illustration
Центр конфигурации————Накос
boy illustration
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
boy illustration
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
boy illustration
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
boy illustration
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
boy illustration
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
boy illustration
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
boy illustration
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
boy illustration
[Зона легкого облачного игрового сервера] Управление игровыми архивами
boy illustration
Развертывание SpringCloud-проекта на базе Docker и Docker-Compose
©