10 2019 档案
摘要：㈠使用HTML +CSS先设计一个心形，背景为灰色，接着使用原生JS的DOM操作修改一下背景属性，该语句放到DOM二级事件addEventListener的句柄。 代码示例如下图所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT
阅读全文
摘要：转自：https://blog.csdn.net/luanpeng825485697/article/details/77752629
阅读全文
摘要：㈠什么是URL 统一资源定位系统（uniform resource locator;URL）是因特网的万维网服务程序上用于指定信息位置的表示方法。 ㈡URL编码 url编码是一种浏览器用来打包表单输入的格式。 浏览器从表单中获取所有的name和其中的值 ，将它们以name/value参数编码（移去那
阅读全文
摘要：㈠事件流 ▶事件：是文档和浏览器窗口中发生的，特定的交互瞬间。 ▶事件流：描述的是从页面中接受事件的顺序 ⑴DOM事件冒泡 定义：事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级向上传播至最不具体的那个节点（文档）。 具体讲解： 代码： 说明：点击按钮，浏览器就会认为：你点按钮
阅读全文
摘要：第16关：潜伏 第17关：优待 第18关：Sarven牧羊人 第19关：捡闪亮东西的人 第20关：掠夺者 第21关：沙蛇 第22关：奇数沙尘暴 第23关：疯狂的Maxer 第24关：脆弱的士气 第25关：疯狂Maxer反击 第26关：许愿井 第27关：峭壁追逐 第28关：激流回旋 第29关：食人魔山
阅读全文
摘要：js的DOM操作整理（整理） 一、总结 一句话总结： dom操作有用原生js的dom操作，也可以用对js封装过的jquery等插件来更加方便的进行dom操作 1、dom是什么？ 对于JavaScript，为了能够使JavaScript操作Html，JavaScript就有了一套自己的dom编程接口。
阅读全文
摘要：㈠HSL(H,S,L) ⑴通过对色相(H)、饱和度(S)、明度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色 ⑵取值 H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360 S：Saturation(饱和度)。
阅读全文
摘要：㈠JavaScript编写位置 ⑴可以将js代码编写到外部js文件中，然后通过script标签引入 写到外部文件中可以在不同的页面中同时使用，也可以利用到浏览器的缓存机制 推荐使用的方式 ★script标签一旦用于引入外部文件了，就不能再编写代码了，即使写了浏览器也会忽略 如果需要则可以再创建一个新
阅读全文
摘要：第1关：尘埃 第2关：复查 第3关：山谷的风与牛 第4关：先有付出，才有回报 第5关：沙漠战役 第6关：诱饵和开关 第7关：海市蜃楼 第8关：菠菜粉 第9关：团队合作 第10关：协助防御 第11关：招募队伍 第12关：第二宝石 第13关：Sarven救世主 第14关：银行突袭 第15关：游魂
阅读全文
摘要：第41关：截断 第42关：雷蹄 第43关：Kithgard附魔师 第44关：扫雷 第45关：'Killdeer'操作 第46关：医疗护理 第47关：守时 第48关：沙漠十字 第49关：囤积黄金 第50关：诱饵演习 第51关：炼金术传承 第52关：快速赛跑 第53关：沙漠蘑菇 第54关：蘑菇之声 第5
阅读全文
摘要：第21关：有用的对手 第22关：奇境 第23关：被诅咒的梦境 第24关：宝石或者死亡 第25关：Burl和布尔 第26关：盐碱地 第27关：流星雨 第28关：森林影子 第29关：春雷 第30关：传送套索 第31关：狩猎斗士 第32关：平常的一天 第33关：逻辑之路 第34关：逻辑之圈 第35关：逻辑
阅读全文
摘要：第一关：友和敌 涉及的JavaScript知识点： 1.JavaScript 字符串：JavaScript 字符串用于存储和处理文本；字符串可以存储一系列字符；字符串可以是插入到引号中的任何字符，可以使用单引号或双引号。本关中运用ID属性将敌人名字与另一个字符串连接（"滚开," + enemy.id
阅读全文
摘要：㈠分类 ⑴原始类型（基本类型） ①数字类型：Number ②字符串类型：String ③布尔类型：Boolean ④未定义：Undefined ⑤空：Null ⑵引用类型 ㈡数字类型 ★可以表示32位的整数以及64位的浮点数 ⑴整数：32位即4个字节 ①十进制：生活中常用数字 ②八进制：逢八进一 v
阅读全文
摘要：㈠定义 ⑴伪元素：伪元素用于创建一些不在文档树中的元素，并为其添加样式。比如说，我们可以通过:before来在一个元素前增加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。 ⑵伪类：伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行
阅读全文
摘要：㈠什么是伪元素？ 不同的解释： ⑴伪元素是创造关于文档语言能够指定的文档树之外的抽象。例如文档语言不能提供访问元素内容第一字或者第一行的机制。伪元素允许设计师引用它们，否则这是难以办到的。伪元素还提供样式设计师给在源文档中不存在的内容分配样式（例如：:before和:after能够访问产生的内容）。
阅读全文
摘要：㈠定义 ASCII ((American Standard Code for Information Interchange): 美国信息交换标准代码）是基于拉丁字母的一套电脑编码系统，主要用于显示现代英语和其他西欧语言。它是最通用的信息交换标准，并等同于国际标准ISO/IEC 646。ASCII第
阅读全文
摘要：㈠定义及用法 ⑴<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 ⑵<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 ⑶元数据（metadata）是关于数据的信息。元数据
阅读全文
摘要：㈠添加元素的步骤 ⑴创建空元素 ⑵设置关键属性 ⑶将元素添加到DOM树 ㈡创建空元素 示例： ㈢设置关键属性 a.innerHTML = "go to tmooc" a.herf = "http://tmooc.cn"; <a href = "http://tmooc.cn">go to tmooc
阅读全文
摘要：㈠DOM标准 核心DOM： HTML DOM： 可操作一切结构化文档的API 专门操作HTML文档的简化版DOM API 包括HTML和XML 仅对常用的复杂的API进行了简化 万能！ 不是万能！ 繁琐！ 简单！ 开发：先用简单的，再用复杂的补充——以实现效果为目标 ㈡修改属性 核心DOM：4个操作
阅读全文
摘要：㈠什么是DOM？ DOM：document object model，是W3C（万维网联盟）的标准，是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容，接口和样式。 对网页进行增删改查的操作。 ㈡DOM查找 ⑴按ID属性，精确查找一个元素对象 •注意：一定要注意大小写的规范，因为j
阅读全文
摘要：㈠概念 ⑴静态布局：给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。针对不同分辨率的手机端，分别写不同的样式文件。例如：浏览器窗口是1000px，那么最小的宽度是900px或其他px,只要浏览器缩小过这个最小值就不会自动化的调整。 ⑵自适应布局：创建多
阅读全文
摘要：㈠定义 响应式布局：Responsive Web Design，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 ㈡优点 ⑴面对不同分辨率设备灵活性强 ⑵能够快捷解决多设备显示适应问题 ㈢缺点 ⑴兼容各种设备工作量大，效率低下 ⑵代
阅读全文
摘要：㈠基本概念是什么？ ⑴页面就是由一个个盒模型堆砌起来的，每个HTML元素都可以叫做盒模型，盒模型由外而内包括：边距（margin）、边框（border）、填充（padding）、内容（content）。它在页面中所占的实际宽度是margin + border + paddint + content
阅读全文
摘要：㈠<label>标签的定义与用法 ⑴<label> 标签为 input 元素定义标注（标记）。 ⑵label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果在 label 元素内点击文本，就会触发此控件。 就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件
阅读全文
摘要：㈠输入框(input) 样式 ⑴使用 width 属性来设置输入框的宽度 示例：css部分：input { width: 100%; } html部分：<form> <label for="fname">First Name</label> <input type="text" id="fname"
阅读全文
摘要：㈠什么是BFC？ BFC 全称为 块格式化上下文 (Block Formatting Context) 。 定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiabl
阅读全文
