![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端小练习
文章平均质量分 51
Happy_Ranmo
这个作者很懒,什么都没留下…
展开
-
【Vue 小练习 】Router路由及嵌套使用
【Vue学习记录 3】 5.2 路由嵌套 这里写目录标题目录main.jsrouter默认页App.vuecomponent-Home第一层component-Alibabacomponent-Tencent第二层component-QQcomponent-Wechat 目录 main.js import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = fals原创 2021-04-08 21:45:21 · 208 阅读 · 0 评论 -
【CSS小练习1】导航条
<style> *{ padding:0; margin:0; } ul{ width:1200px; height:48px; margin:100px auto; } ul li{ float: left; background-color:lightgray; /* 设置垂直居中和行高 */原创 2021-03-24 17:17:45 · 147 阅读 · 0 评论 -
【JavaScript小练习3】全选练习
1.4.4 全选 练习 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style> </style> <body> <form method="post" action=""> 你的爱好的运动是?<input type="原创 2021-03-06 14:49:18 · 95 阅读 · 0 评论 -
【JavaScript小练习2】DOM查询
1.4 DOM查询 <!doctype html> <html> <head> <meta charset="utf-8"> <title>02_DOM查询</title> </head> <style> .{ margin: 0; padding: 0; } #total{ border-style: solid; border-width: 1px; width: 500px;原创 2021-03-03 22:53:47 · 89 阅读 · 1 评论 -
【JavaScript小练习1】图片切换练习
1.4 DOM查询 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css">原创 2021-03-03 19:27:15 · 100 阅读 · 1 评论