首页
AI Coding
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端基础
紫薯自述
创建于2023-08-09
订阅专栏
介绍前端基础知识,包括 HTML、CSS、JS
暂无订阅
共31篇文章
创建于2023-08-09
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
DOM操作之删除节点
dom操作中, 动态删除一个节点使用 方法,此法方法必须由父节点调用删除(爷爷节点都不行), 同样节点自己也不能删除自己 removeChild 方法的返回值是已经被删除的节点 虽然被删除的节点不在d
DOM操作之创建和移动节点
创建节点 在DOM操作中,我们可以动态创建节点,并将创建的节点挂载到HTML树中,成为一个新的节点。 在JS中,使用 doucument.createElement(节点类型) 创建节点 上面的语法只
DOM元素之更改
通常改变元素涉及三个内容 动态改变元素中的内容 动态改变元素的CSS属性值 改变元素节点的属性 改变元素中的内容 改变元素中的内容可以使用两个相关属性 innerHTML 和 innerText in
DOM操作之元素查找
通常我们操作一个元素节点前都需要查找到这个元素,查找到这个元素有两种方式。 使用选择器函数查找元素 通过元素的关系属性来查找元素 使用选择器函数查找 getElementById 通过节点元素的ID得
什么是DOM?
概念 DOM(Document Object Model , 文档对象模型) ; 简单来说,浏览器会将整个网页看成一棵节点树;而Js语言需要通过一种动态的技术去操作这棵树,这种技术就是DOM 一张网页
Js基础-闭包
在介绍闭包之前,我们先看看是什么全局变量和局部变量 全局变量和局部变量 局部变量:定义在函数内部的变量(只能在内部被访问) 形参也是一种局部变量 全局变量:不在函数内部定义的变量, 就称为全局变量,全
Js基础-函数
函数是实现功能的载体, 它应该是一个最小功能的封装, 比如我们要计算两个数之和,再比如我们要实现计算正方形的体积等等。 函数定义和调用 函数定义 我们使用 function 关键字定义函数 函数调用
Js基础-复杂数据类型之数组
定义 数组,就是一组相关的值存储在一块连续的空间内 一般的高级编程语言都有数组这种数据结构 语法 数组有三种定义方式,如下 使用中括号直接定义数组 使用 new Array() 方法 传入数组元素 使
Js基础-循环语句
循环语句在js当中主要用于重复做一件事情。 js当中最主要的循环语句有三种,for循环,while循环和do-while循环 for for 是一种经常被用到的循环结构 例如:控制台循环打印1到10
JS基础-分支语句
分支语句是流程控制语句当中的一种 可以简单理解为是一种控制条件, 当达到某个条件时,执行相应的代码 IF IF多条件分支 例如:当 变量 a > b 时, 则执行 语句块1 , 如果 a 等于 b 时
JS基础-表达式和运算符
表达式:是由操作数和运算符(可选)构成的并产生运算结果的语法结构。例如:3+5 运算符:进行计算或者逻辑运算的符号,比如表达式中的 + 号 表达式分类:算术、关系、逻辑、赋值、组合 算术运算符 以下符
JS基础-数据类型转换
JS存在不同的数据类型, 这就需要一些方法将不同的数据类型做转换。 转数字类型 其他类型的值转换成数字, 这在工作中很常见。 有以下几种转换方式 Number 函数 parseInt 函数 parse
JS基础-数据类型
JS 作为弱类型的编程语言, 在声明变量时,统一使用 var、const、或者let关键字。但是每个变量都有一个隐式的数据类型。 数据类型检测 使用 typeof 关键字可以检测数据类型。 Numbe
JS基础-变量
变量是计算机世界当中参与运算并存储结果的单元。 变量本身代表一个数值,是数值的抽象。 变量命名规则 变量只能用字母、数字、下划线、$组成 变量不能以数字开头 变量不能是关键字(如 var, let,
JS基础-初识JavaScript
前面讲了前端开发必备的三种语言。其中的HTML、CSS我们基本上有了比较正确的认识。这里讲一下JavaScript。 语言 功能 结构层 HTML 搭建结构、放置部件、描述定义 样式层 CSS 美化页
CSS基础-过渡动画
CSS3新添加了过渡动画, 即使用者定义好 一个元素的开始状态和结束状态, CSS会根据变化曲线形成补间动画效果。 CSS3中用transition属性来描述动画如何运动。 transition 定义
CSS基础-3D变形
今天介绍 两种 3D变形的形式:3D旋转、空间位移。 3D旋转 在上一节 2D变形中, 我们用到了 transform 属性。那么在3D旋转中同样还是这个属性(怎么老是它,手动狗头)。 用rotat
CSS基础-2D变形
变形是CSS3中比较颠覆性的特征之一,今天介绍四种2D变形旋转、缩放、倾斜、位移变形。 变形在CSS3用 transform 属性 来实现。 transform-origin 属性 transform
CSS基础-背景
background-color 背景颜色, 可以使用十六进制、rgb、rgba表示。 语法 示例 background-image 背景图片;该属性可以通过图片路径引用一张外部图片。图片路径可以是相
CSS基础-边框和圆角
边框和圆角 边框 CSS中用border 定义边框属性。 border语法:border:[宽度][样式][颜色] 其中: 宽度:边框的宽度,单位可以使px、em、rem 等单位,也可以使用thin、
下一页