web前端
文章平均质量分 65
web前端基础
ClearDream__
此人不懒,什么都没写
展开
-
web前端day07
在idea中安装elementUI代码提示插件 先从老师工程中得到element.jar 文件,保存到磁盘中的某个位置(容易找到的位置) File->Settings->Plugins 如下图 操作 找到element.jar文件 最后重启idea即可原创 2022-05-04 15:46:43 · 417 阅读 · 0 评论 -
web前端day06
Vue指令(续) v-for="(变量,i) in 数组"; 遍历数组 同时重复生成当前标签,数量和数组中对象的数量一致 v-if="变量" , 变量值为true时显示元素 ,为false时 删除元素 v-else 和v-if结合使用 取反 v-show="变量" , 变量值为true时显示元素 ,为false时 隐藏元素(需要频繁切换显示状态时使用) ElementUI 官网地址: https://element.eleme.cn ...原创 2022-05-04 15:42:43 · 67 阅读 · 0 评论 -
web前端day05
DOM文档对象模型 包含和页面元素相关的内容 通过选择器获取页面中的元素对象 let 元素对象 = document.querySelector("选择器") 获取和修改元素的文本内容 元素对象.innerText = "xxx"; 修改文本内容 元素对象.innerText 获取文本内容 获取和修改input控件的值 控件对象.value="xxx"; 修改 控件对象.value 获取 创建元素对象 let 元素对象 = document.createElement("标签名"); 添加..原创 2022-04-27 20:13:28 · 1043 阅读 · 0 评论 -
web前端day04
JavaScript 作用: 负责给页面添加动态效果 语言特点: 属于脚本语言(不需要编译直接由浏览器解析执行) 基于面向对象 属于弱类型语言 java: String name="tom"; int age = 18; int x; x="abc";报错 JS: let name="tom"; let age = 18; let x; x="abc"; age="xyz" 安全性强: JS语言只能访问浏览器内部的数据,浏览器以外电脑上的数据禁止访问. 交互性强: 因为JS语言是嵌入到html页面..原创 2022-04-27 20:11:35 · 152 阅读 · 0 评论 -
web前端day03
元素的定位方式 五种定位方式: 静态定位: position:static; 相对定位: position:relative; 绝对定位: position:absolute; 固定定位: position: fixed; 浮动定位: float:left/right 静态定位(文档流定位) 格式: position:static; (默认的定位方式) 特点: 元素以左上为基准, 块级元素从上往下排列,行内元素从左向右依次排列, 默认情况下 无法实现元素的层叠效果 如何控制元素的位置? 通过外边..原创 2022-04-27 19:39:45 · 111 阅读 · 0 评论 -
web前端day02
选择器续 子孙后代选择器: 通过元素之间的层级关系选择元素 格式: body div div p{样式代码} 匹配body里面的div里面的div里面的所有p标签(包括后代) 子元素选择器: 通过元素之间的层级关系选择元素 格式: body>div>div>p{样式代码} 匹配body里面的div里面的div里面的所有p子元素(不包含后代) 伪类选择器: 选择的是元素的状态, 元素有哪些状态? 包括:未访问状态,访问过状态,悬停状态,点击状态 格式: a:link/visited/h..原创 2022-04-27 19:37:46 · 158 阅读 · 0 评论 -
web前端day01
Web前端-HTML HTML作用: 负责搭建页面结构和内容 (盖房子) 学习HTML主要学习的就是有哪些标签 文本相关标签 h1-h6 文本标题, 特点: 独占一行, 自带上下间距, 字体加粗 p 段落标签, 特点: 独占一行,自带上下间距 hr 水平分割线 br 换行 b 加粗 i 斜体 u 下划线 s 删除线 列表标签 无序列表: ul和li 组合 unordered list list item 列表项 有序列表: ol和li 组合 ordered list 列表嵌套: ...原创 2022-04-27 19:34:22 · 1245 阅读 · 0 评论