- 博客(12)
- 收藏
- 关注
RSS订阅原创 清除浮动的方法
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
241
原创 Vue父子组件传值
父子组件传值父传子：父组件自定义属性，子组件通过props接收，接收到的数据可以直接使用。子传父：子组件自定义事件，通过$emit传值，第一个参数是自定义事件的名称，第二个参数是传递的数据。父组件自定义事件接收数据，数据放入data进行使用，多个数据以对象格式传值。父组件<template> <div class="father"> <h1>父组件</h1> <p>子组件向父组件传值---{{ msg.name }}--
2022-04-20 11:20:34
939
原创 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
109
原创 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
25171
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
1220
原创 Es6新增let,const与var的区别
全局变量：声明的变量，能够在任何地方使用，即为全局变量。局部变量：在函数内部声明的变量，只能在当前函数内部使用。块级作用域（es6新增）es6使用let，const关键字来实现块级作用域使用let，const在块级作用域里面声明的变量，块级作用域外部无法使用。使用var声明的变量块级作用域可以使用。区别：var：可以跨块访问，不能跨函数访问，存在变量提升。let：只能在其作用域内访问，不能跨块访问，不能跨函数访问。const:定义常量，使用是需要赋值（初始化），不能修改。
2022-04-06 20:58:25
85
原创 Vue项目文件夹
node_modules文件夹:项目依赖文件夹public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件夹中的静态资源，webpack进行打包的时候,会原封不动打包到dist文件夹中。src文件夹(程序员源代码文件夹):assets文件夹:一般也是放置静态资源(一般放置多个组件共用的静态资源),需要注意,放置在assets文件夹里面静态资源,在webpack打包的时候,webpack会把静态资源当做一个模块,打包Js文件里面。components文件夹:一般放置的是非路由组件(
2022-04-03 23:44:54
2523
原创 浏览器兼容问题
浏览器兼容问题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
49
原创 全选不全选
<!-- 所有选项都选中，全选也选中； 只要有一个没选中，全选就不选中； 点击全选，所有选项选中； 取消全选，所有选项不选中； --> <input type="checkbox" id="all">全选 <br> <input type="checkbox" class="item">选项1<br> <input type="checkbox" c..
2021-11-15 23:05:23
602
原创 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
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人