大前端学习
文章平均质量分 89
HTML, CSS, JavaScript构筑web世界
Happievening
这个作者很懒,什么都没留下…
展开
-
DOM_DOM初步,DOM增删改查
文章目录HTML文档是一棵树区分节点,元素,标签获取元素(重要)获取到的元素是什么元素的原型链增加节点创建标签节点创建文本节点插入节点HTML文档是一棵树<!DOCTYPE html><html><head> <title>JSBin</title></head><body> <div id="div1">你好</div> <div id="div2">欢迎来到原创 2021-05-25 10:04:48 · 150 阅读 · 0 评论 -
CSS_过渡(transition),动画(animation)
文章目录过渡(transition)过渡的写法动画(animation)CSS 动画优化Appendix`animation`属性是一种缩写移动的例子水平垂直居中(2)过渡(transition)如果只写transform,变换会一下子完成。有的时候我们需要让这个变化过程在一段时间内平滑的完成,这时会用到过渡。过渡用于补中间帧(类似于播放一段动画)。过渡的写法给要转换的元素加上transition属性,即可实现过渡。transition属性的值有以下几种:(要变换的)属性名 、 过渡时长、 过渡方原创 2021-05-24 09:14:18 · 1230 阅读 · 0 评论 -
HTML_常用标签2
文章目录a——超链接(anchor)功能属性table——表格img ——图片form——表单iframea——超链接(anchor)功能超链接用来:跳到本页面的一个指定地点跳转到新的网页访问本地资源属性href:想要链接到的地址。可以取的值有:有协议网络地址。例如:https://baidu.com,http://baidu.com无协议网络地址。例如://baidu.com。此时会自动选择要使用的协议。本地路径。可以使用绝对或者相对路径。 使用绝对路径时,根目录有2种情况:原创 2021-05-23 18:25:13 · 116 阅读 · 0 评论 -
HTML_常用标签1
HTML 起手式我们可以使用emmet语法里的!来快速生成html模板。在VSCode中,新建html文件,输入!之后按回车,就可以自动生成一个html模板。<!DOCTYPE html> 表示这是一个html文档(其它还有诸如svg, xml等)。<html lang="en"> 表示这个html文档的语言是英语。中文(中国大陆)应当为zh-CN。meta标签是对这个文档的进一步说明。例如上文的几个meta标签:<meta charset="UTF-8"&g原创 2021-05-23 18:22:19 · 131 阅读 · 0 评论 -
JavaScript_函数
文章目录函数的4种定义方式函数的4种定义方式原创 2021-05-09 17:50:43 · 296 阅读 · 0 评论 -
JavaScript_基本语法
本文介绍JS的基本语法。表达式和语句表达式和语句的区别是前者一般有值,后者一般没有(不绝对)。//这些是表达式1 + 2console.log(3)//这些是语句var a = 1原创 2021-04-26 10:34:53 · 143 阅读 · 0 评论 -
JavaScript_JS的历史与发展
JS的诞生:程序员的弃子以下引用部分来源于:Javascript诞生记 - 阮一峰的网络日志 (ruanyifeng.com)JS的发明者是布兰登·艾奇(Brendan Eich)。他出生于1961年,本科一开始是念物理学的,后来转去了数学和计算机系。有趣的是,作为JS之父,他却并不喜欢自己的这个孩子。90年代初的早期浏览器功能非常弱小,而且受众范围也不广。那时,浏览器最大的功能是展示一些图片和文字:彼时,浏览器的王者是一个叫网景(Netscape)的公司开发的网景浏览器(Netscape N原创 2021-04-24 18:44:04 · 1317 阅读 · 0 评论 -
CSS_变换(transform)
变换(transform)转换可以让一个block元素位移或者变形。(inline元素不支持)transform: [转换语句1] [转换语句2] [...]多个转换语句会依次执行。transform语句很多…具体的查看MDN文档吧。常用的有以下几种:位移:translate(X, Y)将一个元素分别向右,向下移动。接受的参数可以为:具体的像素值,或者元素本身对应的尺寸的百分数。X的位置是宽度,Y的位置是高度。可以分别写成translateX()和translateY(),分别控制向右和原创 2021-04-19 15:19:25 · 323 阅读 · 0 评论