H-rosy的博客

十四届蓝桥杯web应用开发模拟赛2期 --大学组题解十四届web模拟赛凭空消失的TA、用户名片、芝麻开门、宝贵的一票、粒粒皆辛苦、资讯接口、绝美宋词、平地起高、收快递了

第十四届蓝桥杯web应用开发组模拟赛1期-大学组。本篇包含所有题目的题解

消消乐是一款益智类小游戏，最近比较火爆的一种是立体叠叠乐式的，然后小蓝也想开发一个自己练练手，它起名叫“水果叠叠乐”。一定要仔细看规定：==禁止以任何形式（除克隆外）修改页面上方（即 id = card )的 DOM 元素及其子节点。我在最开始时为下方的盒子添加结点使用的是append方法，但是这个方法会删除原有的结点，也就是说他会删除card中的li结点。显然不符合规定。思路如下：>- 先判断下方盒子是否有7个>- 让li中的图片消失>- 将点击的li的自定义属性data-id加入到数组中（数组本

js中判定各种参数的数据类型。主要使用typeof与instanceof运算符判定在前端开发中，js 有各种各样的数据类型，数据类型检测是每个开发者都必须掌握基础知识。数据类型检测的方法也有很多种，本题将封装一个通用的数据类型检测函数。

大致步骤：首先我们应该先构思好布局：1：先有一个div存放原始图片。2：再有一个div存放放大后的图片。3：来一个遮罩层让用户道自己正在观察哪个区域，并且实现遮罩层跟随鼠标移动而移动。4：显示放大后的图片。hover的小知识点：hover后面一般都是控制子元素，无法控制父元素的效果hover更改同级（兄弟）元素属性：更改兄弟元素又分两种情况：需要更改的兄弟元素是当前元素的相邻元素，也就是说紧接着当前元素，在hover后面使用‘+’号链接就行，就是.event1:hover + .big需要改变的兄

flex是flexibleBox的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局。当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将失效。并且子元素的display为inline-block属性。伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex局常见父项属性：一下六个属性是对父元素进行设置的：flex-direction：设置主轴方向justify-content：设置主轴上子元素的、、、...

本案例通过点击checkbox实现选择效果，点击了第一下表示选中了这个id叫modeCheckBox的多选框，此时显示黑夜，内容为月亮标记，再点一下表示取消选择，恢复为默认的太阳。今天给大家介绍一个例子，例子是实现背景的切换的，这里通过使用input标签中的checkbox中的checked实现，我觉得还是一个不错的例子，分享给大家。+介于两个选择器之间，当第二个元素紧跟在第一个元素之后，并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。在为类选择器选择的时候，使用原始的。......