一、数据类型 1. JavaScript有哪些数据类型，它们的区别？ JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型： Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。 BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。 这些数据可以分为原...

一.闭包原理 **闭包原理：**指有权访问另一个函数作用域当中变量的函数，创建闭包常见的就是在函数中创建另一个函数，创建的函数可以访问当前函数中的局部变量。 我自己的理解： 在函数外部能访问到函数内部的值，在函数中创建另一个函数，并且返回这个创建好的函数，把这个初始函数赋值给一个变量，这个变量接收到的就是一个匿名函数，匿名函数的this又是指向全局对象的，当你把这个匿名函数给这个变量时，this就指向了这个变量，就能创建私有变量，且不会被垃圾回收。缺点：使用过度闭包会消耗内存,造成内存泄漏，当我们使用完闭包后，应该将引用变量滞空。 闭包用途： 1.在函数外部能够访问到函数内部的变量，通过闭包，...

JavaScript 判断数据类型的方式共有四种 typeof instanceof constructor Object.prototype.toString typeof typeof 操作符返回一个字符串,表示操作值的类型 利用 typeof 判断数据类型的语法是 typeof target。 示例如下： // 'number' console.log(typeof 123) // 'string' console.log(typeof '123') // 'boolean' console.log(typeof true) // 'symbol' console.log(typeo...

什么是立即执行函数？ 要成为立即执行函数，需要满足两个条件： 声明一个匿名函数 立马调用这个匿名函数 比如，下面就是一个非常典型的立即执行函数： (function(){console.log('这是一个立即执行函数'))() //首先声明一个匿名函数(function(){console.log('这是一个立即执行函数')) //然后再匿名函数的后面接一对括号()，立马调用这个函数 大多数小伙伴不理解的可能是为什么要把匿名函数用一对括号包起来。 其实，这么做的目的是为了兼容JS的语法。 除了使用一对括号之外，我们还可以使用下面的语法： (function(){alert('我是匿名函...

本文的框架图如下： 一、浮动到底是什么？ W3school中给出的浮动定义为**浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。**由于浮动框脱离文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 我的理解是：一个元素是脱离文档流的，所以会被没有浮动的元素给盖住。 二、浮动有什么特点？ 浮动的特点，可以用八个字总结：脱标、贴边、字围和收缩。 为了更好说明，请看下图： 当框 1 向左浮动时，它脱离文档流（脱标）并且向左移动（贴边），直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框 2，使框 2 从视图...

一、如何理解HTML语义化 这道题我们人为主要分为两个方面回答就好：对人和对机器（搜索引擎） 对人: 就是增加代码的可读性，让代码更容易维护 对机器：就是对搜索引擎更加友好有利于seo 二、块级元素和内联元素 这道题就是会问你块级元素有哪些和内联元素有哪些及特点，以及之间怎么相互转换 2.1 块级元素 常见的块级元素有div p h1 h2... ul ol等 块级元素会独自占据一行，可以声明宽和高 display:block可以把元素转换为块级元素 2.2 行内元素 常见的行内元素有 span a input button 行内元素会出现在一行，不会起新行。不能直接声明宽高，如果要...

viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影（这个我觉得真没必要去掉，用户点击是需要反馈的，而这个背景色刚刚好提供了一种反馈）等等，太多啦，这些相信大家百度一下就可以查到很多资料😂 本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 <!-- 有"#" "*"符号输入 --> <input type="tel"> <!-- 纯数字 --> <input pattern="\d*"> 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input...

前言 我们在处理图片时，经常使用的一个功能就是滤镜，它能使一张图像呈现各种不同的视觉效果。 在 CSS 中，也有一个filter属性，让我们能用 CSS 代码为元素指定各种滤镜效果，比如模糊、灰度、明暗度、颜色偏移等。 CSS filter的基础使用非常简单，CSS 标准里包含了一些已实现预定义效果的函数（下面blur、brightness、contrast等），我们可以通过指定这些函数的值来实现想要的效果： /* 使用单个滤镜 （如果传入的参数是百分数，那么也可以传入对应的小数：40% --> 0.4）*/ filter: blur(5px); filter: brightness(...

Flex布局(弹性布局) 一、Flex布局是什么 任何一个容器都可以指定为Flex布局 .box{ display:flex; } 行内元素也可以使用Flex布局 .box{ display:inline-flex; } Webkit内核的浏览器，必须加上-webkit前缀 .box{ display:-webkit-flex;/*Safari*/ display:flex; } 注意：设置为flex布局后，子元素的float、clear、vertical-align属性将失效。 二、基本概念 采用Flex布局的元素，称为Flex容器（flex cont...

prototype 只有函数有prototype属性 let a = {} let b = function () { } console.log(a.prototype) // undefined console.log(b.prototype) // { constructor: function(){...} } 复制代码 Object.prototype怎么解释？ 其实Object是一个全局对象，也是一个构造函数，以及其他基本类型的全局对象也都是构造函数： function outTypeName(data, type) { let typeName = Object.pr...

一、Let和Const let声明变量，可变 const定义常量（实际指的是变量和的内存地址），不可变 只能在其声明或定义的代码块内有效 注：若区块中存在let或者const命令，则这个区块对这些变量和常量在一开始就行成封闭作用域，只要在声明之前使用就会报错（可能会出现暂时性死区） 不能重复声明，否则报错 （一）块级作用域 闭包：JS中的变量是没有作用域时的一个临时解决方案 块级作用域可以任意嵌套 外层作用域不能访问内层作用域的变量 内层作用域可以定义外层作用域的变量 函数中的块级作用域 es6中在块级作用域中可以声明函数 函数声明的语句和let的行为类似，在块级作用域外不能访...

前端Vue核心 开发一个前端模块可以概括为以下几个步骤： （1）写静态页面、拆分为静态组件； （2）发请求（API）； （3）vuex（actions、mutations、state三连操作）； （4）组件获取仓库数据，动态展示； 1、vue文件目录分析 public文件夹：静态资源，webpack进行打包的时候会原封不动打包到dist文件夹中。 pubilc/index.html是一个模板文件，作用是生成项目的入口文件，webpack打包的js,css也会自动注入到该页面中。我们浏览器访问项目的时候就会默认打开生成好的index.html。 src文件夹（程序员代码文件夹） assets： ...