前端小项目
对于学习过程中,小知识点有点不太牢靠,写一写小案例,来牢记小知识点
outside-R
这个作者很懒,什么都没留下…
展开
-
JS交换数组中位置
原数组:[1,2,3,4]交换位置: 2,4结果:splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。Array MDN原创 2022-06-16 09:37:50 · 1234 阅读 · 0 评论 -
将JSON文件展现至html中
图示:js // 加载json数据 // 常见问题 $(document).ready(function() { $.getJSON("./static/json/yz_zsk.json", function(data) { $.each(data, function(i, info) { var tit = info['wt'] var answer = info['da'原创 2022-05-10 09:27:52 · 1434 阅读 · 0 评论 -
jQuery取得select选中的值
图示:点击提交时,需要做判断【则需要选中表单,判断是否填写内容】①select:$("#select1 option:selected").text(); //选择反馈类型$('#select option:selected').val(); //0②textarea:$('#feed_txt').val()③如何用jquery获取中输入的值?$(" #test ").val()$(" input[ name='test' ] ").val()$(" input[ typ原创 2022-04-08 09:52:32 · 12318 阅读 · 0 评论 -
将时间戳转换为时间
图示:js编写函数:// 转换时间 function getMyDate(str) { var oDate = new Date(str), oYear = oDate.getFullYear(), oMonth = oDate.getMonth() + 1, oDay = oDate.getDate(), oTime = oYear + '年' + getzf(oMonth) +原创 2022-04-07 09:25:28 · 1512 阅读 · 0 评论 -
vue【v-if 判断案例】
vue中条件判断<template> <div class="test-container"> <h1 v-if="score>=80">优</h1> <h1 v-else-if="score>=60">良</h1> <h3 v-else>差</h3> </div></template><script>export default原创 2021-11-29 16:42:04 · 1788 阅读 · 0 评论 -
正则表达式
验证数字的正则表达式集验证数字:1*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:2+(.[0-9]{2})?$验证有1-3位小数的正实数:3+(.[0-9]{1,3})?$验证非零的正整数:^+?[1-9][0-9]*$验证非零的负整数:^-[1-9][0-9]*$验证非负整数(正整数 + 0) ^\d+$验证非正整数(负整数 + 0) ^((-原创 2021-09-23 20:15:32 · 72 阅读 · 0 评论 -
ES6:剩余参数与展开运算符【在input中取得最大值和最小值】
剩余参数arguments的缺陷:如果和形参配合使用,容易导致混乱从语义上,使用arguments获取参数,由于形参缺失,无法从函数定义上理解函数的真实意图ES6的剩余参数专门用于手机末尾的所有参数,将其放置到一个形参数组中。语法:function (...形参名){}细节:① 一个函数,仅能出现一个剩余参数② 一个函数,如果有剩余参数,剩余参数必须是最后一个参数展开运算符使用方式:...要展开的东西<body> <div>原创 2021-08-29 16:30:29 · 217 阅读 · 0 评论