• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

Yancy00

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

随笔分类 -  _web

1

前端开发知识点
表单-确认重置按钮,普通按钮
摘要:表单的确认按钮,和重置按钮: <form> <!-- 提交按钮,可以用button,也可以用input类型submit --> <!-- <button>确认</button> --> <input type="submit"> <input type="submit" value="批准"> <! 阅读全文

posted @ 2024-05-01 07:31 Yancy00 阅读(83) 评论(0) 推荐(0)

表单-隐藏域
摘要:<form action="#"> <!-- 隐藏域: 用户不可见的一个输入区域,提交表单时携带一些额外的附加验证数据 --> <input type="hidden" name="tag" value="123"><br> 姓名:<input type="text" value="hello" m 阅读全文

posted @ 2024-05-01 07:15 Yancy00 阅读(26) 评论(0) 推荐(0)

表单-向指定网页发送搜索请求
摘要:向百度发起一个搜索的请求并获得请求结果: <!-- 表单是网页中的一个交互区域,用于收集数据 --> <!-- action 把表单交给哪个网页去搜索 --> <form action="https://www.baidu.com/s"> <input type="text" name="wd"> 阅读全文

posted @ 2024-05-01 06:35 Yancy00 阅读(35) 评论(0) 推荐(0)

表格-合并表格边框
摘要:table{ text-align: center; border-collapse: collapse; /*合并相邻边框 */ } 阅读全文

posted @ 2024-05-01 05:31 Yancy00 阅读(40) 评论(0) 推荐(0)

css-图片和文字小模块
摘要:<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2023-10-14 16:58 Yancy00 阅读(27) 评论(0) 推荐(0)

flex-basis主轴基准线
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> html, body { margin: 0; padding: 0; } .outer { width: calc(100vw - 200px) 阅读全文

posted @ 2023-10-04 14:29 Yancy00 阅读(30) 评论(0) 推荐(0)

css-移动端居中一行均分排列
摘要:<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 阅读全文

posted @ 2023-10-01 08:59 Yancy00 阅读(41) 评论(0) 推荐(0)

js-数组相关方法
摘要:Array.prototype.map() 示例代码 //将创建一个新数组, 由原数组中每个元素都调用一次提供的函数后的返回值组成. //callbackFunc 是数组中的每个元素执行的函数,它的返回值作为一个元素被添加到新数组中。 // callbackFunc函数被每次循环调用时将传入以下参数 阅读全文

posted @ 2023-10-01 07:28 Yancy00 阅读(26) 评论(0) 推荐(0)

css-文本只显示两行剩余的...显示
摘要://只显示两行,其余文字用...表示 text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-c 阅读全文

posted @ 2023-09-26 14:43 Yancy00 阅读(193) 评论(0) 推荐(0)

flex布局
摘要:伸缩容器,伸缩项目 ​ 伸缩容器: 开启了display:flex; 的元素就是伸缩容器 ​ 伸缩项目: 伸缩容器的所有子元素自动成为伸缩项目 ​ 备注: ①仅伸缩容器的"子元素"是伸缩项目. 孙子重孙子等后代元素,不是伸缩项目. ​ ②一旦成为了伸缩项目,全都会被块状化,无论原来是那种元素(块,行 阅读全文

posted @ 2023-09-25 11:29 Yancy00 阅读(36) 评论(0) 推荐(0)

文本溢出显示...
摘要:```js text-overflow 设置文本内容溢出时呈现的模式 /* 要让text-overflow生效.块属性必须先设置: overflow:hidden; white-space:nowrap; */ overflow: hidden; white-space: nowrap; text- 阅读全文

posted @ 2023-06-15 11:17 Yancy00 阅读(13) 评论(0) 推荐(0)

[css]总结-如何实现水平垂直都居中对齐?
摘要:行内元素,行内块元素 水平对齐: `text-align:center;` 块元素水平对齐: `margin:0 auto;` 居中对齐: 水平方向,垂直方向都对齐. 垂直方向居中对齐比较麻烦.具体见下面. #### 普通盒子-居中对齐: 方式一 >思路:让外面的元素outer只有一行. 内部要居中 阅读全文

posted @ 2023-05-23 12:03 Yancy00 阅读(150) 评论(0) 推荐(0)

vue-cli使用方法
摘要:是什么? 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 阅读全文

posted @ 2023-04-26 12:40 Yancy00 阅读(38) 评论(0) 推荐(0)

css-6个可以在css属性中使用的函数
摘要:1- calc计算结果 div{ width: calc(100vm - 50px); } 2- var它可以将 CSS变量的值赋予属性 :root { --main-bg-color: coral; --main-padding: 15px; } div{ background-color: va 阅读全文

posted @ 2023-03-27 09:29 Yancy00 阅读(40) 评论(0) 推荐(0)

vue-反转字符串
摘要:methods:{ reverseMsg:function(){ this.message=this.message.split('').reverse().join('') } } 阅读全文

posted @ 2023-03-26 16:04 Yancy00 阅读(67) 评论(0) 推荐(0)

css-内容超出区域
摘要:overflow: hidden; //visible、hidden、scroll、auto .remarkArea{ height: 470px; overflow: hidden; } 例如在这个音乐播放器页面.音乐列表和评论列表都会出现内容超出区域的情况 阅读全文

posted @ 2023-03-26 11:40 Yancy00 阅读(54) 评论(0) 推荐(0)

css-设置背景图片
摘要:<style> body{ background: url("img/bk.jpg") no-repeat; } </style> 阅读全文

posted @ 2023-03-25 13:14 Yancy00 阅读(36) 评论(0) 推荐(0)

css-输入框和按钮水平对齐
摘要:<style> .container { margin: 0 auto; margin-top: 160px; width: 600px; } .search { width: 100%; margin-top: 20px; height: 40px; } .search input { width 阅读全文

posted @ 2023-03-25 13:08 Yancy00 阅读(156) 评论(0) 推荐(0)

Vue-示例
摘要:计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde 阅读全文

posted @ 2023-03-23 12:30 Yancy00 阅读(29) 评论(0) 推荐(0)

Vue-002基础知识
摘要:Vue简介 Vue特点: 是JavaScript框架 可以简化Dom操作 响应式数据驱动 第一个Vue程序 官方文档: https://cn.vuejs.org/guide/introduction.html 步骤:1. PyCharm新建Vue项目 el:挂载点 data:数据对象 阅读全文

posted @ 2023-03-23 10:07 Yancy00 阅读(53) 评论(0) 推荐(0)

1
 
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3