小demo整理

最新推荐文章于 2024-07-12 14:10:05 发布
最新推荐文章于 2024-07-12 14:10:05 发布
阅读量75 收藏 1
点赞数
文章标签： javascript node.js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61573418/article/details/120753947
版权 
<body>
		<h2>计算年龄案例</h2>
		<!-- <script type="text/javascript">
			var year = prompt('请输入您的出生年份');
			var age = 2021 - year;
			alert('您今年' + age + '岁啦')
		</script> -->
		<h2>判断闰年</h2>
		<!-- <script type="text/javascript">
			var year = prompt('请输出年份');
			if (year % 4 == 0 & year % 100 != 0 || year % 400 == 0) {
				alert('您输入的年份是闰年')
			} else {
				alert('您输入的年份是平年')
			}
		</script> -->
		<h2>1-100之间所有数的平均值</h2>
		<script type="text/javascript">
			var sum = 0;
			for (i = 1; i <= 100; i++) {
				sum += i;
			}
			console.log(sum);
			average = sum / 100;
			console.log(average);
		</script>
		<h2>1-100之间所有数的偶数的和</h2>
		<script type="text/javascript">
			var even = 0;
			var odd = 0;
			for (i = 1; i <= 100; i++) {
				if (i % 2 == 0) {
					even += i;
				} else {
					odd += i;
				}
			}
			console.log(even);
			console.log(odd);
		</script>
		<h2>1-100之间所有能被三整除的数字的和</h2>
		<script type="text/javascript">
			var num = 0;
			for (i = 0; i <= 100; i++) {
				if (i % 3 == 0) {
					num += i;
				}
			}
			console.log(num);
		</script>
		<h2>打印倒三角形的星星</h2>
		<script type="text/javascript">
			var str = ''
			for (i = 1; i <= 5; i++) {
				for (j = i; j <= 5; j++) {
					str += '*';
				}
				str += '\n';
			}
			console.log(str);
		</script>
		<h2>九九乘法表</h2>
		<script type="text/javascript">
			var str = '';
			for (i = 1; i <= 9; i++) {
				for (j = 1; j <= i; j++) {
					// str += '*';
					str += j + 'x' + i + '=' + j * i + '\t';
				}
				str += '\n';
			}
			console.log(str);
		</script>
		<h2>while循环案例</h2>
		<script type="text/javascript">
			// 1.打印人的一生，从1-100岁
			var age = 1;
			while (age <= 100) {
				console.log('你今年' + age + '岁啦');
				age++;
			}
			// 2.1-100之间所有数的和
			var sum = 0;
			while (i <= 100) {
				sum += i;
				i++;
			}
			console.log(sum);
			// 3. 弹出一个提示框， 你爱我吗？  如果输入我爱你，就提示结束，否则，一直询问。
			// var message = prompt('你爱我吗?');
			// while (message !== '我爱你') {
			//     message = prompt('你爱我吗?');
			// }
			// alert('我也爱你啊！');
		</script>
		<h2>do while循环案例</h2>
		<script type="text/javascript">
			// 1. 打印人的一生，从1岁到100岁
			var i = 1;
			do {
				console.log('这个人今年' + i + '岁了');
				i++;
			} while (i <= 100)
			// 2. 计算 1 ~ 100 之间所有整数的和
			var sum = 0;
			var j = 1;
			do {
				sum += j;
				j++;
			} while (j <= 100)
			console.log(sum);

			// 3. 弹出一个提示框， 你爱我吗？  如果输入我爱你，就提示结束，否则，一直询问。
			// do {
			//     var message = prompt('你爱我吗?');
			// } while (message !== '我爱你')
			// alert('我也爱你啊');
		</script>
		<h2>求数组中的最大值</h2>
		<script type="text/javascript">
			var arr = [4, 45, 6, 45, 3, 23, 56, 67, 78];
			var max = arr[0];
			for (i = 0; i < arr.length; i++) {
				if (arr[i] > max) {
					max = arr[i];
				}
			}
			console.log(max);
		</script>
		<h2>筛选数组</h2>

		<script type="text/javascript">
			// 将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中大于等于 10 的元素选出来，放入新数组。
			// 1.声明一个新的数组用来存放新数据
			// 2.将原数组遍历，找出大于等于10的元素
			// 3.依次追加给新数组
			var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
			var arr1 = [];
			for (i = 0; i < arr.length; i++) {
				if (arr[i] > 10) {
					arr1.push(arr[i])
				}
			}
			console.log(arr1);
		</script>
		<h2>数组去重(删除指定元素)</h2>
		<script type="text/javascript">
			// 将数组[2, 0, 6, 1, 77, 0, 52, 0, 25, 7]中的 0 去掉后，形成一个不包含 0 的新数组。
			// 1、需要一个新数组用于存放筛选之后的数据。
			// 2、遍历原来的数组， 把不是 0 的数据添加到新数组里面(此时要注意采用数组名 + 索引的格式接收数据)。
			// 3、新数组里面的个数， 用 length 不断累加。
			var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
			var arr1 = [];
			for (i = 0; i < arr.length; i++) {
				if (!arr[i] == 0) {
					arr1.push(arr[i])
				}
			}
			console.log(arr1);
		</script>
		<h2>翻转数组</h2>
		<script type="text/javascript">
			// 将数组 ['red', 'green', 'blue', 'pink', 'purple'] 的内容反过来存放
			// 1、声明一个新数组 newArr
			// 2、把旧数组索引号第4个取过来（arr.length - 1)，给新数组索引号第0个元素 (newArr.length)
			// 3、我们采取 递减的方式  i--
			var arr = ['red', 'green', 'blue', 'pink', 'purple'];
			var arr1 = [];
			for (i = arr.length - 1; i >= 0; i--) {
				arr1[arr1.length] = arr[i];
			}
			console.log(arr1);
		</script>
		<h2>利用函数计算1-100之间的累加和 (函数)</h2>
		<script type="text/javascript">
			function getSum() {
				var sum = 0;
				for (var i = 0; i <= 100; i++) {
					sum += i;
				}
				console.log(sum);
			}
			getSum();
		</script>
		<h2>利用函数求任意两个数的和(函数))</h2>
		<script type="text/javascript">
			function sum(num1, num2) {
				console.log(num1 + num2);
			}
			sum(5, 15);
		</script>
		<h2>利用函数求任意两个数之间的和(函数)</h2>
		<script type="text/javascript">
			function getSum(num1, num2) {
				var sum = 0;
				for (var i = num1; i <= num2; i++) {
					sum += i;
				}
				console.log(sum);
			}
			getSum(3, 100)
		</script>
		<h2>两个数的最大值(函数)</h2>
		<script type="text/javascript">
			function max(num1, num2) {
				return num1 > num2 ? num1 : num2
			}
			console.log(max(10, 34));
		</script>
		<h2>求数组中的最大值(函数)</h2>
		<script type="text/javascript">
			function max(arr) {
				var max = [];
				for (var i = 0; i < arr.length; i++) {
					if (arr[i] > max) {
						max = arr[i];
					}
				}
				return max;
			}
			var re = max([34, 45, 23, 4, 2]);
			console.log(re);
		</script>
		<h2>利用函数求任意个数的最大值(arguments使用)</h2>
		<script type="text/javascript">
			function getMax() {
				var max = arguments[0];
				for (var i = 0; i < arguments.length; i++) {
					if (arguments[i] > max) {
						max = arguments[i];
					}
				}
				return max;
			}
			console.log(getMax(1, 2, 8, 45));
			console.log(getMax(1, 2, 3, 4, 5));
			console.log(getMax(11, 2, 34, 444, 5, 100));
		</script>
		<h2>利用函数冒泡排序</h2>
		<script type="text/javascript">
			function sort(arr) {
				for (var i = 0; i < arr.length - 1; i++) {
					for (var j = 0; j < arr.length - i - 1; j++) {
						if (arr[j] > arr[j + 1]) {
							var temp = arr[j];
							arr[j] = arr[j + 1];
							arr[j + 1] = temp;
						}
					}
				}
				return arr;
			}
			var arr1 = sort([1, 4, 2, 9]);
			console.log(arr1);
			var arr2 = sort([11, 7, 22, 999]);
			console.log(arr2);
		</script>
		<h2>利用函数判断闰年</h2>
		<script type="text/javascript">
			function isRunYear(year) {
				var flag = false;
				if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
					flag = true;
				}
				return flag;
			}
			console.log(isRunYear(2021));
		</script>
		<h2>封装自己的数学对象</h2>
		<script type="text/javascript">
			var myMath = {
				PI: 3.141592653,
				max: function() {
					var max = arguments[0];
					for(i=0;i<arguments.length;i++){
						if(arguments[i]>max){
							max = arguments[i];
						}
					}
					return max;
				},
				min:function(){
					var min = arguments[0];
					for(i=0;i<arguments.length;i++){
						if(arguments[i]<min){
							min = arguments[i];
						}
					}
					return min;
				}
			}
			console.log(myMath.PI);
			console.log(myMath.max(4,45,34,2));
			console.log(myMath.min(4,45,34,2))
		</script>
		<h2>数组去重</h2>
		<script type="text/javascript">
			// 数组去重 ['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'] 要求去除数组中重复的元素。
			// 1.目标： 把旧数组里面不重复的元素选取出来放到新数组中， 重复的元素只保留一个， 放到新数组中去重。
			// 2.核心算法： 我们遍历旧数组， 然后拿着旧数组元素去查询新数组， 如果该元素在新数组里面没有出现过， 我们就添加， 否则不添加。
			// 3.我们怎么知道该元素没有存在？ 利用 新数组.indexOf(数组元素) 如果返回时 - 1 就说明 新数组里面没有改元素
			// 封装一个 去重的函数 unique 独一无二的 
			function unique(arr){
				var arr1 = [];
				for (var i = 0; i < arr.length; i++) {
					if(arr1.indexOf(arr[i])===-1){
						arr1.push(arr[i]);
					}
				}
				return arr1;
			}
			console.log(unique(['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b']));
			var dem = unique(['s','a','b','s','b']);
			console.log(dem)
		</script>
		<h2>查找字符串中某个字符出现的次数</h2>
		<script type="text/javascript">
			// 查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数
			// 核心算法：先查找第一个o出现的位置
			// 然后 只要indexOf 返回的结果不是 -1 就继续往后查找
			// 因为indexOf 只能查找到第一个，所以后面的查找，一定是当前索引加1，从而继续查找
			var str = "oabcoefoxyozzopp";
			var index = str.indexOf('o');
			var num = 0;
			// console.log(index);
			while (index !== -1) {
			    console.log(index);
			    num++;
			    index = str.indexOf('o', index + 1);
			}
			console.log('o出现的次数是: ' + num);
		</script>
	</body>

m0_61573418
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
muidemo整理测试
02-16
"Muidemo整理测试"这个标题揭示了这是一个关于MUI框架的实践与测试项目。MUI是一款专为移动应用开发设计的前端框架，尤其适用于H5页面和微信小程序。它以其轻量级、高效以及高度可定制化的特点，在国内移动Web开发...
OTTO官方demo整理工程
01-04
在“OTTO官方demo整理工程”中，我们可以深入理解如何在实际项目中运用OTTO框架来提高代码的可维护性和灵活性。 标题中的"OTTO官方demo整理工程"表明这是一个基于OTTO事件总线的示例项目，已经整理过，适配了...
小编整理的那些DEMO
MikeHoos的博客
04-07 232
using System.Collections;using System.Collections.Generic;using UnityEngine;public class CameraFollow : MonoBehaviour { [SerializeField] Transform x,zoom,container,player; void LateUpdate(){ transfor...
demo代码目录整理
风声的专栏
04-17 1330
文章目录零散Demo代码介绍Qt代码Qxlsx报表测试代码QPainter+QPrinter报表测试代码tcpClient tcp客户端demo百度地图调用demo9宫格图案手势滑动解锁demo多菜单界面框架demoQt界面显示opencv视频demoCPP代码cpp消息处理框架C++11多线程demo代码jsoncpp使用demoLinux应用代码demo消息队列共享内存Unix域套接字C代码函数指针-注册回调框架demo短信测试代码 零散Demo代码 介绍 平时写的一些示例代码 基本框架，封装，自定义
Unity 整理的Demo案例
W低小调W的博客
02-25 3343
微信扫码获取资源 说明 这些资源都是平时写项目的时候积累的，可以拿来直接使用。资源功能详细说明都在博客中提到，如果不清晰可以翻看博客内容。注意查看对应Demo的序号！注意查看对应Demo的序号！注意查看对应Demo的序号！有其他问题欢迎留言哦。。。。。。 .........
Camera2 Demo整理
baicaizaiqingdao2009的博客
03-30 2893
1.Camera2 Basic : https://github.com/googlesamples/android-Camera2Basic 演示如何使用Camera2 API基本功能的demo。你可以从中学会如何遍历相机设备的所有特性，显示预览照片，以及拍照。 2.Camera2 Video:https://github.com/googlesamples/android-
Unity Kinect官方所有Demo整理分析(持续更新中)
热门推荐
我知道你很急,但是路要一步步走
07-25 3万+
版本2.13package包 下载链接： https://download.csdn.net/download/qq_39097425/11165417 一.AvatarsDemo 1.KinectAvatarsDemo1 Avatar绑定骨骼Demo,有正反两面跟随人物动作 2.KinectAvatarsDemo2 将骨骼所有关节用正方体初始化出来,用线连接 3...
小程序源码下载[demo整理自github]
小码农大梦想
11-29 1316
微信小程序的火热程度大家都有所了解，也有很多牛人写了不错的小程序，今天ytkah就整理一些github上的小程序开源项目，源码可以直接下载来用，感兴趣的朋友赶紧去看看吧！以下小程序排名按star的数量来排，数字动态变化中，请参考具体的项目 weapp-demo ★727 - 仿豆瓣电影微信小程序 wechat-weapp-gank ★537 - Gank微信小程序 SmallAppForQQ...
uniapp授权小程序隐私弹窗效果demo（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
09-01 2464
【代码】uniapp授权小程序隐私弹窗效果demo（整理）
微信小程序不同类型demo集合含源码
Lc_style的博客
09-07 826
一. 微信官方的云开发教程demo： https://github.com/TencentCloudBase/mp-book https://github.com/TencentCloudBase/tcb-demo-basic 二. 小程序demo汇总，如图： 汇总github地址： https://github.com/justjavac/awesome-wechat-weapp 三. 营销小程序，手势解锁，大转盘，刮刮乐，九宫格，摇一摇等 https://github....
微信小程序入门教程+案例demo
Pannahouse的博客
01-19 6506
微信小程序入门教程+案例demo 尊重原创，转载请注明出处：原文查看惊喜更多 http://blog.csdn.net/qq137722697 首先摆在好姿态，——微信小程序开发也就那么回事。你只需要一点点css（真的只要一点点）的基础就可以了。 认清微信小程序开发其实，我觉得小程序就是将微信官方提供20+个基础组件（目前有26个）进行排列组合，然后加上一些css样式，对用户的操作进行反馈（调
小程序登录获取用户信息和手机号完整Demo
qq_44707265的博客
02-13 590
小程序登录获取手机号和用户信息
java23中设计模式所有的小demo整理
04-05
对java23中设计模式每种设计模式所做到demo,直接可以放到eclipse中运行，并且还有详细的说明。
微信小程序demo：精品demo推荐：事项助手；引入兼容库Bluebird支持Promise.rar
01-25
本压缩包中的"微信小程序demo"是一个实例，旨在展示如何开发一个名为“事项助手”的小程序功能，同时它还引入了一个兼容库Bluebird来支持Promise的使用。 事项助手小程序可能包含以下功能： 1. **任务创建与管理**...
微信小程序精品demo：仿网易云音乐：歌单，FM，播放，评论.rar
01-25
这个"微信小程序精品demo：仿网易云音乐：歌单，FM，播放，评论.rar"压缩包文件包含了一个模拟网易云音乐功能的微信小程序示例，涵盖了音乐应用的核心模块，如歌单、电台（FM）、音乐播放以及评论功能。以下是对这些...
vue2 实现原生 WebSocket
weixin_38797742的博客
07-11 322
原生WebSocket： new WebSocket。
vue 自定义滚动条同步拖动（移动端）
最新发布
u014206461的博客
07-12 158
vue 自定义滚动条同步拖动（移动端）
Webkit简介以及工作流程
读心悦
07-10 328
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
在项目中，如何使用springboot+vue+springsecurity+redis缓存+Axios+MySQL数据库+mybatis
huanghm88的专栏
07-11 687
在Spring Boot中，可以使用Spring Data JPA和MyBatis来配置MySQL数据库。在Vue项目中，可以创建一个config.js文件来配置后端的API地址，然后在需要发送请求的地方使用Axios发送请求。根据业务需求，在Spring Boot中编写相应的接口和服务层代码，包括数据访问、业务逻辑等。在Vue中，可以使用Axios发送HTTP请求，并将响应的数据展示在前端页面上。分别启动后端的Spring Boot应用和前端的Vue应用，访问前端页面，就可以看到与后端进行通信的效果。
小程序 云笔记demo
10-11
小程序云笔记demo是一款基于小程序开发的云笔记应用程序。它可以帮助用户在小程序平台上轻松地记录、管理和分享笔记。 首先，在小程序云笔记demo中，用户可以创建多个笔记本，并将笔记按照不同的分类进行整理。这样，用户可以更好地组织和查找自己的笔记内容。 其次，该应用提供了丰富的编辑功能。用户可以在笔记中添加文本、图像、链接等不同的媒体元素。而且，用户可以对文本内容进行字体、大小、颜色、对齐等样式的调整，以及对图像进行裁剪、旋转和滤镜处理等操作，使笔记内容更加丰富和生动。 此外，小程序云笔记demo还提供了数据同步的功能。不论用户是在手机、平板还是电脑上，只要登录同一账号，即可实现笔记数据的同步和共享。这意味着用户可以随时随地访问自己的笔记，并且与他人共享自己的笔记内容，便于协同工作和知识分享。 另外，该应用还具备创新的云储存功能。小程序云笔记demo将用户的笔记数据存储在云端，有效保障了数据的安全性和可靠性。即使用户更换设备或者卸载应用，也可以轻松地恢复之前的笔记数据。 总之，小程序云笔记demo是一款便捷、高效的云笔记应用程序。它通过提供多样化的编辑和同步功能，为用户提供了更好的笔记管理和分享体验。无论是个人学习、工作办公还是团队协作，都是一款非常实用的工具。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值