江月迟迟

每日一题：自定义表单验证器介绍自定义表单验证器是一种在 Web 开发中常用的技术，用于验证用户输入的数据是否符合特定的规则或要求。通过自定义表单验证器，我们可以对表单字段进行验证，并在用户提交表单之前检查数据的有效性。 准备本题已经内置了初始代码，打开实验环境，目录结构如下： 123456789├── components│ ├── FormInput.js│ └── FormValidator.js├── css├── index.html├── js│ └── util.js└── lib └── vue.global.js 其中: index.html 是主页面。 css 是存放项目样式的文件夹。 lib 是存放项目依赖的文件夹。 components/FormInput.js 是 input 组件。 components/FormValidator.js 是表单验证器组件。 js/util.js 是项目需要用到的工具函数。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12cd /home/projectfile="formva ...

正则表达式手册速查知识字符 表达式 描述 [abc] 字符集。匹配集合中所含的任一字符。 [^abc] 否定字符集。匹配任何不在集合中的字符。 [a-z] 字符范围。匹配指定范围内的任意字符。 . 匹配除换行符以外的任何单个字符。 \ 转义字符。 \w 匹配任何字母数字，包括下划线（等价于[A-Za-z0-9_]）。 \W 匹配任何非字母数字（等价于[^A-Za-z0-9_]）。 \d 数字。匹配任何数字。 \D 非数字。匹配任何非数字字符。 \s 空白。匹配任何空白字符，包括空格、制表符等。 \S 非空白。匹配任何非空白字符。 分组和引用 表达式 描述 (expression) 分组。匹配括号里的整个表达式。 (?:expression) 非捕获分组。匹配括号里的整个字符串但不获取匹配结果，拿不到分组引用。 \num 对前面所匹配分组的引用。比如(\d)\1可以匹配两个相同的数字，(Code)(Sheep)\1\2则可以匹配CodeSheepCodeSheep。 锚点\边界 表达式 描述 ...

每日一题：司龄统计介绍M 公司马上要进行周年庆典活动了，公司让小蓝做一个员工司龄统计，用来根据司龄给大家发放纪念品，便于计算纪念品费用。但是眼看时间到了小蓝来不及编写，请热心的你帮他完成这个任务吧～ 准备本题已经内置了初始代码，打开实验环境，目录结构如下： 123456├── css├── index.html├── lib├── js│ └── index.js└── mock 其中: index.html 是主页面。 css 是存放项目样式的文件夹。 mock 是存放项目数据的文件夹。 lib 是存放项目依赖的文件夹。 js/index.js 是需要补充代码的 js 文件。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12cd /home/projectfile="work" && wget "https://labfile.oss.aliyuncs.com/courses/19791/${file}.zip" && unzip "${file ...

每日一题：会员卡定制介绍随着数字化时代的来临，线上平台成为商家与用户之间的重要连接点，线上 VIP 卡定制功能可以满足用户的个性化需求、提升品牌形象和用户体验，并通过数据分析和个性化推荐实现更好的营销效果。这是一个与时俱进的方式，使商家能够与用户建立更紧密的关系，赢得市场竞争的优势。 本题需要你运用所学实现一个线上 VIP 卡的定制功能。 准备本题已经内置了初始代码，打开实验环境，目录结构如下： 123456789├── css├── effect1.gif├── effect2.gif├── effect3.gif├── images├── index.html└── js ├── index.js └── vue3.global.js 其中： css 是需要样式文件夹。 effect1.gif ~ effect3.gif 为三个目标的效果图。 images 是图片文件夹。 js/vue3.global.js 是 vue3.x 文件。 js/index.js 是需要补充代码的 js 文件。 index.html 是需要补充代码的主页面。 注意：打开环境后发现缺少项目代 ...

每日一题：个性化推荐介绍当下，移动互联网技术和智能手机的发展，使得采集用户数据的能力变得空前强大，无时无刻，无所不在。拥有这些数据后，全行业的个性化推荐能力变得更加容易实现，不论是淘宝京东，还是今日头条，无疑是这个时代的最大受益者。个性化推荐的本质是根据不同的人群，将最有可能感兴趣的内容优先推荐给相应的用户，最大限度的提高转化率。 本题需要在已提供的基础项目中，使用 Nodejs 实现个性化推荐的效果。 准备本题已经内置了初始代码，打开实验环境，目录结构如下： 12345├── index.html├── customized.html├── data.json└── js └── index.js 其中： index.html 是标签选择页面。 customized.html 是根据选择标签渲染的个性化推荐页面。 data.json 是后台标签的数据文件。 js/index.js 是需要补充代码的文件。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12cd /home/projectwget https://labfile.oss.aliyuncs.co ...

天气趋势 A介绍日常生活中，气象数据对于人们的生活具有非常重要的意义，数据的表现形式多种多样，使用图表进行展示使数据在呈现上更加直观。 本题请实现一个 Y 城 2022 年的天气趋势图。 准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下： 12345678910├── css│ └── style.css├── effect-1.gif├── effect-2.gif├── index.html└── js ├── axios.js ├── echarts.min.js ├── vue.min.js └── weather.json 其中： css/style.css 是样式文件。 index.html 是主页面。 js/axios.js 是 axios 文件。 js/vue.min.js 是 vue2.x 文件。 js/echarts.min.js 是 echarts 文件。 js/weather.json 是请求需要用到的天气数据。 effect-1.gif 是当月和未来七天切换的效果图。 effect-2.gif 是最终完成的效果图。 ...

每日一题：实现模板字符串解析挑战介绍本节我们来挑战一道大厂面试真题 —— 实现模板字符串解析。 挑战准备新建一个 strRender.js 文件，在文件里写一个名为 strRender 的函数，并导出这个函数，如下图所示： 这个文件在环境初始化时会自动生成，如果发现没有自动生成就按照上述图片自己创建文件和函数，函数代码如下： 12345function strRender(str, data) { // 补充代码}module.exports = strRender; 挑战内容请封装一个 strRender 函数，用来实现模板字符串解析功能。 strRender 函数接收两个参数，第一个参数是模板字符串 str，第二个参数是需要传入的 data，最终返回一个把模板中的变量替换了的新字符串。 示例： 123456789const str = "My name is ${name}, I am ${age} years old, I come from ${country}";const ...

每日一题：实现数组去重挑战介绍本节我们来挑战一道大厂面试真题 —— 实现数组去重。 挑战准备新建一个 myUniq.js 文件，在文件里写一个名为 myUniq 的函数，并导出这个函数，如下图所示： 这个文件在环境初始化时会自动生成，如果发现没有自动生成就按照上述图片自己创建文件和函数，函数代码如下： 12345function myUniq(arr) { // 补充代码}module.exports = myUniq; 挑战内容请封装一个函数，用来去掉数组中重复的元素。 该函数返回的是一个新的数组。 不必考虑数组中出现对象、null、undefined、NaN 等特殊情况，数组中的每一项都是数字。 示例： 1234输入：[1,1,1,2,2,3,3,4,5,1]输出：[1,2,3,4,5]输入：[1,1,1]输出：[1] 注意事项 文件名、函数名不可随意更改。 文件中编写的函数需要导出，否则将无法提交通过。 题解 对于一个需要统计某元素在集合中出现次数的，可以考虑hashMap，hashMap可以用js提供的new关键字创建Map对象，也可以自己手写，这里我 ...

每日一题：生成数组挑战介绍本节我们来挑战一道大厂面试真题 —— 生成数组。 挑战准备新建一个 createArr.js 文件，在文件里写一个名为 createArr 的函数，并导出这个函数，如下图所示： 这个文件在环境初始化时会自动生成，如果发现没有自动生成就按照上述图片自己创建文件和函数，函数代码如下： 12345function createArr(n) { // 补充代码}module.exports = createArr; 挑战内容请封装一个函数，用来生成一个每项依次为 1 到 n 的数组。 不必考虑 n 过大的情况，本题中 0 <= n <= 10000。 示例： 12345678输入：n = 1输出：[1]输入：n = 5输出：[1,2,3,4,5]输入：n = 10输出：[1,2,3,4,5,6,7,8,9,10]输入：n = 10000输出：[1,2,3,4,5,6,7,8,9,10,...,9998,9999,10000] 注意事项 文件名、函数名不可随意更改。 文件中编写的函数需要导出，否则将无法提交通过。 题解 第一种不解释 ...

每日一题：分一分介绍如果给你一个数组，你能很快将它分割成指定长度的若干份吗？ 本题需要在已提供的基础项目中使用 JS 知识封装一个函数，达到分割数组的要求。 准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下： 1234├── effect.gif├── index.html└── js └── index.js 其中： effect.gif 是最终实现的效果图。 index.html 是主页面。 js/index.js 是需要补充代码的 js 文件。 注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载： 12cd /home/projectwget https://labfile.oss.aliyuncs.com/courses/9788/01.zip && unzip 01.zip && rm 01.zip 在浏览器中预览 index.html 页面，显示如下所示： 目标请在 js/index.js 文件中补全函数 splitArray 中的代码，最终返回按指定长度分割的数组。 具体要求如下： 将待分割的（一维）数组 ...