JavaScript

问题描述 需求：页面有列表项，以及列表明细项，点击列表某一项，滚动到对应列表明细项。对于这样需求，除了使用DOM.scrollTop以外，也可以使用锚点搭配DOM.scrollIntoView方法去实

Console对象 js中也有万物皆对象的定义，所以我们常用的console也是一个对象，自然是对象，那么其身上就会自带一些方法和属性。大家F12打开控制台以后，直接输入console回车，就可以看明

nginx配置内容安全策略csp的代码举例 问题描述 工作中，我们做好项目以后，要发布到服务器上，供用户使用。不过为了项目安全，还是需要使用http协议自带的安全策略规则,去进行相应的配置，以防止别人

问题描述 在我们开发中，就表单而言，经常有查看表单的操作。有时候为了省事情，我们直接给表单的el-input或者el-radio或者el-select以及的el-button等加上一个disabled

问题描述 对于表单填写信息的页面，有时候会出现用户填写了一部分不小心“离开”了这个页面，那么这个时候，产品说，需要再做一个用户提示，问问用户是不是真的要离开这个页面。针对于这个需求，我们把具体“离开”

vue自定义指令产生的背景 我们知道前端程序员，写的各种代码，最终是要作用于页面上的DOM元素的。比如用HTML固定好DOM的基础结构，用CSS设置DOM的样式，用JS去做一些DOM的交互。因为DOM

问题描述 在我们使用vue开发项目时，有时候需要用到递归思想去书写代码。在一些UI组件中，我们也可以看到其中运用了递归的思想。比如：饿了么UI中的el-tree组件、el-menu组件（动态菜单栏）、

问题描述 平常我们在项目中需要做下载文件的功能，比如下载excel表格、比如下载pdf文件、比如下载word文档，这样的功能，一般是后端做，即：后端返回一个流文件、或者返回一个url地址。 但是，实际

问题描述 我们做项目中，常常需要把图片呈现到页面上，一般来说有以下几种方式 方式一（后端返回图片URL） 这种方式就是后端返回图片的url地址，我们直接img标签的src属性绑定imgUrl即可。如下

问题描述 为了解决前端异步函数多层嵌套会产生回调地狱问题，以及回调地狱错误不方便捕捉的问题。所以，那些制造规则的大佬们，就在ES6中加入了一个新功能~Promise。本文主要记录一下Promise.a

什么是跨域问题 浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域 跨域跨域，见名知意，跨出领域的意思。那什么是领域呢？ 我们知道，无论是前端还是后端代码想要运行，需要

问题描述 有些网页上的内容我们不能直接复制，如果想要复制的话，就要充钱成为VIP以后，才能复制，比如 “某某文库”... 那么本文记录一下解决方案的步骤... 图示如下： 仰望vip大佬... 解决方

问题描述 我们知道浏览器页面上的文字正常情况下我们是可以双击选中、或者单击鼠标横向拖动也能选中的，选中以后可以右击出现面板然后去复制什么的。但是有的时候，这种效果我们并不想要的，比如用户点快了的时候，

常用深拷贝方式 JSON.parse(JSON.stringify()) Object.assign ...拓展运算符 lodash函数库 关于js中变量（数据类型）的复制 我们知道，js语言中常用的

需求描述 有一数组，数组中的每一项放置的是一个个的对象，结构如下： 想加工数据以后，使得每一项的home属性都过不要，只留name和age属性。 方式一（map映射，指定属性不映射过去） 方式二（过滤

等... 字符串和数组类似，也有对应的索引下标，并且通过下标可以访问到对应的字符串的值。后面的字符串的方法，都是基于这个特性来的。 比如有一个字符串str：“欢迎管理” ，str.indexOf("欢") 返回的是“欢”这个字在str中出现的索引的位置下标-前提是如果有的话。没…

我们在日常做项目的过程中，需要对数据进行各种加工处理。比较常见的就是把数组中一些用不到的项，删除掉。对于数组删除，我们第一时间想到的就是使用splice方法，不过splice方法会改动原数组。有的时候，用fliter过滤方法也可以删除数组，或许有意想不到的效果。 所谓数组的过滤…

我们前端在做项目的过程中，常常遇到一些input框检验，比如限制用户不能乱输入内容。方式有很多种，此时，若能善用正则，或许会事半功倍，那么，什么是正则呢？ 所谓正则我的理解，就是一个前人封装好的对象，此对象自带属性和方法，我们常用的用来校验的就是正则的test方法，根据是否符合…