前端
关注
分享
扫一扫
文章平均质量分 88
一朵花花
女孩子也可以好好敲代码丫
展开
-
Html 部分基础标签
前端指的是网页开发“网页” 只是指看到的页面(界面部分，也包含了一些和用户以及和服务器之间的交互逻辑)前端开发所用到的技术，主要是三个核心方面：1.HTML：描述网页的基本结构2.CSS：描述网页的样式3.JavaScript：描述网页和用户之间的交互动作...原创 2022-01-08 18:00:00 · 717 阅读 · 0 评论 -
JavaScript — DOM API
前言:JS 分为三大部分，之前已经学习了ES(基础语法部分)，本篇来讨论第二部分：DOM API — 操作页面结构DOM APIDOM 概念事件基本概念时间三要素JS 代码主要流程获取页面元素querySelector & querySelectorAll操作元素获取 / 修改元素内容innerTextinnerHTML获取 / 修改元素属性获取 / 修改样式属性获取 / 修改表单元素属性操作节点新增节点1.创建元素节点2.插入节点到 DOM 树中删除节点DOM 概念DOM (Docu原创 2022-01-21 10:30:00 · 1092 阅读 · 0 评论 -
JavaScript 对象
对象概念对象的创建1.使用字面量创建对象2.使用 new Object 创建对象3.使用构造函数创建对象理解 new 关键字概念对象是指一个具体的事物在 JS 中，我们前边学到的字符串，数值，数组，函数都是对象，每个对象中包含若干的属性和方法JavaScript 的对象 和 Java 的对象概念上基本一致，只是具体的语法表项形式差别较大对象的创建1.使用字面量创建对象使用 { } 创建对象var a = { }; —— 创建了一个空的对象在 { } 中定义对象的一些属性，多个属性之间原创 2022-01-20 10:30:00 · 712 阅读 · 0 评论 -
JavaScript 函数
函数语法格式创建函数函数调用参数个数函数表达式作用域作用域链语法格式创建函数// 创建函数 / 函数声明 / 函数定义function 函数名(形参列表) { 函数体 return 返回值;}函数调用函数定义并不会执行函数体内容，必须要调用才会执行，调用几次就会执行几次函数名(实参列表) // 不考虑返回值返回值 = 函数名(实参列表) // 考虑返回值举例：function huahua() { console.log("huahu原创 2022-01-19 10:30:00 · 867 阅读 · 2 评论 -
JavaScript 数组
数组创建数组1.使用 new 关键字创建2.使用字面量方式创建获取数组元素新增数组元素1.通过修改 length 新增2.通过下标新增3.使用 push 进行追加元素删除数组元素创建数组1.使用 new 关键字创建let arr = new Array( );.此处 Array 中的 A 注意要大写2.使用字面量方式创建var arr2 = [ ];var arr3 = [1, 6, ‘hua’, true];.注意: JS 的数组不要求元素是相同类型打印 arr3:获取原创 2022-01-18 10:30:00 · 959 阅读 · 2 评论 -
JavaScript 变量和基本数据类型
JavaScript 的组成：①ECMAScript(简称 ES)：规定了 JavaScript 语法 (有多个版本)②DOM：页面文档对象模型，对页面中的元素进行操作 (用户交互，动态的操作页面元素)③BOM：浏览器对象模型，对浏览器窗口进行操作 (如:url，刷新按钮，前进，回退)重要概念：ECMAScript这是一套 “标准”，无论是啥样的 JS 引擎都要遵守这个标准来实现本篇主要学习 ES ，即JavaScript 语法目录认识JavaScriptJS 的书写格式行内式内嵌式外部式注释原创 2022-01-17 15:40:24 · 1387 阅读 · 0 评论 -
CSS 弹性布局
目录基本概念常用属性justify-contentalign-items总结基本概念flex 是 flexible box 的缩写，意思为 “弹性盒子”任何一个 html 元素，都可以指定为 display:flex 完成弹性布局容器和项目容器 (flex container)： 需要添加弹性布局的父元素，被设置为 display:flex 属性的元素项目 ( flex item)： 弹性布局容器中的每一个子元素两个基本方向主轴 (flex direction)： flex ite原创 2022-01-13 17:31:42 · 1590 阅读 · 0 评论 -
CSS 盒模型
盒模型构成边框基础属性边框会撑大盒子内边距基础写法复合写法外边距基础写法复合写法块级元素水平居中构成每一个 HTML 元素就相当于是一个矩形的 "盒子这个盒子由这几个部分构成border —— 边框content —— 内容padding —— 内边距margin —— 外边距边框基础属性粗细: border-width样式: border-style，默认没边框；solid-实线边框；dashed-虚线边框；dotted-点线边框颜色: border-color支持简写：b原创 2022-01-14 10:30:00 · 390 阅读 · 0 评论 -
CSS 基础语法
前言： 之前我们写了 Html 的部分简单标签，本篇，我们将学习 CSS 的基础语法CSSCSS 简介基本语法规范引入方式1.内部样式表2.行内样式表3.外部样式CSS 选择器CSS 常用属性CSS 简介1.什么是CSS？？CSS: 层叠样式表 (Cascading Style Sheet)是一组样式设置的规则，用于控制页面的外观样式，实现美化页面的效果，能够做到页面的样式和结构分离2.CSS 的作用实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护能够对网页中元素位置的排原创 2022-01-13 13:13:05 · 843 阅读 · 4 评论 -
CSS 选择器
CSS 选择器基础选择器1.标签选择器2.类选择器3.id 选择器4.通配符选择器复合选择器1.后代选择器2.子代选择器3.并集选择器4.伪类选择器4.1.链接伪类选择器:4.2.focus 伪类选择器总结基础选择器1.标签选择器举例：<head> <title>标签选择器</title> <style> p { color: red; } </style>&原创 2022-01-11 14:36:25 · 938 阅读 · 5 评论