- 博客(33)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 数组的数据扁平化
要求：给定一个arr = [[1, 2], [3, 4, 5], [6, 7, 8, 9, [11, 12, [13, [14]]]], 10];输出：[1, 2, 3, 4, 5, 6, 7, 8, 9, 11, 12, 13, 14, 10]实现思路：新建一个空数组，遍历需要扁平化的数组，循环在空数组中放入每一个数据，如果该数据还是一个数组，则再次调用函数本身，通过…解开该函数的返回值，然后放入空数组内 Array.prototype.flatten = function () {
2021-05-31 10:53:56
138
原创 关于数组方法filter，map，every的练习
现在有这么一个表，要求返回所有科目及格的学生姓名及相关科目信息 students = [ { name: 'lili', course: '语文', score: 67, }, { name: 'lili', course: '英语', score: 62, }, {
2021-05-21 22:55:05
128
原创 通过ajax获取本地json文件时，由于跨域而报错
如果用的编辑器是vs code，可以通过安装Live Server插件来解决，然后点击屏幕右下方的Go Live，就可以获取到本地的json文件了，如果还是获取不到，请把html文件和json文件放在同一层级的文件夹目录下...
2021-03-12 22:18:17
542
1
原创 前端学习-第二阶段-day13
今日练习利用面向对象编程，实现碰撞检测图用的昨天那个代码的图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <s
2020-12-29 21:16:04
77
原创 前端学习-第二阶段-day12
今日练习碰撞检测，当小盒子碰到大盒子时，大盒子会变色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&
2020-12-29 08:28:14
77
原创 前端学习-第二阶段-day11
今日练习利用事件代理，实现添加后的列表也可以触发点击事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <styl
2020-12-29 08:25:00
214
原创 前端学习-第二阶段-day10
今日练习1.滚动监听滑到相应区域时，改变右侧所对应的标签格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; list-
2020-12-28 22:24:18
88
原创 前端学习-第二阶段-day09
今日练习根据输入内容自动添加表格，点击全选可全选，被选中的点删除所选行，可删除，当每个分类都被选中时，全选按钮自动被选中<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu
2020-12-28 22:19:33
92
原创 前端学习-第二阶段-day08
今日练习点击自动从大到小排序，再次点击从小到大排序，点击随机 随机排序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &
2020-12-28 22:16:08
74
原创 前端学习-第二阶段-day07
练习目标1.点击按钮生成五位验证码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body&
2020-12-28 22:12:55
118
原创 前端学习-第二阶段-day06
练习目标轮播图,鼠标移入轮播停止，移出继续轮播，点击小圆点自动跳转相应图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2020-12-28 22:06:49
94
原创 前端学习-第二阶段-day05
练习目标，写个商品清单，自动计算分类总价，和所有分类总价之和<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <sty
2020-12-20 22:21:06
76
原创 前端学习-第二阶段-day04
练习目标 ：写个好友列表，可以自动添加新的分类类型，自动往分类类型里添加分类子项<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2020-12-20 22:18:45
105
原创 前端学习-第二阶段-day03
练习关于for循环的使用第一题1.打印100以内，7的倍数或者包含7的数字,并统计符合要求的数量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</ti
2020-12-20 22:14:48
142
原创 前端学习-第二阶段-day02
今日目标：一、利用运算符的规律计算如下值。var a = 10;var b = a++ + ++a + ++a;var c = a++ + ++b + b++;最终a,b,c的值是多少?a=14 b=35 c=85一、JavaScript 的 typeof 返回哪些字符串？typeof number ----- >numbertypeof string ----- > stringtypeof boolean ----- >booleantypeo
2020-12-15 21:19:30
144
原创 前端学习-第二阶段-day01
练习目标要求：在输入框输入颜色、宽高并点击旁边的按钮时 ，文字区域会发生相应改变要求，点击弹出修改框，鼠标移入显示相应样式，点击确定保存所有样式返回主页面，点击取消重置所有样式返回主页面。代码与笔记已上传到我的资源里...
2020-12-14 20:55:42
90
1
原创 禁止less的计算功能
解决办法：用引号把产生计算的数值包裹起来，然后在引号之前加波浪号，这样就可以禁用less在引号之间的计算。grid-column:~“1/3”;grid-row:~“1/2”;
2020-12-11 10:49:02
264
原创 前端学习-第一阶段day18-day19
今日练习目标：响应式界面一套代码自动适应pc pad phone主页HTML样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&
2020-12-10 21:59:29
81
原创 利用checked实现收藏按钮红心的显示与隐藏
实现原理：利用checked 选择器和兄弟选择器，通过复选框的复选与取消复选，达到收藏红心的显示与隐藏效果默认复选框选中时的状态复选框被取消复选的状态实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-12-07 21:07:32
542
原创 利用calc实现在移动端不同分辨率下的自适应
// 原理：利用视口宽度vw,输入设计稿宽度，自动计算HTML的font-size值，从而改变1rem所等于的像素值。// 注意：1.设置盒子宽高或字体大小时，必须使用rem作为计量单位，使用px将起不到自适应的效果。2.使用的时候只需根据设计稿宽度改变@designDraftWidth后的值即可3.代码实际写的宽高为设计稿宽高除以100，单位为rem代码如下//设计稿宽度@designDraftWidth:375px; //当1rem等于100px时@rem-size:100px;
2020-12-07 16:19:53
533
原创 前端学习-第一阶段-day14
练习利用弹性盒实现布局代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="styleshee
2020-12-04 08:39:55
58
原创 前端学习-第一阶段-day13
练习图片代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2020-12-04 08:35:55
67
原创 前端学习-第一阶段-day12
##今日练习##代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet"
2020-12-02 08:44:04
87
原创 前端学习-第一阶段-day11
今日练习练习图片练习代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="styleshee
2020-11-30 22:14:59
124
原创 前端学习-第一阶段day07-day10
1.练习基本上除了需要JS才能实现的模块其他全部完成2.代码首页代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>首页</title> <li
2020-11-29 21:48:44
211
原创 前端学习-第一阶段-day06
今日练习练习一效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *
2020-11-23 22:14:01
84
原创 前端学习-第一阶段-day05
这是我第一周周末的练习，先发下我做出来的效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>中国地方铁路（伪）</title> <style
2020-11-23 08:37:08
192
原创 前端学习-第一阶段-day04
第四天练习第一个练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box{
2020-11-19 22:37:16
109
原创 前端学习-第一阶段-day03
前端学习-第一阶段-day03今天练习做的太晚了，懒得整理笔记了，把我做的4个练习图片和代码发一下吧。第一个<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2020-11-18 22:43:30
402
原创 前端学习-第一阶段-day02
前端学习-第一阶段-day02一.学习内容1.超链接的使用：csdn首页<a href="https://www.csdn.net/">csdn首页</a>2.锚点的使用(快速跳转页面到锚点设置位置)要配合id的使用,引用id前要加#键<a href="#box">点我跳转到box</a><div id="box"></div>3.列表系列有无序列表 （可用ul>li*n快捷设置多行）<ul typ
2020-11-17 22:05:01
158
原创 前端学习-第一阶段-day01
前端学习-第一阶段-day01学习内容一、文本相关的标记1.例如标题h1到h6<h1></h1>2.段落<p></p>3.图片标记<img src=" " alt=" " title="" width="" height="">绝对路径和相对路径alt: 当图片加载失败的文本提示title:鼠标悬停时的文本提示width:宽度 等比例缩放 3:2 height:高度二、了解了一下修饰文字相关的标记1.
2020-11-16 22:30:12
714
仿国美首页，仿国美首页.rar
2021-03-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人