随笔分类 -  前端

前端基础
Vue中路由的创建、跳转
摘要：一、创建路由 1、先创建一个route.js文件,创建路由，导出路由。 //创建路由，从vue-router中导入两个方法。 import {createWebHistory,createRouter} from "vue-router"; //导入需要跳转页面的文件 import FlexWork 阅读全文
posted @ 2023-03-27 17:46 小白鼠_糖糖 阅读(181) 评论(0) 推荐(0)
day8-20230223-布局作业三
摘要：一、完成如下页面布局 二、代码实现如下 <template> <div class="father"> <div class="box"> <div class="up"> <div class="up-left"> <div class="logo">LOGO</div> <div class=" 阅读全文
posted @ 2023-02-23 13:56 小白鼠_糖糖 阅读(22) 评论(0) 推荐(0)
day7-2023.1.31-布局作业二
摘要：一、完成如下页面设计 二、作业代码如下： <template> <div class="box"> <div class="title">欢迎登录XXXX应用系统</div> <div class="en-title">Welcom to Login Application of substatio 阅读全文
posted @ 2023-01-31 17:13 小白鼠_糖糖 阅读(33) 评论(0) 推荐(0)
day5-2022.12.17-flex布局作业一
摘要：一、作业完成如下设计图的布局 二、作业需掌握知识点 1、理解模型盒子 1.1 <img src="../assets/boxModel.png" alt=" " 解释：img标签用来引入图片，src后面跟的是图片的地址。./为当前vue文件目录，../为返回上一层当前目录 1.2 模型盒子图 1.2 阅读全文
posted @ 2022-12-19 00:00 小白鼠_糖糖 阅读(100) 评论(0) 推荐(0)
day6-2022.12.17-Webstorm基本设置
摘要：一、快捷键设置 1、点击左上角的File->settings，在输入框中查找Keymap,选择Eclipse，此处是改变快捷键的方式。 Ctrl+F：本Vue文件内查找 Ctrl+H：全文件查找 二、设置启动项目 1、点击右上角下拉框->EditeConfigurations,点击“+”，选择npm 阅读全文
posted @ 2022-12-18 00:47 小白鼠_糖糖 阅读(946) 评论(0) 推荐(0)
day4-2022.12.13-flex布局初识(二)
摘要：一、作业：继续完善昨天的布局，加入新的知识点。 1、了解父级元素与子级元素。div 类名为parent,包含三个类名为child。parent为父元素，child为子元素，flex布局需要给父元素添加dispaly:flex;(父元素中添加flex,子元素实现flex) 2、熟练使用justtify 阅读全文
posted @ 2022-12-15 00:14 小白鼠_糖糖 阅读(75) 评论(0) 推荐(1)
day3-2022.12.12-flex布局初识(一)
摘要：一、完成以下布局。 二、代码如下： <template> <div> <div class="title"> MY First Flex Learn </div> <div class="box"> <div class="item"> <h1>Day 1</h1> <ul> <li class=" 阅读全文
posted @ 2022-12-12 23:43 小白鼠_糖糖 阅读(28) 评论(0) 推荐(0)
day2-2022.12.11-浅浅了解div元素
摘要：<template> <div> <div class="box"> <div class="bq"> div是一个块级元素，是块级元素，块级元素独占一行,红色边框为一行 <br> 常用的块级元素有：h1,h2...h6，p，ul，li，br等 <ul> <li> ul,li必须这样嵌套使用 </l 阅读全文
posted @ 2022-12-11 21:33 小白鼠_糖糖 阅读(176) 评论(0) 推荐(0)
day1:node安装+项目创建
摘要：一、安装node 1、http://nodejs.cn/download/中文网下载node工具，直接下一步式的安装。 二、验证安装 1、win+r 输入cmd，分别运行一下，node -v npm -v 2、安装cnpm,npm install -g cnpm --registry=https:/ 阅读全文
posted @ 2022-12-08 22:09 小白鼠_糖糖 阅读(211) 评论(0) 推荐(0)