- 博客(12)
- 收藏
- 关注
原创 清除浮动的方法
float:浮动,使元素同行排列,脱离文档流。我们经常使用float进行布局,但也有一些问题存在,需要清除浮动元素的影响。下面说一下清除浮动的方法。1.使用伪元素 :after(推荐使用)给使用浮动的父元素添加伪元素:after,添加如下样式clear: both;content: '';display: block;height:0;visibility: hidden;2.在浮动元素后增加空标签,并添加clear:both3.在浮动元素后增加br标签并使用自身的html属性
2022-04-20 15:06:55 244
原创 Vue父子组件传值
父子组件传值父传子:父组件自定义属性,子组件通过props接收,接收到的数据可以直接使用。子传父:子组件自定义事件,通过$emit传值,第一个参数是自定义事件的名称,第二个参数是传递的数据。父组件自定义事件接收数据,数据放入data进行使用,多个数据以对象格式传值。父组件<template> <div class="father"> <h1>父组件</h1> <p>子组件向父组件传值---{{ msg.name }}--
2022-04-20 11:20:34 944
原创 CSS实现元素水平垂直居中的方法
今天简单说一下元素水平垂直居中的几种方法。实现效果如下:元素本身内容水平垂直居中:元素本身设置:text-align:center; height:60px; line-height:60px;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
2022-04-14 21:14:52 113
原创 Vue中computed和watch的区别
今天简单说一下computed和watch的区别。先看代码,两者怎么实现的。<div id="app"> <input type="text" v-model="firstName"><br> <input type="text" v-model="lastName"><br> <h2>{{fullName()}}</h2> </div><scr
2022-04-09 19:48:46 25454 1
原创 JS面试题-闭包
闭包含义:定义在一个函数内部的函数,并且能被被函数外部所引用。函数A被定义在内部的函数B引用时,函数A被函数B闭包,当函数A被执行完时,函数A的作用域不会被释放。 function A() { var x = 1; function B() { //闭包 console.log(x++); } } A(); function f1
2022-04-07 17:00:01 1260
原创 Es6新增let,const与var的区别
全局变量:声明的变量,能够在任何地方使用,即为全局变量。局部变量:在函数内部声明的变量,只能在当前函数内部使用。块级作用域(es6新增)es6使用let,const关键字来实现块级作用域使用let,const在块级作用域里面声明的变量,块级作用域外部无法使用。使用var声明的变量块级作用域可以使用。区别:var:可以跨块访问,不能跨函数访问,存在变量提升。let:只能在其作用域内访问,不能跨块访问,不能跨函数访问。const:定义常量,使用是需要赋值(初始化),不能修改。
2022-04-06 20:58:25 89
原创 Vue项目文件夹
node_modules文件夹:项目依赖文件夹public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件夹中的静态资源,webpack进行打包的时候,会原封不动打包到dist文件夹中。src文件夹(程序员源代码文件夹):assets文件夹:一般也是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在assets文件夹里面静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包Js文件里面。components文件夹:一般放置的是非路由组件(
2022-04-03 23:44:54 2534
原创 浏览器兼容问题
浏览器兼容问题1.不同浏览器的标签的内外边距不同解决:*{margin:0;padding:0}2.块级标签float后,再有横向margin的情况下,在IE6中显示的margin比设置的大解决:在float标签样式加入display:inline,转化为行内属性3.行内标签,设置display:block后采用float布局,又有横向的margin时,IE6间距问题解决:display:block;display:inline;display:table;4.图片默认间距,通配符也不
2022-04-02 22:10:05 56
原创 全选不全选
<!-- 所有选项都选中,全选也选中; 只要有一个没选中,全选就不选中; 点击全选,所有选项选中; 取消全选,所有选项不选中; --> <input type="checkbox" id="all">全选 <br> <input type="checkbox" class="item">选项1<br> <input type="checkbox" c..
2021-11-15 23:05:23 616
原创 CSS背景(background)
CSS背景(background)background-color背景颜色background-image背景图片background-repeat背景平铺background-position背景起始位置background-attachment背景固定background-size背景尺寸背景图片默认展示位置是padding+content背景颜色(color)语法:~~~ ~~~background-color: 颜色值 | 十六进
2021-07-27 22:40:49 114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人