自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 vue使用elementUI给input组件绑定回车事件

最近在做的是vue+elementUI的后台管理系统,牵扯到许多的查询操作,表单使用的是elementUI的组件,在给el-input组件绑定回车查询事件时直接使用事件修饰符,发现queryBtn方法没有触发?代码如下:<el-form-item label="任务名称"> <el-input placeholder="请输入" v-model="formInline.miName" @keyup.enter='queryBtn(for

2021-10-23 10:43:58 1155

原创 vue项目移动端适配rem

vue项目中移动端适配最近在写vue的移动端项目,踩了很多坑,记录一下,项目使用rem布局,使用px为单位书写,页面在浏览器渲染的时候自动转换为rempostcss-pxtorem使用插件,用于将px单位生成rem单位安装依赖npm il postcss-pxtorem -D安装成功之后,在运行项目的时候报错阅读报错发现是安装版本的问题…解决办法 npm i [email protected]之后在运行项目就可以正常启动啦!然后,在项

2021-08-19 17:28:39 367

原创 构造函数和原型链

构造函数和原型链好久没有记录了…1.构造函数1)创建对象的三种方式以字面量的形式创建var obj = {};通过构造函数Object创建var obj = new Object();通过自定义构造函数创建function Person(uname,age){​ this.uname = uname;​ this.age = age;​ this.sing:function(){​ console.log(‘我会唱歌’)}}var ldh = new P

2021-06-05 10:36:41 104

原创 CSS浮动与清除浮动

浮动以及清除浮动的方法通过学习我们可以把一个网页看成是有不同的盒子所组成,大部分的HTML标签就是一个盒子。使用浮动,定位可以是不同的盒子排列成我们想要的网页布局。一个完整的网页是有标准流,浮动,定位所结合布局形成。标准流块元素,行元素,行内块元素标签实现网页元素从上到下,从左到右排列浮动可以使块级元素左右排列或者一行显示,多个块级盒子水平显示就用浮动布局定位定位的最大特点是有层叠的概念,就是可以让多个盒子相互叠压来显示,如果元素自由在某个盒子内移动就使用定位布局浮动:是使网页元素脱离标准流

2021-03-27 20:04:14 93

原创 盒模型-标准盒模式与怪异盒模式

盒模型-标准模式与怪异模式网页的布局都是由一个个盒子所组成,所有的HTML标签都就可以看作是一个盒子,一个盒子模型包含四个部分,他们分别是:content,padding,border,margin。其中:content:代表内容(盒子的宽度和高度)​ padding:代表内容与边框之间的距离​ border:代表盒子边框​ margin:代表盒子与盒子之间的距离假设给一个div设置宽度和高度均为200px,padding值为20px,border值为10px,那么这个盒子占据的总宽

2021-03-18 21:23:45 129

原创 超链接标签的使用

a标签(anchor 锚 超链接)a标签是行标签,在页面中水平排列,超链接可以是一个字,一组词,一张图片,可以点击这些内容跳转到当前页面的任意位置或者是新页面a标签默认是蓝色字体,并且带有下划线,可以通过CSS样式改变其样式。href属性:定义链接地址target属性:定义超链接显示形式​ _self:覆盖当前窗口显示(默认值)​ _blank:跳转到新窗口显示语法格式<a href="url地址" target="页面显示方式"></a>实例:在

2021-03-15 18:59:21 424

原创 css样式表和选择器

cssday01css是层叠样式表的简称,主要用于美化界面。语法格式:选择器:{属性:属性值;属性:属性值;}css引入方式行内样式表<div style="width: 300px;height: 400px;background-color:pink;"></div>内联样式表内联样式表:一般放在head标签对之间,也可以放在页面的任何位置。<style> .header{ width: 280px;

2021-03-12 20:16:41 148

原创 表格标签和表单标签

表格标签和表单标签表格标签表格基本骨架 <table> <tr> <td></td> </tr> </table>表格结构标签<table> <caption>表格标题</caption> <thead></thead> <tbody></tb

2021-03-11 18:42:26 196

原创 初识HTML基础标签

HTML基础HTML:超文本标记语言,是一种用于创建网页的标准标记语言,而不是编程语言HTML基本骨架<!-- 添加注释快捷键:ctrl+/ 用来解释说明代码 浏览器不会解析注释内容,在页面上不显示 注释不能嵌套--><!-- 快速创建HTML骨架快捷键:shift+1 html:5 --><!-- 声明:告诉浏览器以HTML5的规范解析文档 --><!DOCTYPE html> <!-- HTML:

2021-03-09 20:51:13 82

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除