引言：近年来，随着教育理念的提升，对学生综合素质的教育越发重视，特别是越发重视学生的身体素质提升，各阶段的升学考试也将体测纳入考核范围。学校也推出了各种体测锻炼促进手段，今天为您介绍一个基于小程序的，线上AI体测训练打卡、评测方案。 一、体测功能需求 根据相关学生体测标准，体测小程序需要具备以下功能需求，以满足日常教学和测评要求。 1.1、日常练习 支持进度跟踪和自主练习，配以教学视频和定时提醒，旨在帮助学生自主有效地练习体测运行项目，增加学习的趣味性，减轻家长、老师负担。 1.2、体测作业打卡 提供学生定时线上运动项目家庭作业打卡功能，记录和监测学生在家的练习情况。 1.3、线上评测 参...
JavaScript事件循环通俗解释 好的，用更通俗的话来说，事件循环就像是在一个大剧院里，有一个演员（JavaScript引擎）和两个重要的角色：一个是前台的表演者（调用栈），另一个是后台的候场区（事件队列）。 前台表演者：这个演员在前台表演，一次只能表演一个节目（单线程执行）。当一个节目（函数）开始时，演员就上台表演，表演结束，演员就下台（函数执行完毕，从调用栈中弹出）。 后台候场区：有些节目需要准备，比如换衣服、化妆等，这些准备工作不会在台上直接做，而是在后台候场区进行。这就是事件队列，异步任务的回调函数（比如网络请求的结果）会先在这里排队等待。 剧院导演：事件循环就是剧院的导演，它负责...
今天我为大家带来新的作品，iOS17桌面组件神器（Scriptable）原创脚本，精美作品分享！喜欢的话就点关注吧！更多脚本正在路上... script:ONE-Progress.js version:1.0.0 author:Nicolas-kings date:2021-03-06 github:https://github.com/Nicolasking007/Scriptable desc:具体配置，详见微信公众号-曰(读yue)坛 color:FFA400,FF7500,0AA344,4B5CC4,B25D25 前段时间，在小米手机上看见倒计时这个捷径，挺好看的，想着用scrip...
UIOTOS可以了解下，uiotos.net，通过连线来代替脚本逻辑开发，复杂的交互界面，通过页面嵌套轻松解决，是个很新颖的思路，前端零代码！ 蓝图连线尤其是独创的页面嵌套和属性继承技术，好家伙相当于把vue的组件化、增量式面向对象开发，直接搬到前端拖拽工具上，无代码编程了。 总的来说，这上面的理念，看到是用连线代替脚本开发，复杂连线和界面，通过页面嵌套可以轻松解决。 官网给的介绍： 一款拥有独创技术的前端零代码工具，专注于解决前端界面开发定制难题，原型即应用！ 具有页面嵌套、属性继承、节点连线等全新特性，学习门槛低，功能极为灵活。 用户无需懂任何前端开发技术，简单了解使用规...
描述 我们在使用node的npm下载依赖的时候，往往下载速度很慢，那是因为npm默认的是npm处于国外的官方镜像源。所以需要切换到国内的镜像源来加速依赖下载。所以本文推荐一款简单好用npm镜像源管理器，可以方便开发者管理自己的镜像源。 推荐：npm-registry-nrs 📦npm-registry-nrs是一个npm源管理器，允许你快速地在npm源间切换，并且支持通过增删改查等管理镜像源。 npm包地址:npm-registry-nrs github地址：npm-registry-nrs 安装 npm npmi-gnpm-registry-nrs yard yarnadd-gnpm-r...
Web存储技术 1.localStorage 特点：长期存储，除非手动删除否则会一直保存在浏览器中，清除缓存或卸载浏览器后消失。 存储语法：window.localStorage.setItem(名字,值) 获取语法：window.localStorage.getItem(名字) 删除语法：window.localStorage.removeItem(名字) 作用：删除localStorage中的数据。 限制：只能保存字符串类型的数据。 应用场景：适用于存储不需要跨会话访问的数据，如用户偏好设置、游戏进度等。 2.sessionStorage 特点：会话存储，浏览器关闭后数据消失，可以跨...
0x01概述 API是一些预先定义的函数，提供应用程序与开发人员基于某软件或硬件访问一组例程的能力 WebAPIs是W3C组织的标准，是JS独有的部分 WebAPI是浏览器提供的一套操作浏览器功能和页面元素的API，即DOM与BOM 0x02DOM （1）简介 文档对象模型（DocumentObjectModel）是W3C组织推荐的处理可扩展标记语言的标准编程接口 可以改变网页内容、结构和样式 DOM树：DOM对象 graphTB文档-->0[根元素<br/><html>]-->1[元素<br/><head>]&2...
splice在英语中的意思是拼接，在实际的代码使用中，splice就在数组中起到了一个拼接的作用 使用方法 splice(x,y,a,b,c,...) 其中x、y为数字，a、b、c为新添加的项，意思是从数组的第x项开始删除y项，并在其中添加a、b、c...，其中x、y必填，abc可不填 图像理解 现在让我们将splice方法想象成一把剪刀，splice(x,y,a,b,c,...)其中x表示剪刀落剪的位置，y表示剪去片段的长度，后面跟着的项则表示新插入的片段 或许这样表述还是有些抽象，但请接着往下看—— 我们先声明一个数组 letarray=[0,1,2,3,4] 它的内部结构如下—— 删除...
背景 20天前,发布了一篇文章讲述我自己写的浏览器插件,帮助自己在阅读微信读书网页端的时候解放双手的故事.主要核心点就是自动阅读.本次发布做了很多更新,先睹为快! 当时我就是写着玩的,一个非常小众场景的小众需求,却没有想到使用的人还挺多的.期间有2个人让我印象非常深刻. 这个世界不只有程序员 路人甲 一个类似花开富贵头像的老哥+了我好友,说是无法安装插件.于是就有了以下对话. 到这我真愣住了.这是啥意思?让我写个微信读书app吗?于是我就追问 原来他不懂技术啊.我以为是同行呢.随后我就遇到了第二个路人 路人乙 我发布插件没几天就有人到了项目仓库给我提issue 都会提issue了,这总...
前言 我们已经介绍了radash的相关信息和部分Array相关方法，详情可前往主页查看； 本篇我们继续介绍radash中Array的相关方法； 下期我们将介绍解析radash中剩余的Array相关方法，并整理出Array方法使用目录，包括文章说明和脑图说明。 Radash的Array相关方法详解 iterate：把一个函数迭代执行指定次数 使用说明 参数：迭代次数、每次迭代调用的函数、迭代初始值。 返回值：返回最终一次循环迭代的值。 使用代码示例import{iterate}from'radash' constvalue=iterate( 4, (acc,idx)=&g...
写在前面 tips：点赞+收藏=学会！ 我们已经介绍了radash的相关信息和部分Array相关方法，详情可前往主页查看。 本篇我们继续介绍radash中Array的相关方法的剩余方法。 本期文章发布后，作者也会同步整理出Array方法的使用目录，包括文章说明和脑图说明。 因为方法较多，后续将专门发布一篇Array篇总结文档，方便大家查阅使用。 replace：查找指定项，并用传入的去替换； 使用说明 参数：对象数组1、用于替换的对象、条件函数。 返回值：替换目标项后的原始素组副本（新数组）。 使用代码示例import{replace}from'radash' constfis...
什么是接口重复提交？ 接口重复提交指的是在网络通信中，同一个请求被客户端多次发送到服务器端的情况。这种情况可能由于多种原因导致，例如用户在等待期间多次点击提交按钮、网络超时后客户端重新发送请求、客户端发送的请求在网络传输过程中出现重复等。 接口重复提交可能会导致多种问题，当服务器收到重复请求时，可能会多次处理相同的数据，导致数据重复操作或者产生不一致的结果。重复提交请求会增加服务器的负载和资源消耗，特别是在高并发情况下，可能会导致服务器压力过大，影响系统的性能和稳定性。有些请求是具有副作用的，例如支付、提交订单等，重复提交可能导致用户被重复扣款或者重复生成订单，从而导致业务异常或者用户不满。 ...
写在前面 tips：点赞+收藏=学会！ 本文包含radash中数组相关的所有方法说明+使用示例+思维导图查看 这边会整理出一份数组相关方法的使用大纲（不含源码解析），方便大家查阅使用； 作者会按照大类进行整理分享，本次也会同步给出Array所有方法的思维导图； 所有方法整理完毕后，作者会整理出一份Radash库相关的所有方法的思维导图，方便大家查看使用。 本文会把每个方法做标题展示，也方便大家直接在本文中阅读对应方法内容。 数组方法汇总思维导图 xmind文件链接可访问作者的github地址下载； github上还有作者之前学习前端的一些笔记，大家感兴趣可以查看。 访问外网不方便...
JS解混淆 最近在整理之前和一些同伴的分享资料，发现时间已经过了好久，特此整理一些有价值的分享记录。 JS混淆 学习js混淆可以逆向分析混淆和加密过程，实战可用于爬虫和渗透信息获取 本文档用于初步介绍js混淆的基础概念以及如何解混淆、调试，便于干掉反爬虫和渗透信息收集思路拓展 概念解释 混淆/加密 降低代码可读性加强安全性，防止被人任意查看，在一定程度保护资源 理想的混淆或加密应该具备如下特点 1、没有确定的破解模式； 2、很难编制自动破解程序（只能手工破解）； 3、破解过程繁琐、耗时； 4、“混淆|加密”后的代码，比原始代码长度增加少； 代码里诸如此类就是经过了混淆的结果，可以通过conso...
拖放功能，即将一个元素从一个区域，通过拖拽，放置到另一个区域。常见的应用是将文件或图片从一个区域，拖放到另一个区域。中文常常把这表述成拖拽，实际上拖拽的描述并不准确，应该叫拖放，因为drag事件和drop事件是成对使用的，即拖拽和放置。 drag在拖拽动作发生时触发，携带被拖拽元素的信息，drop在放置元素时触发，接收传递的拖拽元素的信息。 由于常常表述成拖拽，所以有些人在实现拖动功能时以为会触发drag事件，比如侧边栏拖拽。实际上drag是为拖放功能...
大文件上传流程 文件分片将文件分割成多个小块，以便于上传和管理。 计算文件以及分片文件的Hash值 生成唯一标识符通过计算文件及其分片的Hash值来创建一个唯一的标识符。 上传分片 根据标识符判断分片文件上传状态避免重复上传。 如果上传中断，下次上传时根据标识符跳过已上传的分片。 文件合并服务端根据唯一标识符将上传的分片合并成原始文件。 错误和异常处理 网络中断 服务端挂掉 客户端上传失败 客户端上传成功但合并失败 需返回相关信息给用户 返回上传成功状态一旦文件合并成功，系统将返回一个成功的确认信息。
Commonjs 什么是CommonJs CommonJs是js模块化的社区规范 模块化产生的原因 随着前端页面复杂度的提升，依赖的第三方库的增加，导致的js依赖混乱，全局变量的污染，和命名冲突 单个js文件内容太多，导致了维护困难，拆分成为多个文件又会发生第一点描述的问题 v8引擎的出现，让js有了媲美编译型语言的运行速度，大大激励了前端开发者 CommonJS的使用环境 nodejs实现了CommonJS模块化规范 CommonJs有哪些规定 每一个文件就是一个模块 模块中的变量和函数不会污染全局（解决了全局污染和命名冲突） 提供给外部使用的内容需要导出 使用其他模块的内容需...
DevTools非常强大除了常用的查看元素，进行断点调试或许还有些你不知道的小技巧，小功能。如可以快速的重新发送请求，快速选择元素，在控制台中使用npm库等，让你能够更加高效的进行开发。不定时更新 打开开发者工具的快捷键 使用快捷键能快速打开DevTools，但不同的快捷键可以打开不同的tab: 系统 元素 控制台 网络 Windows或Linux Ctrl+Shift+C Ctrl+Shift+J Ctrl+Shift+I Mac Cmd+Option+C Cmd+Option+J Cmd+Option+I 重新发送请求 有时在调试的使用仅想对某个接口重新请求，但又不...
1、首先构造函数为中心 functionPerson(){} varp=newPerson(); console.log('Person::',p) console.log(p.constructor=Person) 打印如下：可以看出构造函数通过new得到实例，实例可以通过【constructor】得到构造函数。访问原型的方式：①显示原型构造函数通过prototype访问原型 ②隐私原型(向上)实例通过__proto__访问原型 也就是p.__proto=Person.prototype根据上述画出他们的关系图如下： 2、以Object为中心 对象的一些创建方式： varobj1={}； ...
项目结构 在开发Chrome插件时，以下几个文件的作用如下： manifest.json：这是Chrome插件的清单文件，用于配置插件的基本信息、权限、页面跳转等。其中包括插件的名称、版本号、图标、后台脚本、浏览器动作等信息。 background.js：这是Chrome插件的后台脚本文件，用于处理插件的后台逻辑。可以监听事件、与浏览器进行交互、执行一些后台任务等。在manifest.json中指定了background脚本后，它会在插件加载时自动运行。 popup.html：这是Chrome插件点击后弹出的界面的HTML文件。可以定义插件弹出页面的结构、样式和交互逻辑。 popup.js：...