前端
文章平均质量分 86
hy l
这个作者很懒,什么都没留下…
展开
-
Vue3.2搭建项目
Vue3.2搭建项目1.创建项目可以用vue ui安装,也可以直接用npm安装。2.代码格式化设置1.在Vscode插件中安装prettier2.在根目录下导入配置prettier.js文件({ "semi": false, "singleQuote": true, "trailingComma": "none"})3.在vscode的设置里 搜索save 就能看到并勾上format on save4.右键 使用…格式化文档 配置默认格式化文档程序 选择prettier原创 2022-03-06 19:15:09 · 1070 阅读 · 1 评论 -
Vue基础
Vue一.vue常用指令1.1条件判断 v-ifv-if和v-show的区别:**v-show:**使用该指令的元素会始终渲染在dom中,通过改变该元素的display值来实现是否显示在页面上,不需要操作js,开销相比较小**v-if:**真正的条件渲染,当满足条件时才将元素添加到dom中并渲染到页面,反之销毁元素。因此性能开销大。1.2列表遍历 v-for使用v-for指令可以很方便地遍历数组或对象并将其数据展示到页面上<p v-for="(item,i) in list">原创 2021-11-02 20:41:46 · 108 阅读 · 0 评论 -
HTML+CSS实现导航栏二级下拉菜单图书案例
一.效果图二.内容、要求学习完HTML5+CSS之后,可以考虑设计并实现一个导航栏菜单,对某个项目比如你的个人书籍按类别(硬件类、软件类、语言类、网络类等分法)进行分门别类,其中上面括号中的类别为导航栏的一级菜单,它们各自的二级菜单是你所拥有的或知道的几本可能的属于这些类别的具体书籍。html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met原创 2021-09-26 20:43:56 · 3238 阅读 · 5 评论 -
CSS重点笔记,快速熟悉css
CSS文章目录CSS1.选择器1.1(*)通用选择器1.2(#X)id选择器1.3(.X)类选择器1.4(X)元素选择器1.5(X Y)后代选择器1.6(X>Y)子元素选择器2.属性2.1 背景2.2文本2.3字体2.4链接2.5列表2.6表格3.文档流和布局3.1文档流概念3.2浮动布局##父子、兄弟浮动陷阱:父盒未固定高度,存在显示覆盖问题3.3定位布局position属性5.z-index:设置浮动显示等级4.内联元素(inline)和块元素(block)4.1 内联元素(**和相邻的内联元素原创 2021-09-24 18:56:12 · 218 阅读 · 0 评论 -
CSS的重点整理,适合快速复习
CSS1.选择器1.1(*)通用选择器 可以匹配页面所有的元素 * {color:red;}1.2(#X)id选择器id选择器比较局限,不能重用#container { width: 960px; margin: auto; }1.3(.X)类选择器类选择器的开头用.(点)进行表示可以重用.error { color: red; }1.4(X)元素选择器假如你想针对Html预定义的标签,比如类似:p,h3,em,a这些标签、a { color: red; }原创 2021-09-24 18:47:34 · 175 阅读 · 0 评论