原生JS小案例

html原生js请求

html：原生js，ajax请求demoPOST请求GET请求//post请求document.querySelector(".postbtn").οnclick=function(){varxmlhttp
yy1209357299·2024-01-05 06:35

原生js：textarea根据内容自动适应

/*textarea根据内容自动适应为textarea添加autoHeight属性即可autoHeight="true"*/$(function(){$.fn.autoHeight=function(){functionautoHeight(elem){elem.style.height='auto';elem.scrollTop=0;elem.style.height=elem.scrollHe
有想法的人·2024-01-05 04:05

学习使用js/jquery获取指定class名称的三种方式

学习使用js/jquery获取指定class名称的三种方式简介一、获取元素的class名称1、通过原生JS获取元素的class名称2、通过Jquery获取元素的class名称二、应用1、样式修改2、动画效果实现简介在开发网页时
徊忆羽菲·2024-01-05 01:16

前端知识

一.js知识1.获取输入框输入的值2.获取当前屏幕的宽度3.根据搜索的内容判断跳转到哪一页面4.拿到传过来的id5.用原生js写分页，总条数/每页显示的条数如果有余数，按向上取整6.使用js往某一id标签内填充内容
later_1ac4·2024-01-04 18:29

《吃掉那只青蛙》

作者也根据这个原理做了很多的小案例，并阐述了其背后存在的原理和意义。我想这就是这本书的核心思想了。特别是这本书里几句话让我很受启发。
过往_503a·2024-01-04 17:44

2021年，42问第一场培训总结

通过真实的小案例，帮助我们既轻松又有趣的解决了生活中遇到的问题。2、当孩子出现问题时，我们要尊重孩子的选择，对于孩子不要有过高的要求，给孩子太大压力，那
春蕾九幼·2024-01-04 06:54

原生JS调用OpenAI GPT接口并实现ChatGPT逐字输出效果

效果：猜你感兴趣：springboot+vue实现ChatGPT逐字输出打字效果附源码，也是小弟原创，感谢支持！没废话，上代码：Title/*CSS样式*/body{font-family:Arial,sans-serif;margin:0;padding:0;}.chat-container{max-width:600px;margin:20pxauto;border:1pxsolid#ccc;
程大白丶·2024-01-04 06:29

原生JS做别踩白块游戏

思路创建初始一个按钮并为他添加点击监听开始创建随机方块，并样式_box.offsetTop+speed+'px'结合setInterval使得方块不断下移创建和删除方块的原则：box.offsetTop>=0（可视区上部没有方块了）时候需要创建一行方块，并随机指定一个黑色方块。当方块行数大于6行（不能刚刚5行，因为只有方块完全溢出才能删除）时候就删除方块。所以加上完全溢出、预备各一行、可视行4行一
海伦•·2024-01-03 18:39

用原生JS实现一个倒计时功能

倒计时功能*{margin:0;padding:0;}#count{width:800px;height:200px;background:#00BFFF;margin:100pxauto;text-align:center;line-height:200px;font-size:24px;}#countspan{width:60px;height:60px;background:rgba(255
小付学代码·2024-01-03 09:21

ArkUI按钮组件深入学习：通过点击按钮实现图片大小调整效果

文章目录前言Button组件控制Button样式实现点击按钮改变图片大小文章总结技术回顾前言在前面几节课中，我们已经学习了ArkUI提供的一些常见组件，通过一个小案例实现了imagetext和textinput
一见已难忘·2024-01-02 23:19

Ts手动封装http请求

也是走了很多弯路，手动封装了一下http请求（每次都使用原生Js写
飞猪0_0·2024-01-01 22:51

基于openGauss5.0.0全密态数据库等值查询小案例

基于openGauss5.0.0全密态数据库等值查询小案例一、全密态数据库简介二、环境说明三、测试步骤四、使用约束一、全密态数据库简介价值体现：密态数据库意在解决数据全生命周期的隐私保护问题，使得系统无论在何种业务场景和环境下
若兰幽竹·2024-01-01 21:28

Java—AOP案例-记录操作日志

简介：上一篇文章“JAVA语言—AOP基础”已经详细的介绍了AOP的各个功能接口，已经使用步骤，这篇文章就是基于此来做的一个小案例。
王大宁-真·2024-01-01 15:05

说服的力量11月19日

课堂上几个小案例的分析训练，自己感觉还是没有清晰的掌握今天的内容，有一些烧脑。通过今天的学习才知道。在我们日常
10组一蓑烟雨云鹏·2024-01-01 03:27

mysql 5.7 原生json类型的基本用法以及底层存储逻辑（源码分析）

mysql中json数据类型的使用及底层实现逻辑（源码解析）一、mysql中json对象的操作mysql从5.7版本开始增加了对json数据类型的支持。此前，用户通常将json字符串存储于varchar、blob或text数据类型中，使用时需要先将整个json对象从数据库读取出来，在内存中完成解析及相应的计算处理，这种方式增加了数据库的网络开销并降低处理效率。mysql通过对json数据类型的支持
小嘴叭叭儿·2024-01-01 01:27

原生js浪费性能吗？

首先举一个例子：我要更新10个DOM节点,浏览器会一个一个的进行更新,但它更新第一个的时候并不知道后面还有9个,所以会一个一个执行,共执行10次。每一次的更新都要去计算，但更新后DOM树变化了，更新第二个的时候，前一次计算的就没法再利用了，还需要再计算。白白浪费性能。但从JavaScript本身来看，原生JavaScript本身并不会浪费性能，但是编写不合理的JavaScript代码可能会导致性能
Z_B_L·2024-01-01 00:55

原生JS实现组件切换（不刷新页面）

这是通过原生Es6实现的组件切换，代码很简单，原理和各种框架原理大致相同。创建文件├──component：存放组件│├──home1.js：组件1│├──home2.js：组件2├──index.html├──index.js初始化html文件Document.home1{background-color:#e33a3a;width:200px;height:200px;}.home2{back
宝子向前冲·2023-12-31 23:14

java数组知识巩固——最值，反转，打乱数组顺序综合案例编写

前言：数组正式学完，为了更好的熟悉知识与代码，编写小案例来巩固知识数组知识点可以看这篇：java数组概述——静态数组和动态数组的使用及对比同时案例3需要用到Scanner（文本扫描器）和Random（随机数生成器
yojimbo1886·2023-12-31 12:50

原生JS实现拖拽条效果

效果图HTML结构：首先是我们的HTML结构，我们的拖拽条使用了标签来实现，10类型设置为range即可出现拖拽条样式。HTML：功能-你觉得这个创意在功能上优秀吗？分数越高表示越优秀0010外观-你觉得这个创意在外观上优秀吗？分数越高表示越优秀0010成本-你觉得这个创意在成本上优秀吗？分数越高表示越优秀0010难度-你觉得这个创意在难度上优秀吗？分数越高表示越优秀0010环保-你觉得这个创意在
知名大学士·2023-12-30 23:28

Java --- springMVC实现RESTFul案例

一、使用springMVC实现RESTFul小案例1.1、项目目录图：1.2、代码实现：pom.xml文件：warorg.springframeworkspring-webmvc5.3.1ch.qos.logbacklogback-classic1.2.3javax.servletjavax.servlet-api3.1.0providedorg.thymeleafthymeleaf-spring
鸭鸭老板·2023-12-30 23:38

vue小案例

Document编号姓名年龄性别成绩等级{{index+1}}{{user.name}}=30">中年=20">青年少年男女{{user.score}}90">很优秀80">优秀及格newVue({el:"#app",data:{users:[{name:"刘少穷",age:20,gender:1,score:89},{name:"刘美美",age:19,gender:2,score:67},{n
繁星仙儿·2023-12-30 19:48

原生js实现Ajax

方法：/***原生js封装ajax方法*@param{Object}conf*ajax({type:"post",url:"test.php",data:"name=xx&pwd=xx",dataType
zhanggongzi·2023-12-30 19:37

mvp模式android写法,Android开发学习--MVP模式入门(示例代码)

4、如果我们把逻辑放在Presenter中，那么我们就可以脱离用户接口来测试这些逻辑(单元测试)下面示例一个小案例：项目架
唔 姆·2023-12-30 15:16

Javaweb小案例-基于SpringBoot+Vue实现的Timo商城

前言Timo商城是基于Springboot+vue的web商城系统，包含了商城的后台管理系统+手机端+微信小程序端底层采用web-flash作为底层基础框架搭建基本功能包含一下模块基础模块部门管理用户管理角色管理菜单管理权限分配参数管理数据字典管理定时任务管理操作日志登录日志cms内容管理消息管理：配置消息模板，发送短信，邮件消息商城功能会员管理商品类别商品管理订单管理购物车banner管理收藏列
编程乐学（Arfan开发工程师）·2023-12-30 12:51

Java基础语法

1.2下载和安装1.2.1下载1.2.2安装1.2.3JDK的安装目录介绍1.3HelloWorld小案例2.3.1Java程序开发运行流程2.3.2HelloWorld案例的编写1.4HelloWorld
丁总学Java·2023-12-30 06:06

Python办公自动化Day3-python-docx

新建打开保存新建与保存打开操作段落添加段落/查询段落数删除段落内容但未删除段落插入段落插入分页符段落样式对齐方式自带样式缩进与间距Run介绍/读取Run添加/修改/删除RunRun样式小案例文章声明⭐⭐
斯丢匹德先森·2023-12-29 20:03

HarmonyOS自学-Day4(TodoList案例)

TodoList小案例文章声明⭐⭐⭐该文章为我（有编程语言基础，非编程小白）的HarmonyOS自学笔记，此类文章笔记我会默认大家都学过前端相关的知识知识来源为HarmonyOS官方文档，归纳为自己的语言与理解记录于此不出意外的话
斯丢匹德先森·2023-12-29 20:03

HarmonyOS自学-Day3(做个登录功能小案例)

登录功能小案例文章声明⭐⭐⭐该文章为我（有编程语言基础，非编程小白）的HarmonyOS自学笔记，此类文章笔记我会默认大家都学过前端相关的知识知识来源为HarmonyOS官方文档，归纳为自己的语言与理解记录于此不出意外的话
斯丢匹德先森·2023-12-29 20:32

Java小案例-Xxl-Job原理（概念和使用）

前言这里还是老样子，为了保证文章的完整性和连贯性，方便那些没有使用过的小伙伴更加容易接受文章的内容，快速讲一讲Xxl-Job中的概念和使用如果你已经使用过了，可直接跳过本节和下一节，快进到后面原理部分讲解1、调度中心调度中心是一个单独的Web服务，主要是用来触发定时任务的执行它提供了一些页面操作，我们可以很方便地去管理这些定时任务的触发逻辑调度中心依赖数据库，所以数据都是存在数据库中的调度中心也支
编程乐学（Arfan开发工程师）·2023-12-29 08:07

Java小案例-Feign的超时时间如何设置

前言Feign的超时时间如何设置？Feign的超时时间设置方式并不固定，它取决于Feign在项目中是如何使用的，不同的使用方式，超时时间设置方式也不大相同，甚至还可能有坑。由于文章会涉及到Feign的底层知识，如果不懂点Feign的基本概念的话，后面就看不下去所以为了方便不了解Feign的小伙伴也能够读得懂文章，这里我就简单地说说Feign的原理，点到为止，虽然不深入，但足够应付这篇文章了Feig
编程乐学（Arfan开发工程师）·2023-12-29 08:07

Java小案例-被玩烂了的9种设计模式

前言本文我就总结了9种在源码中非常常见的设计模式，并列举了很多源码的实现例子，希望对你看源码和日常工作中有所帮助。单例模式单例模式是指一个类在一个进程中只有一个实例对象（但也不一定，比如Spring中的Bean的单例是指在一个容器中是单例的）单例模式创建分为饿汉式和懒汉式，总共大概有8种写法。但是在开源项目中使用最多的主要有两种写法：1、静态常量静态常量方式属于饿汉式，以静态变量的方式声明对象。这
编程乐学（Arfan开发工程师）·2023-12-29 08:07

Java小案例-一招弄懂线程池

前言今天跟大家聊一聊无论是在工作中常用还是在面试中常问的线程池，通过画图的方式来彻底弄懂线程池的工作原理，以及在实际项目中该如何自定义适合业务的线程池。一、什么是线程池线程池其实是一种池化的技术的实现，池化技术的核心思想其实就是实现资源的一个复用，避免资源的重复创建和销毁带来的性能开销。在线程池中，线程池可以管理一堆线程，让线程执行完任务之后不会进行销毁，而是继续去处理其它线程已经提交的任务。使用
编程乐学（Arfan开发工程师）·2023-12-29 08:07

Java小案例-Synchronized真的很重量级吗？

前言synchronized是java中常见的保证多线程访问共享资源时的安全的一个关键字。很多人在讲到synchronized时都说synchronized是一把重量级的锁，那么synchronized真的很重么？synchronized在jdk1.6以前(不包括1.6)的确是一把很重的锁，每次使用锁的时候都是直接向操作系统请求的，所以效率低，且占资源，但是在jdk1.6以后，jvm对synchr
编程乐学（Arfan开发工程师）·2023-12-29 08:30

原生js实现左右了轮播图效果

Document*{margin:0;padding:0;/*除去左、右箭头的下划线*/text-decoration:none;}.scrollLoop_box{width:980px;height:400px;border:1pxsolid#000;margin:20pxauto;position:relative;}.scrollLoop_main{height:400px;width:10
岁月如歌_·2023-12-29 01:55

遇到这样的问题你是如何选择的呢

我们先来看看下面的小案例：案例一：他们从相识到相恋，他们一路走来，相互包容相互理解。婚后他们更是相互扶持，丈夫把爱人宠成想“小公主”一样，什么事情都会跟爱人沟通，也会理解爱人的小情
拾光写作·2023-12-28 22:57

重学原生js

一：js数据类型：js有两种数据类型，分别是：js有两种数据类型，分别是：原始类型：underfine，null，string，number，boolean引用类型（类）：对象。number,string，boolean都有对应的包装类对象。原始数据类型直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；引用数据类型存储在堆(heap)中的对象,占
秋の本名·2023-12-28 18:57

Python爬虫小案例：获取微信公众号(客户端)内容

嗨喽~大家好呀，这里是魔王呐❤~!python更多源码/资料/解答/教程等点击此处跳转文末名片免费获取知识点:爬虫基本流程抓包工具的使用开发环境:python3.10运行代码pycharm辅助敲代码requests第三方模块reqable微信客户端案例实现流程:一.需求(思路)分析找到数据的来源https://mp.weixin.qq.com/mp/profile_ext?action=getms
魔王不会哭·2023-12-28 13:52

原生js实现视频播放器

原生js实现播放器实现效果如图html完整代码如下加载中我是电视剧名字：第一集我是第一集的介绍6666620分钟发送弹幕11:00/22:002.00x1.50x1.25x1.00x0.75x倍速清晰度
小王没脑袋·2023-12-28 13:44

原生js重写confirm和select框

confirm原生的confirm实在是有点丑之前也写过一个但是感觉样式不够正经所以重写了一个样式如下所示js代码//封装confirmletmaskmax;letConfirmcnt;(function(){Confirmcnt=document.createElement("div");Confirmcnt.style.display="none";Confirmcnt.classList="
小王没脑袋·2023-12-28 13:43

vue源码部分解析--双向数据绑定（vue2--Object.defineProperty）--基础解析篇

原生js的双向绑定示例var$=name=>document.getElementById(name);$("input").onkeyup=e=>{console.log(e.target.value
lockloke·2023-12-28 13:41

原生JS和CSS实现点击图片预览放大

效果：代码实现，可以直接复制到本地测试（把图片路径换一下）3.图片预览.black_overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:100;}.enlargeContainer{
webchang·2023-12-28 08:28

VUE学习笔记-页面跳转

在最近的项目开发中，需要使用到Vue的页面跳转，就记录一下常用的几种：原生JSvarurl='https://10.50.1.10:8888/'window.open(url)//打开新页面window.location.href
赵客缦胡缨v吴钩霜雪明·2023-12-28 07:24

RedisTemplate操作Redis，这一篇文章就够了（一）

RedisTemplate操作Redis，这一篇文章就够了(一）StringRedisTemplate和RedisTemplate的区别（二）StringRedisTemplate的一个小案例（三）文章目录一
ha_lydms·2023-12-28 07:09

JS学习第6天——PC端网页特效（元素偏移量offset、元素可视区client、元素滚动scroll、动画函数封装、节流阀、网页轮播图案例、mouseenter与mouseover区别）

目录PC端网页特效一、元素偏移量offset系列offset与style的区别二、元素可视区client系列立即执行函数三、元素滚动scroll系列1、onscroll事件2、仿淘宝固定右侧侧边栏（小案例
离奇6厘米·2023-12-28 07:56

Java的lambda表达式

1.Java的lambda表达式Java小案例：原始写法packagecom.aaa.entity;publicclassProgram{publicstaticvoidmain(String[]args
CUIYD_1989·2023-12-28 03:07

淘宝奶茶数据抓取可视化

数据爬取既然说了是模拟登录相关的爬虫小案例，首先自然是要实现一下淘宝的模拟登录啦。
易数云·2023-12-27 18:42

Spring引入Mysql5和mysql8

JDBC3Mysql字段只更新日期不更新时间3.1Mysql8.0的URL配置3.2Mysql5.5url配置1背景小知识1.1Mysql5和mysql8区别功能：MySQL8引入了许多新功能和改进，例如原生
梦幻蔚蓝·2023-12-27 11:26

【AI】人工智能爆发推进器之生成对抗网络

目录一、什么是生成对抗网络二、发展历程三、应用场景四、小案例：使用GAN生成手写数字4.1问题描述4.2代码实现一、什么是生成对抗网络生成对抗网络（GenerativeAdversarialNetworks
giszz·2023-12-27 10:05

【前端框架React】原理

React设计思想1.原生JSReact相比于vue来说更接近原生JS，因为在react内部，jsx模板经babel转化后是一个对象，所有的操作都是基于这个对象和其对应的fiber结构来操作的，而vue.js
【南汐】前端·2023-12-27 06:48

flex 小案例

Document买新房买二手房租商铺租写字楼买商铺买写字楼我的邮箱我的邮箱我的邮箱我的邮箱我的邮箱*{font-family:Arial;font-size:14px;margin:0;padding:0;border:none;}a{text-decoration:none;}ul{list-style:none;}html,body{width:100%;height:100%;}body{b
u014378108·2023-12-27 02:28
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他