web-chubby-CSDN博客

原创 setTimeout 设置1秒，1秒后一定会执行吗？

这个问题是个比较常会被问到的一个面试题，我们直接来看代码这里为了直观的看到效果，在咱们设置为0秒。setTimeout(function() { console.log("计时器执行")}, 0)for (var i = 0; i < 1000000000; i++) { if (i == 999999999) { console.log(i); }}这里可以看到大约过了俩秒后，控制台才显示出 999999999，其次才显示出 “计时器执行”。可能有些人就会说了，你的电脑配置

2021-04-20 14:32:57 1656

原创 vue项目使用rem（pc和移动通用）

首先封装一个方法来实现remfunction Rem() { // 表示1920的设计图,使用100PX的默认值 var whdef = 100 / 1920; // 当前窗口的宽度 var bodyWidth = document.body.clientWidth; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值 var rem = bodyWidth * whdef; document.getElementsByTagName('html')[0].st

2021-04-14 18:20:08 191

原创 vue.config.js 配置参考

在vue脚手架3.0以后项目目录中没有 vue.config.js 文件，需要手动创建配置创建vue.config.jsvue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。在根目录中创建vue.config.jsvue.config.js配置.

2021-03-05 10:36:51 655 1

原创深入理解 javascript 作用域链（Scope Chain）

前言：作用域和作用域链这块的东西，是不管在工作中还是面试中最常问到的一个问题。今天就接着上一篇深入理解JavaScript作用域来继续说一下。作用域链在JavaScript中，函数也是对象，实际上，JavaScript里一切都是对象。函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]]，该内部属性包含了函数被创建的作用域中对象的集合，这个集合被称为函数的作用域链，它决定了哪些数据能被函数访问。作用域链决..

2020-09-08 16:41:09 207

原创深入理解JavaScript作用域

前言对于许多新手开发者来说，作用域的概念并不是很容易理解。这个东西也是面试中会比较常问的问题。这篇文章来为大家说一下作用域。作用域任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。换句话说作用域决定了代码区块中变量和其他资源的可见性让我们先来看个例子function fn() { var variable = "内部变量";}fn();//先执行函数console.log(variable);//报错 v

2020-09-08 16:36:21 163

原创详解 javascript 变量提升

前言：变量提升是在面试中常见被问到的问题，今天就来说一下这个问题。一、概念使用 var 来声明变量的时候，会提到当前作用域的顶端，赋值语句在原地等待赋值。javascript 在执行的时候会分为两部分：预编译阶段：js 在变量声明提升的时候，会将 var 声明的变量以及用关键字函数声明的函数都会提升到当前作用域的顶端，赋值语句在原地等待赋值。这里要注意：如果变量名与函数相同的情况下，函数的优先级大于变量执行阶段：自上而下执行案例：<body> <in

2020-09-08 16:24:31 101

原创最详细-BFC块级格式化上下文

什么为 BFCBFC（Block Formatting Contexts ）就是即块级格式化上下文。是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。BFC的特性我们大家都知道bfc的特性：1.内部的元素会在垂直方向，从顶部开始一个接一个地放置。2.元素垂直方向的距离由margin决定。属于同一个BFC的两个相邻元素的margin会发生叠加3.都是从最左边开始的。每个元素的margin box的左边，与包含块border box的左边(对于.

2020-07-30 11:47:49 256

原创高度塌陷最常用方法

高度塌陷父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷（造成父元素高度为 0）可以看到给子元素添加浮动后，父元素的高度变为了0下面就来详细说一下怎么解决高度塌陷问题，这里只为大家总结几种最常用的方法1、给父元素添加声明overflow：hidden优点：代码少、简单缺点：1、只适用于高版本游览器，IE6不支持。2、不能和position定位配合使用，超出的尺寸会被隐藏<style type="text/css"> .box{ margin: 200px auto

2020-07-22 17:05:49 111

原创盒子居中常用方法

大家都知道，不管是在平常布局中还是在面试当中都会遇到让一个盒子水平且垂直居中的情况，在这里总结了几种常用的居中方法：1、绝对定位居中（最常用、好用）2、负margin居中（传统方法）3、margin固定宽高居中4、flex居中5、transform居中6、table-cell居中7、不确定宽高居中（绝对定位百分数）以下例子中使用的基础结构如下<div class="box"> <div class="chl_box"> </div><

2020-07-22 16:48:59 4468 1

风向决定发型的博客