平时我们创建弹窗蒙版时，都是给创建一个div，然后给div添加透明背景色，相信大多数人都是这样写的， 包括我以前也是这样创建蒙版弹窗的。下面给大家一个介绍一个新的方法<div id="app">这里是页面主题内容</div><div>这里是弹窗内容 //这里不需要创建蒙版<div>当前弹窗显示是我们在 app 里修改样式<div id="app

前言Console对象提供了访问浏览器调试模式的信息到控制台，Console.log也是日常开发中控制台调试最常用的命令，这些年你是否还是一句log走天下????？其实Console对象提供了数十个API，学会了它们，不仅你的调试技术将突飞猛进????，装杯水平也将得到进一步提升????。一、console.log( )console.log("VeryCool");复制代码作用：控制台输出一..

1、css实现图片自适应宽高img {max-width: 100%;max-height: 100%;}2、什么是flex，写出常见属性，以及作用Flex即：Flexible Box，弹性布局，用来为盒状模型提供最大的灵活性。可以实现类似垂直居中布局。.box{display: flex;}.box{display: inline-flex;}//...

一、前言前端优化是一个永恒的话题，每个前端开发者都希望自己的页面能够快速加载，给用户良好的体验，但是在实际开发中，我们经常会遇到一个棘手的问题，那就是首页白屏问题。首页白屏问题是指用户打开页面后，需要等待很长时间才能看到页面内容，这会让用户感到不耐烦，甚至流失，造成白屏的原因有很多，比如网络延迟、JS 加载过多、渲染性能不佳等等，针对不同的原因，我们需要采取不同的优化策略。今天和大家讨论一种常见的

前言前一段时间由于项目需要实现水印功能，于是去了解了相关的内容后，基于Vue的实现了一个v-watermark指令完成了对应的功能，其实整体内容并不复杂！那么接下来先来简单了解一些和Vue自定义指令相关的内容，作为前置知识的铺垫，然后在逐步完成对应的功能。vue 中的自定义指令以下的内容其实简单了解即可，甚至可以直接跳过，遇到不认识的内容在回头来查看都是可以的，甚至可以直接查看官方文...

最近前端已死这个话题很火，同时带来的社会效应也很大。在外行看来，以为市场上已经不需要前端了，原本要入行的朋友们也不敢入行了；对于已经入行的朋友们，也会因为这句话增添几分焦虑。那么前端这个行业的现状到底如何呢？今天我们不卑不亢，客观公正的探讨下这个话题，希望对你有所帮助。互联网行业的现状首先分析下当前互联网行业的现状从去年的大型互联网公司纷纷裁员，小型互联网公司面临倒闭来看，这几年的互联网行业确实不

1、什么是闭包？闭包的用途是什么？闭包的缺点是什么？定义：闭包是函数和函数内部能访问到的变量的总和。具体实现：在函数A中声明了函数B，并在函数B中使用了A内部的局部变量或形参，函数B以返回值或对象属性的形式能够在函数A的外部继续调用。用途：1）保存临时状态，在循环和定时器中可以使用当时的状态；2）用来“封装”一些数据，如f1外部可以使用f1的内部数据，但不能直接通过f1.a获取。缺点：1.常驻内存

文章目录一、JS基础-原理实现实现new实现bind3、实现apply， call4、实现一下es6的extends5、Object.create实现， Object.create传null和{} 有啥区别吗存在弊端： 所有通过Object.create出来的对象共享原始obj属性Object.create(null) 会创建一个真正的空对象，并没有继承Object原型链上的方法6、实现数组扁平化

一、打开你想要编辑的网站我这里拿百度首页做个示范。二、进入开发者模式按F12进入开发者模式 。三、输入神奇代码1、打开随意编辑网页内容的功能选择Console，在命令框输入document.designMode='on'后按回车。这时你可以发现，点到文字处，会出现小光标，这就说明你可以修改这里的内容。此时直接就可以修改光标处的内容，这里我随便改一下（不是真的改，刷新页面即可恢复原来网页内容）。2、

01. 超级居中：place-items: center对于第一个“单行”布局，让我们解决所有 CSS 领域中最大的谜团：居中。我想让您知道，使用 place-items: center 会让此操作比您想象的容易。首先指定 grid 作为 display 方法，然后在同一个元素上写入 place-items: center。place-items 是同时设置 align-items 和 justi