RookieD
RookieD

进阶任务十四-jQuery操作

jQuery 能做什么

jQuery库为Web脚本编程提供了通用(跨浏览器)的抽象层，使得它几乎适用于任何脚本编程的情形。

  • 便捷的获取DOM元素
  • 动态修改页面样式
  • 动态改变DOM内容
  • 响应用户的页面操作
  • 为页面添加动态效果
  • 同意AJAX操作
  • 简化常见的JavaScript任务

jQuery 对象和 DOM 原生对象有什么区别？如何转化？

  • jQuery对象是通过jQuery包装DOM对象后产生的对象；DOM对象就是一个对象，二jQuery对象是一个类数组对象；jQuery对象不能使用DOM对象的方法进行操作，DOM对象不能使用jQuery对象的方法进行操作
  • $(DOM对象) ===> jQuery对象
  • (jQuery对象).[0]或者(jQuery对象).get(0) ===> DOM对象

jQuery中如何绑定事件？bind、unbind、delegate、live、on、off都有什么作用？推荐使用哪种？使用on绑定事件使用事件代理的写法？

  • bind 为一个元素绑定一个事件处理程序
  • unbind 从元素上删除一个以前附加事件处理程序
  • delegate 为所有匹配选择器（selector参数）的元素绑定一个或多个事件处理函数，基于一个指定的根元素的子集，匹配的元素包括那些目前已经匹配到的元素，也包括那些今后可能匹配到的元素
  • live 附加一个事件处理器到匹配目前选择器的所有元素，现在和未来
  • on 在选定的元素上绑定一个或多个事件处理函数
  • off 移除一个事件处理函数
    现在推荐使用on/off来添加/移除事件
    事件代理示例：
$('table').on('click', 'th', function(e){
    console.log(this);
})

jQuery 如何展示/隐藏元素？

1、show()方法
$('.target').show();
匹配的元素将被立即显示，没有动画。
对应的隐藏方法是 .hide();

2、fadeIn() 动画表现形式淡入
.fadeIn( [duration ] [, complete ] )
第一个参数 动画用时
第二个参数 动画完成后执行的函数
$('.target').fadeIn(1000,function(){});
对应的隐藏方法是 fadeOut()，互相切换是 fadeToggle()

3、slideDown() 动画表现形式下拉
.slideDown( [duration ] [, complete ] )
$('.target').slideDown(1000,function(){});
对应的隐藏方法是slideUp(),互相切换是slideToggle()

jQuery 动画如何使用？

.animate( properties [, duration ] [, easing ] [, complete ] )
描述: 根据一组 CSS 属性，执行自定义动画。
animate({left:'80'，top},5000，)
properties：一个CSS属性和值的对象,动画将根据这组对象移动。
duration: 动画持续多久，1000,2000...
easing: 过渡使用哪种缓动函数，jQuery自身提供 linear swing 2种
complete: 动画完成时执行的函数

如何设置和获取元素内部 HTML 内容？如何设置和获取元素内部文本？

  • 设置元素内部HTML内容：
    $("target").html("content")
  • 获取元素内部HTML内容：
    $("target").html()
  • 设置元素内部文本内容：
    $("target").text("content")
  • 获取元素内部文本内容：
    $("target").text()

如何设置和获取表单用户输入或者选择的内容？如何设置和获取元素属性？

  • 设置表单用户输入或者选择的内容
    $("target").val("content")
  • 获取表单用户输入或者选择的内容
    $("target").val()
  • 设置元素属性
    $("target").attr("attributeName","value")
  • 获取元素属性
    $("target").attr("attributeName")

使用 jQuery实现如下效果

使用 jQuery 实现如下效果



    
        
    
    
    
        

        
        

            
    
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
            

            
    
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-4280e1b80d0974fa.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥3699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥199
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1639
    
                    
    
                        立即抢购
                    
    
                
    • 
            

            
    
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-633911a609643739.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥3699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥2699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-633911a609643739.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1299
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥2199
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1639
    
                    
    
                        立即抢购
                    
    
                
    • 
            

        

        

        
        

        
        

            
    
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
            

            
    
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-4280e1b80d0974fa.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥3699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥199
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1639
    
                    
    
                        立即抢购
                    
    
                
    • 
            

            
    
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-633911a609643739.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥3699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥2699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-633911a609643739.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1299
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥2199
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1639
    
                    
    
                        立即抢购
                    
    
                
    •

实现如下效果



    
        
    
    
    
        

            
珠宝首饰

            
    
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
                
  • 
                    ![](http://upload-images.jianshu.io/upload_images/4394888-2eb84f81ceba3acd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
                    
    藏美千足金和田玉金镶玉路路通吊坠
    
                    
    ￥1699
    
                    
    
                        立即抢购
                    
    
                
    • 
            

            添加

完成 左右切换的 Tab 效果



    
    Task14-4
    


    
    
        
  • tab1
    • 
        
  • tab2
    • 
        
  • tab3
    • 
    

    
    
        
  • content 1
    • 
        
  • content 2
    • 
        
  • content 3
    •

你可能感兴趣的:(进阶任务十四-jQuery操作)

  • 【人工智能时代】- 开源向量数据库比较：Chroma, Milvus, Faiss,Weaviate xiaoli8748_软件开发 人工智能时代人工智能开源数据库
    语义搜索和检索增强生成(RAG)正在彻底改变我们的在线交互方式。实现这些突破性进展的支柱就是向量数据库。选择正确的向量数据库能是一项艰巨的任务。本文为你提供四个重要的开源向量数据库之间的全面比较，希望你能够选择出最符合自己特定需求的数据库。什么是向量数据库?向量数据库是一种将数据存储为高维向量的数据库，高维向量是特征或属性的数学表示。每个向量都有一定数量的维度，根据数据的复杂性和粒度，可以从数十到
  • mysql数据库的学习(二)--sql语句用法及约束介绍 文艺小少年 数据库mysqlsql
    目录一、引言二、SQL常用操作语句------>2.1、连接数据库------>2.2、DDL语句------>2.3、DML三、DQL语句------>3.1、简单查询------>3.2、条件查询------>3.3、模糊查询------>3.4、分组查询------>3.5、分页------>3.5、排序四、数据库约束------>4.1、主键约束------>4.2、唯一约束------>
  • 【useEffect Hook】在组件中执行副作用操作 风茫 Reactreact.jsuseEffect
    引言useEffect是React中用于处理副作用的Hook，它允许你在函数组件中执行类似于类组件生命周期方法的操作。通过useEffect，你可以在组件挂载、更新和卸载时执行某些操作。常见副作用操作：AJAX请求：获取或提交数据。计时器：设置定时任务。异步操作：处理异步逻辑。更改真实的DOM对象：直接操作DOM元素。本地存储：读取或写入浏览器的本地存储。其它会对外部产生影响的操作：例如订阅事件等
  • 掌握 SQLAlchemy 的一对一关系：6 个独立案例详解 Python私教 pythonFastAPI数据库jvmjava开发语言
    在数据库设计中，一对一关系是一种常见的关系类型。例如，一个用户（User）可能对应一个用户详情（UserProfile），而一个用户详情只属于一个用户。SQLAlchemy提供了强大的工具来定义和操作这种关系。本文将通过6个独立的案例，详细讲解如何使用SQLAlchemy实现一对一关系，并覆盖各种常见的使用场景。每个案例都是完整的、可独立运行的脚本，方便你直接测试和学习。案例1：定义一对一关系并插
  • 第9章 空闲任务与阻塞延时的实现--总结 LS·Cui freeRtosc语言物联网
    整理野火《FreeRTOS内核实现与应用开发实战指南》—基于野火STM32全系列（M3/4/7）开发板文章目录第9章空闲任务与阻塞延时的实现9.1实现空闲任务9.1.1定义空闲任务的栈9.1.2定义空闲任务的任务控制块9.1.3创建空闲任务9.2实现阻塞延时9.2.1vTaskDelay()函数9.2.2修改vTaskSwitchContext()函数9.3SysTick中断服务函数9.3.1xT
  • Java程序设计（二十四）：基于SSM框架的基于的快递代取系统的设计与实现 人工智能_SYBH 2025年java程序设计javapython开发语言springbootspring后端
    引言随着电子商务的发展，越来越多的高校学生通过网购获取日常所需物品，快递服务也逐渐成为大学生活中不可或缺的一部分。然而，繁忙的学习与生活让部分学生无法及时领取自己的快递，因此基于高校校园的快递代取服务应运而生。本文将详细介绍如何基于SSM（Spring、SpringMVC、MyBatis）技术栈设计并实现一个高校快递代取系统，解决高校学生快递代取问题。通过该系统，管理员、代取人和发布者三类用户可以
  • 电脑访问京东云私有云盘，电脑如何访问京东云私有云盘 windows-server
    服务器远程连接是指通过网络技术，在远程位置控制和访问服务器。通过远程连接，用户可以在任何地方登录到自己的服务器，进行各种操作，如安装软件、运行程序、管理文件等，就像直接在服务器前操作一样。今天小编给大家讲解电脑如何访问京东云私有云盘。要使用电脑访问京东云私有云盘，您可以按照以下步骤进行操作：1.登录京东云控制台：打开京东云官方网站，输入您的账号和密码进行登录。2.访问私有云盘：登录后，在控制台的导
  • DRG／DIP医保结算中的偏差病例 DIPDRG分组器团队 dip大数据
    低倍率病例什么是低倍率？1、《国家医疗保障疾病诊断相关分组（CHS-DRG）分组与付费技术规范》中规定低倍率病例入组后住院费用一般低于该DRG病组支付标准30％。2、DIP低倍率病例入组后住院费用一般低于该DIP病种次均费用50％。低倍率病例产生的主要原因一是入组错误，即主要诊断选择错误、其他诊断或手术操作错填等，导致错误入组；二是治疗不充分，即患者由于病情过重出现死亡或者自身意愿提前自动出院，整
  • 医疗机构关于DIP/DRG信息化建设 DIPDRG分组器团队 数据库
    推进DIP/DRG支付方式改革是一项系统性工程，牵一发而动全身。作为河北省DIP试点医院，河北医科大学第二医院将信息化与创新性管理理念融合，用好支付工具做好精细化管理，积极应对改革。■改革背景国家医疗保障局制定的《DRG/DIP支付方式改革三年行动计划》指出，为加快建立管用高效的医保支付机制，将分期分批加快推进改革进程：从2022到2024年，全面完成DRG/DIP付费方式改革任务，推动医保高质量
  • 【自动化】使用PlayWright+代理IP实现多环境隔离 青塬科技 Python
    Playwright是由微软公司2020年初发布的新一代自动化测试工具，相较于目前最常用的Selenium，它仅用一个API即可自动执行Chromium、Firefox、WebKit等主流浏览器自动化操作。对各种开发语言也有非常好的支持。常用的NodeJs、Java、python都有支持，且有丰富的文档参考。Python环境下的安装使用1、安装依赖库pipinstallplaywright2、安装
  • ESP32-C3入门教程 蓝牙篇③——基于微信小程序和Esp Blufi实现 WiFi配网 小康师兄 ESP32-C3入门教程微信小程序小程序blufiESP32WiFi配网
    基于微信小程序和EspBlufi实现WiFi配网文章目录一、前言二、软件框架三、软件流程四、API介绍五、全部源码一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读二、软件框架
  • ESP32-C3入门教程 基础篇④——ADC（模拟量转数字量）单次读取简单实例 小康师兄 ESP32-C3入门教程ESP32ESP32-C3ADC模数转换模拟量转数字量
    文章目录一、前言二、硬件接线三、知识点3.1ADC电压范围3.2ADC精度3.3ADC校准3.4ADC读取四、全部源码五、运行演示六、参考一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读ADC转换是将输入模拟电压转换为数字值。ADC原
  • ESP32-C3入门教程 WiFi篇⑦——基于SoftAP 的 WiFi 智能配网 小康师兄 ESP32-C3入门教程物联网esp32WiFi配网SoftAPWiFi
    文章目录一、前言二、WiFi配网方式三、功能简述四、源码实现一、前言本文基于VSCodeIDE进行编程、编译、下载、运行等操作基础入门章节请查阅：ESP32-C3入门教程基础篇①——基于VSCode构建HelloWorld教程目录大纲请查阅：ESP32-C3入门教程——导读二、WiFi配网方式WiFi配网即：用户通过App/小程序/网页等途径将WiFi的SSID和密码等信息发送给ESP32，方式有
  • 如何修改Chromium内核|浏览器指纹伪装|Puppeteer指纹|Playwright指纹- Chromium内核修改与浏览器指纹伪装方法-anti-fingerprint指纹浏览器如何搭建环境 药尘韩立 前端javascript开发语言python自动化ai
    Chromium内核是许多现代浏览器的基础，如Chrome和Edge。在进行网络爬取、自动化测试或数据挖掘等任务时，使用Puppeteer或Playwright等工具时，浏览器指纹的重要性不言而喻。本文将介绍如何修改Chromium内核以及浏览器指纹伪装的方法，以构建一个抗指纹的浏览环境。首先，了解如何修改Chromium内核是至关重要的。您可以从Chromium源代码仓库中获取最新的代码，并根据
  • 【深度学习】常见模型-卷积神经网络（Convolutional Neural Networks, CNN） IT古董 人工智能深度学习机器学习深度学习cnn人工智能
    卷积神经网络（CNN）概念简介卷积神经网络（ConvolutionalNeuralNetworks,CNN）是一种专门用于处理数据具有网格状拓扑结构（如图像、语音）的深度学习模型。它通过卷积操作从输入数据中提取局部特征，并逐层构建更复杂的特征表示，广泛应用于图像分类、目标检测、语音识别等领域。关键组成部分卷积层（ConvolutionalLayer）使用卷积核（滤波器）在输入上滑动，提取局部特征。
  • solidity基础 -- 映射迭代 第十六年盛夏. Solidity区块链智能合约
    前提提要本文中出现的所有代码均可在本人GitHubGitHub--solidity学习代码中查询到基本概念在Solidity中，映射是一种非常有用的数据结构，它允许我们通过键来快速访问值。然而，映射本身是不可迭代的，这意味着我们不能直接遍历映射中的所有键值对。在某些情况下，我们需要对映射中的数据进行迭代操作，例如在处理用户余额、资产记录等场景时。为了实现映射的迭代功能，我们可以结合使用数组和映射来
  • NVIDIA L40s、A10、A40、A100、A6000横评，哪个GPU 更适合 AI 推理任务？ DO_Community 技术科普商业建议人工智能gpu算力DigitalOceanaiAIGC
    近年来，随着人工智能技术的发展，特别是深度学习模型的广泛应用，GPU（图形处理单元）作为加速计算的重要硬件，在AI领域扮演着越来越重要的角色。AI推理是指已经训练好的模型对新数据进行预测的过程。与训练阶段相比，推理通常对GPU的要求有所不同，更注重于能效比、延迟以及并发处理能力。本文将从这些角度出发，对比分析NVIDIA的L40s、A10、A40、A100、A6000五款GPU在AI推理任务中的表
  • Feed流系统重构：架构篇 m0_72864708 重构架构
    重构对我而言，最大的乐趣在于解决问题。我曾参与一个C#彩票算奖系统的重构，那时系统常因超时引发用户投诉。接手任务时，我既激动又紧张，连续两天几乎废寝忘食地编码。结果令人振奋，算奖时间从一小时大幅缩短至十分钟。去年，我作为架构师，参与了家校朋友圈应用的重构。这个应用虽小，但功能齐全。我将分享这次架构设计的思路，探讨如何通过精心策划的重构，提升应用的性能和用户体验。01应用背景1.应用介绍移动互联网时
  • mysql 学习3 SQL语句--整体概述。SQL通用语法；DDL创建数据库，查看数据库，删除数据库，使用数据库； hunandede mysql学习sql
    SQL通用语法SQL语句分类DDLdatadefinitionlanguage:用来创建数据库，创建表，创建表中的字段，创建索引。因此成为数据定义语言DMLdatamanipulationlanguage有了数据库和表以及字段后，那么我们就需要给这个表中添加数据，删除数据，改动数据，这些都是对数据有改动的行为，因此叫做数据操作语言manipulation中文是操作的意思DQLdataqueryla
  • [RHEL7基础篇-4] 用户和权限 JoveZou #RHEL7基础篇RedHatEnterpriseLinuxlinuxrhel
    [RHEL7基础篇-4]用户和权限简介用户和权限用户和组权限简介在RHEL7当中控制用户权限有DAC和ACL两种方式来控制文件或目录对于相应用户或组的权限，有的时候管理员为了系统安全往往会把root用户给藏起来，不给ssh远程登录，那时我们将使用到sudo来临时获得root用户的权限，或者通过su来切换到拥有权限的用户进行操作，该篇将会讲述用户和权限的相关配置与使用，以及如何临时获得root权限与
  • 【Origin+Python】使用External Python批量出图代码参考2 kkkkkkkkk_1201 绘图python开发语言
    目录前情提要进阶代码1批量绘制曲线图2曲线图设置3批量绘制相同设置的曲线图去除水印前情提要基础教程见链接:【Origin+Python】使用ExternalPython批量出图代码参考这里主要介绍一些进阶代码以及使用盗版origin要如何去除水印的方法！#############################################################进阶代码########
  • Mac 安装iOS集成FFmpeg详细步骤 郑州iOS iOS常用方法ios集成FFmpeg
    Mac安装iOS集成FFmpeg详细步骤一、Mac安装FFmpeg1.下载FFmpeg安装文件下载地址(https://github.com/kewlbear/FFmpeg-iOS-build-script)2.解压里面包含三个文件uild-ffmpeg.sh为我们需要的3.打开终端切换至该文件所在目录执行./uild-ffmpeg.sh中间会提示需要其他相关东西yasm不必特意安装根据提示操作回
  • QGroundControl（QGC）详细介绍 QGC二次开发 QGCqtqmlQGC无人机地面控制站无人机无人机手持机
    目录一.QGC官网：1.64位版本Windows：2.MacOSX：3.UbuntuLinux：二.QGC的基本功能1.无人机控制2.实时监视3.校准功能4.设置功能5.传感器校准6.通信协议支持三.QGC的用途1.航拍与地形测绘2.农业监测3.环境监测4.搜索与救援5.安全巡逻与监控QGroundControl（简称QGC）是一款开源的无人机地面站软件，专为无人机操作员设计，集成了实时飞行监控、
  • 【8】思科IOS AP升级操作 剪刀石头布Cheers CiscoWirelessLearning网络运维无线思科IOSAP
    1.概述本文主要针对思科AP的升级操作进行记录，思科的AP目前主要分为IOS和COSAP，IOSAP是我们常见的AP3502/AP1602/AP2702等等型号的AP，而COSAP是AP2802/3802等型号的AP。当然这里所指的都是一些室内AP，如AP1572等室外AP也同样适用。本文先对IOSAP的升级操作进行总结，COSAP的操作我们在后续的内容再进行介绍。2.IOSAP升级AP镜像转换的
  • C语言从入门到精通 - 学习资源 颜栩原
    C语言从入门到精通-学习资源【下载地址】C语言从入门到精通-学习资源C语言从入门到精通-学习资源欢迎来到《C语言从入门到精通》的学习资源页面项目地址:https://gitcode.com/open-source-toolkit/a3eac欢迎来到《C语言从入门到精通》的学习资源页面。这本书是专为那些渴望深入理解并掌握C语言的初学者以及进阶者所准备的宝贵资料。通过本书，你将能够系统地学习C语言的基
  • C# 调用 origin 批量作图 angliaokantang0683 c#runtime
    C#调用origin批量作图质谱数据处理软件中，需要批量粘贴Origin的矢量图到Word和PPT中，由于出图量大，需要用代码生成。代码参考了Origin9.2中自带的AutomationServer示例代码。本文涉及两部分内容，如何通过C#调用Origin.dll和interop.word对word的读写操作。目标：文件是一个.opj文件，内容如下。我们通过C#调用相关接口来修改数据和标签。并且
  • 架构蓝图的力量：引领企业数字化转型的最佳路径 AZone架构院 数字化转型微服务架构运维大数据
    企业数字化转型中的架构蓝图企业数字化转型不仅是一个技术升级的过程，更是企业从战略、技术到业务模式的全方位变革。在这个过程中，构建清晰的架构蓝图至关重要。架构蓝图不仅能确保技术与业务战略的一致性，还能够帮助企业在转型过程中管理复杂性，保障合规性，最终实现数字化转型的成功。本文将从企业如何利用和实施架构蓝图的角度出发，深入解析其在数字化转型中的关键作用，并提供实际操作的指导原则和最佳实践，帮助企业有效
  • C语言内存管理详解 池央 c语言开发语言
    C语言不像其他高级语言那样提供自动内存管理，它要求程序员手动进行内存的分配和释放。在C语言中，动态内存的管理主要依赖于malloc、calloc、realloc和free等函数。理解这些函数的用法、内存泄漏的原因及其防止方法，对于编写高效、可靠的C程序至关重要。本文将深入讲解C语言中的内存管理，涵盖动态内存分配、内存泄漏以及如何防止内存泄漏等内容。推荐阅读：操作符详细解说，让你的编程技能更上一层楼
  • 【基础概念】API和ABI kucupung 基础概念开发语言
    API（应用程序编程接口）和ABI（应用程序二进制接口）是软件开发中两个重要的概念。1、API（应用程序编程接口）API定义了软件组件之间的通信协议。它是一组规范，其中包括了函数、方法、类、数据结构等，允许不同的软件系统或组件之间进行交互。API通常用于编写应用程序，以便它们可以与外部服务、库或操作系统进行交互。通过调用API提供的函数或方法，应用程序可以访问其他软件组件的功能而无需了解其内部实现
  • 【C++基础】std::string详解 kucupung C++c++数据结构开发语言算法
    std::string是C++标准库提供的用于处理字符串的类。它在头文件中定义。std::string提供了一种灵活、高效的字符串表示方式，相比于C语言中的字符串表示（使用字符数组或指针），std::string更易于使用，更安全，并且提供了许多便捷的操作。一、底层实现std::string类的底层实现通常是一个动态分配的字符数组（即堆上的内存），并且该数组的长度可以动态地增长和收缩以适应字符串的
  • ViewController添加button按钮解析。（翻译） 张亚雄 c
    <div class="it610-blog-content-contain" style="font-size: 14px"></div>//  ViewController.m //  Reservation software // //  Created by 张亚雄 on 15/6/2.
  • mongoDB 简单的增删改查 开窍的石头 mongodb
       在上一篇文章中我们已经讲了mongodb怎么安装和数据库/表的创建。在这里我们讲mongoDB的数据库操作       在mongo中对于不存在的表当你用db.表名 他会自动统计 下边用到的user是表明，db代表的是数据库       添加(insert):
  • log4j配置 0624chenhong log4j
    1) 新建java项目 2) 导入jar包，项目右击，properties—java build path—libraries—Add External jar，加入log4j.jar包。 3) 新建一个类com.hand.Log4jTest package com.hand; import org.apache.log4j.Logger; public class
  • 多点触摸(图片缩放为例) 不懂事的小屁孩 多点触摸
    多点触摸的事件跟单点是大同小异的，上个图片缩放的代码，供大家参考一下 import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener
  • 有关浏览器窗口宽度高度几个值的解析 换个号韩国红果果 JavaScripthtml
    1 元素的 offsetWidth 包括border padding  content  整体的宽度。 clientWidth  只包括内容区 padding 不包括border。 clientLeft =  offsetWidth -clientWidth  即这个元素border的值 offsetLeft  若无已定位的包裹元素
  • 数据库产品巡礼：IBM DB2概览 蓝儿唯美 db2
    IBM DB2是一个支持了NoSQL功能的关系数据库管理系统，其包含了对XML，图像存储和Java脚本对象表示（JSON）的支持。DB2可被各种类型的企 业使用，它提供了一个数据平台，同时支持事务和分析操作，通过提供持续的数据流来保持事务工作流和分析操作的高效性。 DB2支持的操作系统 DB2可应用于以下三个主要的平台:   工作站，DB2可在Linus、Unix、Windo
  • java笔记5 a-john java
    控制执行流程： 1，true和false    利用条件表达式的真或假来决定执行路径。例：（a==b）。它利用条件操作符“==”来判断a值是否等于b值，返回true或false。java不允许我们将一个数字作为布尔值使用，虽然这在C和C++里是允许的。如果想在布尔测试中使用一个非布尔值，那么首先必须用一个条件表达式将其转化成布尔值，例如if(a!=0)。 2，if-els
  • Web开发常用手册汇总 aijuans PHP
    一门技术，如果没有好的参考手册指导,很难普及大众。这其实就是为什么很多技术，非常好，却得不到普遍运用的原因。 正如我们学习一门技术，过程大概是这个样子： ①我们日常工作中，遇到了问题，困难。寻找解决方案，即寻找新的技术； ②为什么要学习这门技术？这门技术是不是很好的解决了我们遇到的难题，困惑。这个问题，非常重要，我们不是为了学习技术而学习技术，而是为了更好的处理我们遇到的问题，才需要学习新的
  • 今天帮助人解决的一个sql问题 asialee sql
                今天有个人问了一个问题，如下： type     AD      value          A  
  • 意图对象传递数据 百合不是茶 android意图IntentBundle对象数据的传递
    学习意图将数据传递给目标活动; 初学者需要好好研究的       1,将下面的代码添加到main.xml中    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:/
  • oracle查询锁表解锁语句 bijian1013 oracleobjectsessionkill
    一.查询锁定的表 如下语句，都可以查询锁定的表 语句一： select a.sid, a.serial#, p.spid, c.object_name, b.session_id, b.oracle_username, b.os_user_name from v$process p, v$s
  • mac osx 10.10 下安装 mysql 5.6 二进制文件［tar.gz］ 征客丶 mysqlosx
    场景：在 mac osx 10.10 下安装 mysql 5.6 的二进制文件。 环境：mac osx 10.10、mysql 5.6 的二进制文件 步骤：[所有目录请从根“/”目录开始取，以免层级弄错导致找不到目录] 1、下载 mysql 5.6 的二进制文件，下载目录下面称之为 mysql5.6SourceDir； 下载地址：http://dev.mysql.com/downl
  • 分布式系统与框架 bit1129 分布式
    RPC框架 Dubbo 什么是Dubbo   Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案，以及SOA服务治理方案。其核心部分包含:    远程通讯: 提供对多种基于长连接的NIO框架抽象封装，包括多种线程模型，序列化，以及“请求-响应”模式的信息交换方式。    集群容错: 提供基于接
  • 那些令人蛋痛的专业术语 白糖_ springWebSSOIOC
    spring 【控制反转(IOC)/依赖注入(DI)】： 由容器控制程序之间的关系，而非传统实现中，由程序代码直接操控。这也就是所谓“控制反转”的概念所在：控制权由应用代码中转到了外部容器，控制权的转移，是所谓反转。 简单的说：对象的创建又容器(比如spring容器)来执行，程序里不直接new对象。 Web 【单点登录(SSO)】：SSO的定义是在多个应用系统中，用户
  • 《给大忙人看的java8》摘抄 braveCS java8
    函数式接口：只包含一个抽象方法的接口 lambda表达式：是一段可以传递的代码       你最好将一个lambda表达式想象成一个函数，而不是一个对象，并记住它可以被转换为一个函数式接口。 事实上，函数式接口的转换是你在Java中使用lambda表达式能做的唯一一件事。   方法引用：又是要传递给其他代码的操作已经有实现的方法了，这时可以使
  • 编程之美-计算字符串的相似度 bylijinnan java算法编程之美
    public class StringDistance { /** * 编程之美 计算字符串的相似度 * 我们定义一套操作方法来把两个不相同的字符串变得相同，具体的操作方法为： * 1.修改一个字符（如把“a”替换为“b”）; * 2.增加一个字符（如把“abdd”变为“aebdd”）; * 3.删除一个字符（如把“travelling”变为“trav
  • 上传、下载压缩图片 chengxuyuancsdn 下载
    /** * * @param uploadImage --本地路径(tomacat路径) * @param serverDir --服务器路径 * @param imageType --文件或图片类型 * 此方法可以上传文件或图片.txt,.jpg,.gif等 */ public void upload(String uploadImage,Str
  • bellman-ford(贝尔曼-福特)算法 comsci 算法F#
    Bellman-Ford算法(根据发明者 Richard Bellman 和 Lester Ford 命名)是求解单源最短路径问题的一种算法。单源点的最短路径问题是指：给定一个加权有向图G和源点s，对于图G中的任意一点v，求从s到v的最短路径。有时候这种算法也被称为 Moore-Bellman-Ford 算法，因为 Edward F. Moore zu 也为这个算法的发展做出了贡献。 与迪科
  • oracle ASM中ASM_POWER_LIMIT参数 daizj ASMoracleASM_POWER_LIMIT磁盘平衡
    ASM_POWER_LIMIT 该初始化参数用于指定ASM例程平衡磁盘所用的最大权值，其数值范围为0~11，默认值为1。该初始化参数是动态参数，可以使用ALTER  SESSION或ALTER  SYSTEM命令进行修改。示例如下： SQL>ALTER  SESSION  SET   Asm_power_limit=2;
  • 高级排序:快速排序 dieslrae 快速排序
    public void quickSort(int[] array){ this.quickSort(array, 0, array.length - 1); } public void quickSort(int[] array,int left,int right){ if(right - left <= 0
  • C语言学习六指针_何谓变量的地址 一个指针变量到底占几个字节 dcj3sjt126com C语言
    # include <stdio.h> int main(void) { /* 1、一个变量的地址只用第一个字节表示 2、虽然他只使用了第一个字节表示，但是他本身指针变量类型就可以确定出他指向的指针变量占几个字节了 3、他都只存了第一个字节地址，为什么只需要存一个字节的地址，却占了4个字节，虽然只有一个字节， 但是这些字节比较多，所以编号就比较大，
  • phpize使用方法 dcj3sjt126com PHP
    phpize是用来扩展php扩展模块的，通过phpize可以建立php的外挂模块,下面介绍一个它的使用方法,需要的朋友可以参考下 安装（fastcgi模式）的时候，常常有这样一句命令： 代码如下: /usr/local/webserver/php/bin/phpize   一、phpize是干嘛的？ phpize是什么？ phpize是用来扩展php扩展模块的，通过phpi
  • Java虚拟机学习 - 对象引用强度 shuizhaosi888 JAVA虚拟机
    本文原文链接：http://blog.csdn.net/java2000_wl/article/details/8090276 转载请注明出处！ 无论是通过计数算法判断对象的引用数量，还是通过根搜索算法判断对象引用链是否可达，判定对象是否存活都与“引用”相关。 引用主要分为 ：强引用(Strong Reference)、软引用(Soft Reference)、弱引用(Wea
  • .NET Framework 3.5 Service Pack 1（完整软件包）下载地址 happyqing .net下载framework
      Microsoft .NET Framework 3.5 Service Pack 1（完整软件包）  http://www.microsoft.com/zh-cn/download/details.aspx?id=25150 Microsoft .NET Framework 3.5 Service Pack 1 是一个累积更新，包含很多基于 .NET Framewo
  • JAVA定时器的使用 jingjing0907 javatimer线程定时器
    1、在应用开发中，经常需要一些周期性的操作，比如每5分钟执行某一操作等。 对于这样的操作最方便、高效的实现方式就是使用java.util.Timer工具类。 privatejava.util.Timer timer; timer = newTimer(true); timer.schedule( newjava.util.TimerTask() { public void run()
  • Webbench 流浪鱼 webbench
    首页下载地址 http://home.tiscali.cz/~cz210552/webbench.html Webbench是知名的网站压力测试工具，它是由Lionbridge公司（http://www.lionbridge.com）开发。 Webbench能测试处在相同硬件上，不同服务的性能以及不同硬件上同一个服务的运行状况。webbench的标准测试可以向我们展示服务器的两项内容：每秒钟相
  • 第11章 动画效果（中） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • windows下制作bat启动脚本. sanyecao2314 javacmd脚本bat
    java -classpath C:\dwjj\commons-dbcp.jar;C:\dwjj\commons-pool.jar;C:\dwjj\log4j-1.2.16.jar;C:\dwjj\poi-3.9-20121203.jar;C:\dwjj\sqljdbc4.jar;C:\dwjj\voucherimp.jar com.citsamex.core.startup.MainStart
  • Java进行RSA加解密的例子 tomcat_oracle java
    加密是保证数据安全的手段之一。加密是将纯文本数据转换为难以理解的密文；解密是将密文转换回纯文本。 　　数据的加解密属于密码学的范畴。通常，加密和解密都需要使用一些秘密信息，这些秘密信息叫做密钥，将纯文本转为密文或者转回的时候都要用到这些密钥。 　　对称加密指的是发送者和接收者共用同一个密钥的加解密方法。 　　非对称加密(又称公钥加密)指的是需要一个私有密钥一个公开密钥，两个不同的密钥的
  • Android_ViewStub 阿尔萨斯 ViewStub
    public final class ViewStub extends View java.lang.Object android.view.View android.view.ViewStub 类摘要： ViewStub 是一个隐藏的，不占用内存空间的视图对象，它可以在运行时延迟加载布局资源文件。当 ViewSt
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他