01 2021 档案

40.用组件话开发 重复点击报错 解决方法
摘要：methods: { itemClick() { this.$router.push(this.path).catch(err => err); } } 在点击事件后面加 catch( err => err) 重复点击后就 不会再报错了 阅读全文
posted @ 2021-01-24 17:36 闭上耳朵 阅读(100) 评论(0) 推荐(0)
4.表单域之select标签
摘要：<body> <!-- select(选择的意思）标签里面要包含 option （选项的意思）。 在option 里面定义 selected=“selected”时 当前页面为默认选项 如下--> <form> <select> 籍贯： <option>湖南</option> <option>湖北< 阅读全文
posted @ 2021-01-16 22:03 闭上耳朵 阅读(147) 评论(0) 推荐(0)
3.增强用户体验的label标签
摘要：<body> <!-- 当点击label标签里面的文字，浏览器自动将光标定在选择的文本上。 label里面的 for 的属性要和input里面的 id 属性一样，如下--> <form> <label for="nan">男</label><input type="radio" name="o" i 阅读全文
posted @ 2021-01-16 21:41 闭上耳朵 阅读(93) 评论(0) 推荐(0)
2.列表标签
摘要：<body> <h1>喜欢的水果</h1> 无序标签&lt; ul &gt;是无序标签的列表 &lt; li &gt;写列表内容，ul 里面只能写li 标签; <ul> <li>榴莲</li> <li>荔枝</li> <li>菠萝</li> <li>山竹</li> </ul> <h1>喜欢的食物</ 阅读全文
posted @ 2021-01-16 21:39 闭上耳朵 阅读(64) 评论(0) 推荐(0)
1.表单标签
摘要：<body> <!-- form是表单标签，就是把表单框起来，input输入的意思 type是类型 --> <!-- "password"是输入密码的 --> <form> 密码： <input type="password"> </form> <!-- text 可以输入的文字 设置value是打 阅读全文
posted @ 2021-01-16 21:38 闭上耳朵 阅读(108) 评论(0) 推荐(0)
07.Ajax.post
摘要：<title>07.Ajax.post</title> <script src="myAjax2.js"></script> <script> window.addEventListener('load', function() { var btn = document.querySelector( 阅读全文
posted @ 2021-01-12 14:53 闭上耳朵 阅读(81) 评论(0) 推荐(0)
06.Ajax.get
摘要：<!-- 引入自己封装的 Ajax文件 测试下怎么用 --> <script src="myAjax.js"></script> <script> window.addEventListener('load', function() { var btn = document.querySelecto 阅读全文
posted @ 2021-01-12 14:48 闭上耳朵 阅读(51) 评论(0) 推荐(0)
05.Ajax.get
摘要：<script> // 问题1：所有浏览器都支持Ajax 除了IE5 IE6 如果让所有浏览器都支持就加上以下代码 13 - 18行 window.addEventListener('load', function() { var btn = document.querySelector('butt 阅读全文
posted @ 2021-01-12 14:46 闭上耳朵 阅读(61) 评论(0) 推荐(0)
04.Ajax-get.html
摘要：<!-- 1. 什么是Ajax? AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 --> <script> window.addEventListener('load', function() { var btn = document.querySelector(' 阅读全文
posted @ 2021-01-12 14:44 闭上耳朵 阅读(118) 评论(0) 推荐(0)
03.post.file
摘要：<body> <form action="03.post.file.php" method="POST" enctype="multipart/form-data"> <!-- 用表单上传文件 必须添加这个属性： enctype="multipart/form-data" 后端才能拿到这个文件 -- 阅读全文
posted @ 2021-01-12 14:42 闭上耳朵 阅读(121) 评论(0) 推荐(0)
02.get-post.php
摘要：<?php // print_r($_GET); 拿到get方法提交的数据 02.get-post.html表单的数据 // echo $_GET['username']; // 拿到用户名 // echo $_GET['user_Pwd']; // 拿到密码 // print_r($_POST); 阅读全文
posted @ 2021-01-12 14:41 闭上耳朵 阅读(59) 评论(0) 推荐(0)
02.get-post
摘要：<body> <form action="02.get-post.php" method="POST"> <!-- form标签 可以提交到远程服务器 也可以提交到自己的服务器 写到 action属性里面 提交方式有两种 写在 method里面 一种是 get 另一种是 post--> <!-- 提 阅读全文
posted @ 2021-01-12 14:40 闭上耳朵 阅读(66) 评论(0) 推荐(0)
01.php基础语法和JS区别.php
摘要：<?php // 1.js中的注释 PHP也一样 // 单行 /* 多行 */ // 2.JS中如何定义变量 // var num = 10; JS //$num = 10; // PHP // 3.JS如何打印内容 // console.log() // JS // echo $num; // P 阅读全文
posted @ 2021-01-12 14:39 闭上耳朵 阅读(99) 评论(0) 推荐(0)