web前端
文章平均质量分 65
web前端基础
ClearDream__
此人不懒,什么都没写
展开
-
web前端day07
在idea中安装elementUI代码提示插件先从老师工程中得到element.jar 文件,保存到磁盘中的某个位置(容易找到的位置)File->Settings->Plugins 如下图 操作 找到element.jar文件 最后重启idea即可原创 2022-05-04 15:46:43 · 465 阅读 · 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 · 85 阅读 · 0 评论 -
web前端day05
DOM文档对象模型包含和页面元素相关的内容通过选择器获取页面中的元素对象let 元素对象 = document.querySelector("选择器")获取和修改元素的文本内容元素对象.innerText = "xxx"; 修改文本内容元素对象.innerText 获取文本内容获取和修改input控件的值控件对象.value="xxx"; 修改控件对象.value 获取创建元素对象let 元素对象 = document.createElement("标签名");添加..原创 2022-04-27 20:13:28 · 1108 阅读 · 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 · 183 阅读 · 0 评论 -
web前端day03
元素的定位方式五种定位方式:静态定位: position:static;相对定位: position:relative;绝对定位: position:absolute;固定定位: position: fixed;浮动定位: float:left/right静态定位(文档流定位)格式: position:static; (默认的定位方式)特点: 元素以左上为基准, 块级元素从上往下排列,行内元素从左向右依次排列, 默认情况下 无法实现元素的层叠效果如何控制元素的位置?通过外边..原创 2022-04-27 19:39:45 · 135 阅读 · 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 · 247 阅读 · 0 评论 -
web前端day01
Web前端-HTMLHTML作用: 负责搭建页面结构和内容 (盖房子)学习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 · 1336 阅读 · 0 评论