鲁kk-优快云博客

原创 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 1423

原创 vue项目移动端适配rem

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

2021-08-19 17:28:39 473

原创构造函数和原型链

构造函数和原型链好久没有记录了… 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 227

原创 CSS浮动与清除浮动

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

2021-03-27 20:04:14 160

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

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

2021-03-18 21:23:45 220

原创超链接标签的使用

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

2021-03-15 18:59:21 556

原创 css样式表和选择器

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

2021-03-12 20:16:41 285

原创表格标签和表单标签

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

2021-03-11 18:42:26 326

原创初识HTML基础标签

HTML基础 HTML：超文本标记语言，是一种用于创建网页的标准标记语言，而不是编程语言 HTML基本骨架    <!DOCTYPE html> <!-- HTML：

2021-03-09 20:51:13 171

weixin_45905955的博客