第一周 第一周 - Web前端开发实习 公司名称: ABC科技有限公司 实习时间: 2022年5月1日至2022年5月7日 实习内容： 了解公司的业务和产品，并学习公司的前端开发流程和规范。 学习HTML、CSS和JavaScript的基础知识，包括标签、样式、语法等，并通过练习掌握它们的基本用法。 学习使用VS Code等开发工具，创建项目文件夹、编辑文件、保存文件等。 学习如何使用Git进行代…
介绍 效果 解题思路 不多BB，上代码，写的复杂了点，如有不懂地方的欢迎留言： // TODO：待补充代码 let data; const pageText = document.getElementById('pagination'); const listNode = document.getElementById('list'); function renderPageText() { pa…
介绍 效果 解题思路 这题看着复杂,实际只需要我们重写数组的filter函数，上代码： Array.prototype.myarray = function(cb) { // TODO：待补充代码 const newArr = [] this.forEach((item) => { if (cb(item)) newArr.push(item); }) return newArr; …
介绍 效果 解题思路 可能写的复杂了些,总体思路是遍历出购物车数组中是否已经添加,若已经添加,则对应商品数量++即可,反之亦然,删除时调用arr.splice(idx,1)删除对应元素即可. addToCart(goods) { // TODO：修改当前函数，实现购物车加入商品需求 for (const idx in this.cartList) { if (goods.id === this.c…
介绍 解题思路 考验Vue2基本功，我们可以用v-if指令实现表格和列表的切换，同时使用v-for指令渲染出Axios获取到的数据，使用v-bind指令来控制CSS类的开启关闭： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>布局切换<…
介绍 解题思路 没啥好说的，考验基本排版功底，上代码: HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1…
介绍 效果 解题思路 CSS类.li1-8按顺时针排列，因此只需对time取模即可获取当前激活的图标位置，上代码： function rolling() { if (time === 0) { for (let i = 1; i <= 8; i++) { $('.li' + i).removeClass('active') } } time++; // 转动次数加1 clearTimeout…
介绍 效果 解题思路 这题没啥好说的,上代码: // TODO：完善此函数 显示红色颜色的灯 function red() { document.getElementById('defaultlight').style = 'display:none;'; document.getElementById('greenlight').style = 'display:none;'; document…