摘要：表单的确认按钮,和重置按钮: <form> <!-- 提交按钮,可以用button,也可以用input类型submit --> <!-- <button>确认</button> --> <input type="submit"> <input type="submit" value="批准"> <!
阅读全文
摘要：<form action="#"> <!-- 隐藏域: 用户不可见的一个输入区域,提交表单时携带一些额外的附加验证数据 --> <input type="hidden" name="tag" value="123"><br> 姓名:<input type="text" value="hello" m
阅读全文
摘要：向百度发起一个搜索的请求并获得请求结果: <!-- 表单是网页中的一个交互区域,用于收集数据 --> <!-- action 把表单交给哪个网页去搜索 --> <form action="https://www.baidu.com/s"> <input type="text" name="wd">
阅读全文
摘要：table{ text-align: center; border-collapse: collapse; /*合并相邻边框 */ }
阅读全文
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> html, body { margin: 0; padding: 0; } .outer { width: calc(100vw - 200px)
阅读全文
摘要：<template> <view class="test2"> <view class="upload-group"> <view v-if="imagesUrl" class="box img" v-for="(item,idx) in imagesUrl"> <view class="box-c
阅读全文
摘要：Array.prototype.map() 示例代码 //将创建一个新数组, 由原数组中每个元素都调用一次提供的函数后的返回值组成. //callbackFunc 是数组中的每个元素执行的函数,它的返回值作为一个元素被添加到新数组中。 // callbackFunc函数被每次循环调用时将传入以下参数
阅读全文
摘要：//只显示两行,其余文字用...表示 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-c
阅读全文
摘要：伸缩容器,伸缩项目 伸缩容器: 开启了display:flex; 的元素就是伸缩容器 伸缩项目: 伸缩容器的所有子元素自动成为伸缩项目 备注: ①仅伸缩容器的"子元素"是伸缩项目. 孙子重孙子等后代元素,不是伸缩项目. ②一旦成为了伸缩项目,全都会被块状化,无论原来是那种元素(块,行
阅读全文
摘要：```js text-overflow 设置文本内容溢出时呈现的模式 /* 要让text-overflow生效.块属性必须先设置: overflow:hidden; white-space:nowrap; */ overflow: hidden; white-space: nowrap; text-
阅读全文
摘要：行内元素,行内块元素 水平对齐: `text-align:center;` 块元素水平对齐: `margin:0 auto;` 居中对齐: 水平方向,垂直方向都对齐. 垂直方向居中对齐比较麻烦.具体见下面. #### 普通盒子-居中对齐: 方式一 >思路:让外面的元素outer只有一行. 内部要居中
阅读全文
摘要：是什么? vue-cli vue command line interface 是vue命令行接口工具 怎么用? 1. 安装npm: 【Win7】只支持node.js v13.14.0或更早 1）到官网下载https://nodejs.org/download/release/v13.14.0/no
阅读全文
摘要：1- calc计算结果 div{ width: calc(100vm - 50px); } 2- var它可以将 CSS变量的值赋予属性 :root { --main-bg-color: coral; --main-padding: 15px; } div{ background-color: va
阅读全文
摘要：methods:{ reverseMsg:function(){ this.message=this.message.split('').reverse().join('') } }
阅读全文
摘要：overflow: hidden; //visible、hidden、scroll、auto .remarkArea{ height: 470px; overflow: hidden; } 例如在这个音乐播放器页面.音乐列表和评论列表都会出现内容超出区域的情况
阅读全文
摘要：<style> body{ background: url("img/bk.jpg") no-repeat; } </style>
阅读全文
摘要：<style> .container { margin: 0 auto; margin-top: 160px; width: 600px; } .search { width: 100%; margin-top: 20px; height: 40px; } .search input { width
阅读全文
摘要：计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde
阅读全文
摘要：Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象
阅读全文
