自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 少见又好用的css属性

overlay属性 img图片变形如何处理 object-fit

2023-05-31 21:08:39 438

原创 webpack配置(超全loader和插件)

webpack webpack中的loader webpack 插件

2023-04-13 00:03:49 2109

原创 简单又容易踩坑的面试题(1)

this指向 变量提升 面试题

2023-04-01 12:04:46 115

原创 扁平化数组

数组的扁平化 递归 flat方法 迭代器

2023-03-06 23:17:32 262

原创 react的面试题

1.react有什么特点 react使用过的虚拟DOM,而不是真实DOM react可以用服务器渲染 react遵循单向数据流 或者数据绑定 2.react有什么优点 提高应用性能 可以方便的在客户端和服务端使用 使用jsx模板进行数据渲染,可读性好 3.什么是JSXjsx 是 JavaScriptXML的简写,是react使用的一种文件,它利用 JavaScript 的表现力和类似 HTML 的模板语法,这使得 HTML 文件..

2022-02-16 13:56:34 1074 2

原创 vue 相关的面试题

1.对MVVM的理解MVVM事 model-view-viewModel 的缩写 model:表示数据,也可以在model中定义数据修改和操作的业务逻辑 view:代表UI组件,她复杂讲数据模型转化成UI展示出来 viewModel:监听模型数据的改变和控制视图行为,处理用户交互,简单理解就是一个同步view 和model的对象,连接model和view 在MVVM框架下,view和model之间并没有直接的联系,而是通过viewModel进行交互,model和vie

2022-02-15 23:36:12 293

原创 JavaScript中的跨域问题

接下来要讲的是 JavaScript中的跨域 这个奇葩的问题,很多人在面试的时候也是被闻到自闭的问题。我会从下面三个方面去讲1.什么是跨域?跨域:跨域是指从一个域名的网页去请求另一个域名的资源。比如:从 www.baidu.com 这个域名去访问 www.taobao.com这个域名下数据,正常请求的情况下是失败的,失败的原因就是就 跨域请求了,它是由浏览器的同源策略造成的,是浏览器对Java...

2020-04-30 16:35:35 167

原创 Mac中安装 MongoDB

这篇文章主要从Mac中安装 MongoDB 和安装MongoDB终于的问题两个方面去写1、下载安装在Mac中安装MongoDB总共有三种方法(1)手动命令安装(2)采用homebrew安装(3)下载安装包(一般人常用也最容易理解的,我会讲这个方法)接下来详细讲解第三种安装方式:1.下载MongoDB的官网:https://www.mongodb.com/download-center...

2020-04-10 12:50:50 1309

原创 vw+rem实现移动端布局

上篇有写到移动端开发-媒体查询 + rem,那么移动端开发了除了媒体查询还有什么方法能快速的去实现呢?下面我就来介绍一下vw+ rem开发移动端。首先我们先了解几个知识点:vw、vh、drp1、vw:viewpoint width,视口的宽度,1vw 等于视口宽度的1%;100vw = 视口的宽度的100%;2、vh:viewpoint height,视口的高度,1vh等于视口...

2020-04-02 21:42:06 1158

原创 彻底弄懂JavaScript中的this指向

我们都知道 this值JavaScript 函数中的一个关键字,也称之为this对象,this是函数中的一个对象,那么这个对象表示什么呢,这个很重要,因我们会经常使用到这个this,如果搞不清楚这个this到底指向谁,就是很大的一个问题都知道 this是在函数中的,那么肯定跟函数有关系的,那么肯定就跟函数的定义和调用以及是什么函数有关系了以下,我总结了一句话很好的帮助我们 理解这个this对象...

2020-04-02 14:06:55 2978

原创 如何精确的设置行与行之间的间距

这是一篇专门针对 刚入门 前端的小白们,作为个前端开发人员,我们应该要具备的就是 99.9%的还原设计图,那么必不可少的就是设置页面中文字的上下间距问题,也是刚入门的人员比较难的一个点,怎样才可以写的跟设计图的一模一样呢。比如这样的一个图片,里面有几种字体大小和行间距都不一样,算是一个比较复杂一点的:以下我介绍两种设置这个间距的方法:1.只用line-height(行高)使用行...

2020-02-23 18:20:57 5571

原创 移动端的布局方案

移动端的布局方案1、使用 媒体查询+rem单位2、使用vw单位 + rem单位布局3、使用js + rem单位布局4、使用sass + vw单位布局1、使用 媒体查询+rem单位原理:利用媒体查询检测设备的特性,根据设备来改变根节点的字体大小实现步骤:(1)通过媒体查询来改变根节点的字体大小@media all and (min-width: 320px) { html { ...

2019-09-12 11:42:43 413

原创 用es的方法实现一个函数,传入任意多个数组的参数的时候,把参数的数组合并为一个数组并返回

// 用es6的方法实现一个函数,传入任意多个数组的参数的时候,把参数的数组合并为一个数组并返回function sum() {var newArr = [];for (var i = 0; i < arguments.length; i++) {newArr = newArr.concat(...arguments[i])}return newArr;}co...

2019-07-31 00:58:27 762

原创 css中相关单位(px,%,em,rem,vw,vh,vm)的区别

随着web时代发展和html5的出现,前端对网页的要求越来越高了,网页设计单位是涉及到我们布局的效果,使用不同的单位会对最终的结果,会有不同的表现和效果。现在大部分的项目需求都是需要响应式设计,需要去适配各种设备,比如:电脑,手机,平板。如果单位不合适,那么有可能在这个设备布局效果是正常的,另一设备布局效果错乱,就会得不到很好的适配,所以我们需要选择合适的单位来适配各种设备。接下来简单的介...

2019-05-22 00:15:46 1681

原创 vue-cli脚手架搭建环境之后,用本机的IP地址无法打开问题

启动vue-cli项目服务,用本机IP无法访问此网站,拒绝了我们的链接请求。从而无法从手机上预览效果 解决问题:找到config下面的index.js,把下面的host改为你本机的IP地址或者0.0.0.0,最好是改为0.0.0.0,方便在没太电脑都能打开            ...

2019-02-18 14:53:30 1574

原创 如何使文本出现省略号

当文字太多,而我们不需要展示那么的时候就会出现省略号是常见的需求,那么出现省略号怎么实现呢?第一种,单行文本出现省略号;就是使用text-overflow:ellipsis属性和属性值,还要一定要配合white-space:nowrap;表示不换行,overflow:hidden;溢出隐藏,当然也得你哈的文字超过你的宽度才行div {    height: 30px;    w...

2018-09-13 18:03:35 651

原创 移动端布局-媒体查询 + rem单位布局

现在HTML5前端不仅仅局限于PC端,HTML5前端还可以实现移动端,实现微信等等,传统的布局单位px,不能是达到自适应的学校过,那么移动端布局有哪些方式呢?媒体查询 + rem单位布局说道这个布局,,那么我们首先得了解什么是媒体查询,rem是什么?媒体查询:媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和...

2018-09-13 15:36:45 2225

原创 css中选择符

1、基本选择器:1. *——通配符(不建议使用)2. E——标签(元素),也是我们之前类型选择器3. . + class名——类选择器4. # + id名——id选择器5. 选择器1,选择11器2 —— 群组选择器2、关系(层级)选择器1.E F 包含选择器 —— E父元素,F后代元素,满足F是E的后代,而且一定要F元素2.E&gt;F 满足F是E子代元素(不包括子...

2018-09-03 20:42:46 248

原创 css常见的bug及解决办法

1、图片在IE6及以下有边框   解决:给img{border:0 none}2、div插入图片有间隙   解决:(1)div{font-size:0}    (2)img{display:block}3、双倍浮向,在IE6及以下版本,浮动的元素,有设置margin,出现双倍外边距。   解决:给浮动的元素设置display:inline4、在IE6及以下版本,部分块级元素拥...

2018-09-03 20:36:37 595

原创 CSS3 弹性盒子(Flex Box)

弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。一、给父元素设置的属性:1、display:flex 表示给这个盒子设置为弹性盒模型2、...

2018-09-03 20:28:14 261

原创 css中BFC

一、块级格式化上下文 (Block Formatting Context)BFC是一个独立的布局环境,其中的元素布局是不受外界的影响。二、BFC的布局规则1、内部的Box会在垂直方向,一个接一个地放置。2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box会发生margin重叠。3、每个元素的margin box的左边, 与包含块(元素的父节点)border...

2018-09-03 20:15:42 388

空空如也

空空如也

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

TA关注的人

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