原生JS小案例

个人学习来源说明

1.学习nginx--尚硅谷Nginx教程（亿级流量nginx架构设计）2.学习原生js--MDN文档3.学习md文档--菜鸟教程MD
方朝端·2024-01-08 12:27

原生js XMLHttpRequest发送 get post 请求 解决跨域 及 注意事项

使用js原生的XMLHttpRequest发送getpost请求2、使用xhr发起GET请求四个步骤：①：创建xhr对象//1、创建一个xhr的对象letxhr=newXMLHttpRequest()②：调用xhr的open()函数（open中传递两个参数，参数一是GET/POST请求方式，参数二是请求的URL地址）//2、调用xhr中的open()函数,创建一个Ajax的请求xhr.open('
꧁“杂货店”꧂·2024-01-08 04:01

前端性能优化不完全手册 【已更新至React、原生JS懒加载和Nginx负载均衡】

性能优化是一门大学问，本文仅对个人一些积累知识的阐述，欢迎下面补充。抛出一个问题，从输入url地址栏到所有内容显示到界面上做了哪些事？1.浏览器向DNS服务器请求解析该URL中的域名所对应的IP地址;2.建立TCP连接（三次握手）;3.浏览器发出读取文件(URL中域名后面部分对应的文件)的HTTP请求，该请求报文作为TCP三次握手的第三个报文的数据发送给服务器;4.服务器对浏览器请求作出响应，并把
weixin_34309543·2024-01-08 03:55

自己用原生js写jquery能够达到寻找节点，调用方法的效果。

实现目标：1.通过id，类，元素寻找节点$("#box")$(".box")$("div")2.进阶可以通过寻找的节点调用.html().css()方法一、方法一1、通过id，类，元素寻找节点eg：$("#box")$(".box")$("div")function$(a){varchar=a.slice(0,1);varb=a.slice(1);switch(char){case'#':retu
啊～哈·2024-01-08 01:16

原生js删除节点、替换节点、复制节点

https://blog.csdn.net/lll_liuhui/article/details/79978487
e0c52543163a·2024-01-08 00:12

Ajax异步请求方法(详细)

使用ajax发送异步请求原生js实现以及jqueryajax实现发送请求文章目录使用ajax发送异步请求简介实现方式1.原生js实现1.get请求2.post请求2.jqueryajax实现1.基本方式
.雨落星辰·2024-01-07 11:09

自己解决在Vue中动态渲染图片不显示的问题

分钟前言如上图所示，我的图片就是储存在了assets/images/目录下，但是结果不显示，这个问题其实早就遇到了，当时查阅资料之后就解决了，大概原理也不是很深，解决的方式也并不复杂，所以就没有记录，但是今天写了一个小案例时
张浔·2024-01-07 09:39

2022-07-27 jq 设置attr 不生效问题总结

property:原生JS对对象的属性称之为property。attribute：HTML元素标签上的属性称之为attribute。
丁夏叮当·2024-01-06 21:58

Android中canvas.drawText 绘制文本居中

Android中canvas.drawText绘制文本居中因为最近多开项目，时间主要花在coding和review上了，抽空写个自定义控件中的小案例，但是虽然知识点很小但是在开发中很常用首先来看这个方法
heyrenly·2024-01-06 16:46

使用SVG绘制简易灯笼

学习资料：Day1:HowtoDrawBasicShapeswithSVG-SVGTutorial(svg-tutorial.com)里面有25个小案例，很值得推荐学习SVG绘制学习案例部分截图：
写bug断了电·2024-01-06 09:13

原生JS和jQuery请求接口

原生JS请求接口get请求//步骤一:创建异步对象varajax=newXMLHttpRequest();//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数
皮卡丘-杰尼龟·2024-01-06 08:45

js阶段学习总结

本周学习总结本周我主要完成了：js的视频学习、js的20个小案例、todolist案例以及开始了es6的学习。学完js之后我感觉自己好多掌握的不是特别好，还是练习的不够，之后有时间还需要多多的练习。
丁晓杰_2021强化班·2024-01-05 20:05

React —— React中组件的三大属性（state,props,ref)

文章目录前言一、State(状态)1.1State的书写形式1.2绑定事件方法1.3修改state值1.4小案例二、props2.1基础用法2.2批量传递参数三、ref的使用3.1字符串形式的ref3.2
Bonsoir777·2024-01-05 20:57

react如何拖拽模态框

Modal组件封装而成,如何在不修改原来代码的基础上实现拖拽呢.最终效果图如下:实践1.创建高阶组件DragHoc新建文件ModalDrag/index.js,将下面代码copy进去DragObj是具体拖拽的原生
_Kay_·2024-01-05 18:02

【JS】原生js递归实现数组转换为树形结构数据

//递归实现：把服务器传来的数组数据转换为树形结构的数据//[{1},{1.1},{1.2},{2},{3}]=>[{1,children:[{1.1},{1.2}]},{2},{3}]exportfunctionswitchToTreeData(list,rootValue){constarr=[]if(list.length){list.forEach(item=>{//用pid来区分其双亲节
小安驾到·2024-01-05 15:09

找到一半的另外一半（遇见7）

《3.兔兔的月亮和太阳｜让儿童在支线故事里停下来》主要内容再现锦敦老师说了一个小案例的故事，这个女孩儿叫小华，爸妈经常争吵不休。有一天，妈妈离家，爸爸一个人在哭。
梅花开在春天·2024-01-05 12:49

基于py2neo(v4)的知识图谱小案例

这个项目网上很多大神都讲过，但都是用的py2neo(v2,v3)，这里对部分语句作了改动，使其在py2neo(v4)适用，主要改了以下语句hyp_node=self.graph.find_one(label=dis_label,property_key="name",property_value="高血压")#frompy2neoimportGraph,Node,Relationship,Node
MilkLeong·2024-01-05 11:43

zhongwen.js获取屏幕的高度和宽度等值

zhongwen.js有一个屏幕对象，它是对原生js的window.screen的封装。
104feaba63b4·2024-01-05 11:06

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
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他