随笔分类 - 【Web】前端相关
前端相关
摘要：Element & Node 元素，或者称为节点 在JS中创建一个HTML元素，但是因为没有指定在Dom对象中的节点位置，所以页面不会发生改变 var para = document.createElement("p"); 在JS中创建一个HTML的文本节点，似乎在JS中文本也被Dom对象描述成了一
阅读全文
posted @ 2020-06-14 19:20
emdzz
摘要：什么是DOM？ Document Object Model 文档指的是HTML文档 当浏览器打开一个网页的时候，实际上把HTML文档读取到内存中进行解析 整个HTML文档被封装为document文档对象，其里面各个标签被解析成文档对象的各个元素 这些元素和文档对象形成了一种树形结构，又被称为是DOM
阅读全文
posted @ 2020-06-14 17:50
emdzz
摘要：BOM ：Broswer Object Model 浏览器对象模型 核心对象是window对象，window对象又可以操作以下的常见对象： - frames[] 窗口对象数组？ 浏览器可以打开多个窗口，所以每一个窗口都封装成了一个窗口对象 - histroy 历史记录对象 - location 地址
阅读全文
posted @ 2020-06-13 10:12
emdzz
摘要：JS的引入方式： 第一种： 就是我们在HTML标签中使用script标签，然后在这个标签中可以书写JS代码 type="text/javascript" 可以不用写，浏览器会根据脚本标签的内容自动解析为JS脚本，但是为了开发的规范还是写上更好 第二种： 使用JS文件，然后HTML导入 导入依然使用s
阅读全文
posted @ 2020-06-13 08:42
emdzz
摘要：感觉上来谈这个前端，结构的部分是使用了标签语言定义了页面的文档内容 但是XML和HTML的功能完全相反，XML被用于存储信息，而HTML则用于定义网页结构，辅助其他内容渲染 然后C3又可以通过选择器这一功能来对标签进行简单的渲染控制 而JS则可以动态改变前二者，和一些事件，让网页能够动态实现一些效果
阅读全文
posted @ 2020-06-13 00:46
emdzz
摘要：在 CSS 中，所有的元素都被一个个的“盒子（box）”包围着， 理解这些“盒子”的基本原理，是我们使用CSS实现准确布局、处理元素排列的关键。 本文围绕 “盒模型” 为主题展开。 旨在于完成学习后，您能够在“理解盒装模型原理”的基础上，完成更加复杂的布局任务。 预备知识（Prerequisites
阅读全文
posted @ 2020-05-06 16:38
emdzz
摘要：CSS中，选择器用来指定网页上我们想要样式化的HTML元素。 CSS选择器有很多种可供使用，所以在选择要样式化的元素时，我们可以做到很精细的地步。 本文和本文的子篇中，我们将会很详细地讲授选择器不同的使用方式，并了解它们的工作原理。 学习前提： 计算机的基本知识， 安装了基础软件，处理文件的基本知识
阅读全文
posted @ 2020-05-06 16:28
emdzz
摘要：本文旨在让你理解CSS的一些最基本的概念 ——层叠、优先级和继承—— 这些概念决定着如何将CSS应用到HTML中，以及如何解决冲突。 尽管与课程的其他部分相比，完成这节课可能看起来没有那么直接的相关性，而且更学术性一些， 但是理解这些东西将为您以后节省很多痛苦！ 我希望您仔细阅读本节，并在继续下一步
阅读全文
posted @ 2020-05-06 16:22
emdzz
摘要：我们已经知道了CSS是做什么的以及怎么写简单的样式这样基础的CSS， 接下来我将了解到浏览器如何获取CSS、HTML和将他们加载成网页。 前置知识: 基础计算机知识、基本软件安装、简单文件知识、HTML基础 目标: 理解浏览器如何加载CSS和HTML、浏览器遇到无法解析的CSS会发生什么 CSS究竟
阅读全文
posted @ 2020-05-06 14:10
emdzz
摘要：既然你已经了解了什么是CSS，以及使用CSS的基础知识，是时候更深入的了解该语言本身的结构了。 我们已经见过了本页讨论的很多概念；如果在之后对某些概念感到困惑的话，可以返回至此进行回顾。 前置知识 在开始本单元之前，您应该： 基本熟悉计算机操作。 基本工作环境的设置（详见安装基本软件），基本的文件操
阅读全文
posted @ 2020-05-06 14:06
emdzz
摘要：在这篇文章中，我们将会拿一个简单的HTML文档做例子，并且在上边使用CSS样式，期待你能在此过程中学会更多有关CSS的实战性知识。 前置知识 在开始本单元之前，您应该： 基本熟悉计算机操作。 基本工作环境的设置（详见安装基本软件），基本的文件操作，详见处理文件。 熟悉 HTML概述 章节中提到的基本
阅读全文
posted @ 2020-05-06 13:56
emdzz
摘要：CSS (层叠样式表) 让你可以创建好看的网页，但是它具体是怎么工作的呢? 这篇文章通过一些很简单的例子，告诉我们什么是 CSS， 同时还会涉及一些和 CSS 相关的专业术语。 预备知识: 基本的计算机知识，安装基础软件, 文件处理 的基础知识, 还有HTML基础 (学习 HTML概述。) 目标:
阅读全文
posted @ 2020-05-06 13:09
emdzz
摘要：在将数据提交到服务器之前，重要的是确保以正确的格式填写所有必需的表单控件。这称为客户端表单验证，可帮助确保所提交的数据符合各种表单控件中规定的要求。本文将引导您通过基本概念和客户端表单验证示例。 先决条件： 计算机知识，对HTML，CSS和JavaScript有一定的了解。 目的： 要了解什么是客户
阅读全文
posted @ 2020-05-06 12:36
emdzz
摘要：一旦在客户端上验证了表单数据，就可以提交表单了。 并且，由于我们在上一篇文章中介绍了验证，因此我们准备提交！ 本文着眼于用户提交表单时会发生什么—数据将流向何处，以及到达表单后如何处理？ 我们还将研究与发送表单数据相关的一些安全问题。 先决条件： 基本的计算机知识，对HTML的理解以及HTTP和服务
阅读全文
posted @ 2020-05-06 12:14
emdzz
摘要：现在，我们将详细研究不同表单部件的功能，查看了哪些选项可用于收集不同类型的数据。这个指南有些详尽，涵盖了所有可用的原生表单小部件。 预备知识: 计算机基础知识和对于HTML的基本理解。 目标: 要了解在浏览器中可以使用什么类型的原生表单小部件来收集数据，以及如何使用HTML实现它们。 这里我们将关注
阅读全文
posted @ 2020-05-06 11:50
emdzz
摘要：有了基础知识，我们现在更详细地了解了用于为表单的不同部分提供结构和意义的元素。 前提条件: 基本的计算机能力, 和基本的 对HTML的理解。 目标: 要理解如何构造HTML表单并赋予它们语义，以便它们是可用的和可访问的。 HTML表单的灵活性使它们成为HTML中最复杂的结构之一;您可以使用专用的表单
阅读全文
posted @ 2020-05-06 11:39
emdzz
摘要：本系列的第一篇文章提供了您第一次创建HTML表单的经验， 包括设计一个简单表单，使用正确的HTML元素实现它， 通过CSS添加一些非常简单的样式，以及如何将数据发送到服务器。 HTML表单是什么？ HTML表单是用户和web站点或应用程序之间交互的主要内容之一。 它们允许用户将数据发送到web站点。
阅读全文
posted @ 2020-05-06 11:34
emdzz
摘要：概述： 在HTML中一个很普通的任务是构建表格数据，有大量的元素和属性是来满足这种需求的。 只需要一点儿的CSS来设定风格，HTML让在web上显示表格数据变的很容易，例如你的学校的教学计划，你当地的游泳馆的时刻表， 或者是关于你最爱的恐龙或足球队的统计数据。 这个模块会教给你所有你需要知道的关于用
阅读全文
posted @ 2020-05-06 10:45
emdzz
摘要：到目前为止，您应该掌握了将图像、视频和音频嵌入到网页上的诀窍了。 此刻，让我们继续深入学习，来看一些能让您在网页中嵌入各种内容类型的元素： <iframe>, <embed> 和<object> 元素。 <iframe>用于嵌入其他网页，另外两个元素则允许您嵌入PDF，SVG，甚至Flash — 一
阅读全文
posted @ 2020-05-06 10:17
emdzz
摘要：现在我们可以轻松的为一张 web 网页添加简单的图像，下一步是开始为 HTML 文档添加音频和视频的播放器。 在这篇文章当中，我们会学习到 <video> 和 <audio> 两个标签；然后我们还将会看看如何为你的视频添加字幕。 预备知识： 基础计算机能力，基础的软件安装，基础的文件处理知识，基础的
阅读全文
posted @ 2020-05-06 10:07
emdzz
浙公网安备 33010602011771号