富朝阳的博客

Proxy 是 ES6 为了操作对象引入的 API。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。

相信很多同学在面试中遇到这样的问题，今天我们就彻底搞懂JavaScript中的call、apply、 bind的用法、实现以及三者之间的区别，废话不多说，直接开撸！

内存泄漏（Memory Leak）是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。通俗点就是指由于疏忽或者错误造成程序未能释放已经不再使用的内存，不再用到的内存却没有及时释放，从而造成内存上的浪费。

相信大家在工作或者面试中经常用foreach 方法，但你知道吗？forEach其实是for循环的一个特殊简化版，也叫增强for循环，forEach虽然是for循环的简化版本，但是并不是说forEach就比for更好用。废话不多说，下面我们一步步解开这7点疑问。

1.多重判断时使用 Array.includes2.使用对象或使用 map 结构来优化if else，而不是 Switch 语句3.更少的嵌套，尽早 return ，用卫语句优化4.项目中需要大量算法，大量匹配模式时，可以考虑策略模式5.使用默认参数和解构讲到这里，相信大家对前端if else / switch case的优化有了新的认识，如有不足之处，请大家补充，欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。

前端常用的加密方式有base64加密，MD5加密，sha1加密，sha256加密，aes加密，字符串加密，面我介绍前端6种常用的加密如何使用，如有不足之处，欢迎大家补充

文章主要介绍了clipboard在vue中的使用的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

var a = 1从上述代码中我们可以发现，虽然变量还没有被声明，但是我们却可以使用这个未被声明的变量，这种情况就叫做变量提升，并且提升的是声明。对于这种情况，我们可以把代码这样来看var aa = 1接下来我们再来看一个例子var a = 10var a对于这个例子，如果你认为打印的值为undefined那么就错了，答案应该是10，对于这种情况，我们这样来看代码var avar aa = 10到这里为止，我们已经了解了var声明的变量会发生提升的情况，其实不仅变量会提升函数也会被提升。

在前端开发中，设计模式总的来说是一个抽象的概念，前人通过无数次的实践总结出的一套写代码的方式，通过这种方式写的代码可以让别人更加容易阅读、维护以及复用。本文将会介绍前端常见的设计模式，并通过代码详解它们的实现。

escape官方已不推荐使用了，基本淘汰了，如果想对URL编码，最好不要使用此方法，encodeURI和比较常用。前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。如果文章对你有所帮助，！博主会持续更新。。。。

最近在用vite构建重构我的博客，由于项目内容较多，所以遇到了一些性能问题，所以在构建生产环境时做了一些优化，在这里做一个记录，方便大家参考。

download 属性定义了下载链接的地址。href 属性必须在 标签中指定。属性同样可以指定下载文件的名称。文件名称没有限定值，浏览器会自动在文件名称末尾添加该下载文件的后缀 (.img, .pdf, .txt, .html, 等)，添加后缀将使用指定后缀，不会重复出现。// 使用a的download属性下载文件var filename = '文件名称';var data = '数据';//创建a元素a.click();//触发a的点击事件a = null;

下面小编就为大家带来一篇JS转换HTML转义符的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧。

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。reduce方法接受参数： 接受一个回调函数和初始值。array.reduce(callback,初始值) 等价于 array.reduce((prev, cur) => { },value)

最近有一个下载文件的需求，后端有数据时返回文件流，没有数据时返回json，前端抛出错误提示下载接口请求设置为 responseType: ‘blob’，后端返回的json也被转成blob。

最近博主在开发一个微服务架构搭建的编程导航，方便大家学习交流。程序员导航是一个以Angular13.0,vue3.x, React16前端技术框架开发的一站式程序员学习工作娱乐导航网站，以让程序员更便捷为使命，始终围绕程序员需求，为程序员提供最新工具导航的便捷性服务网站！下面说说本人在做qiankun微前端改造时遇到的一些坑，希望对大家有帮助。

Proxy 是 ES6 为了操作对象引入的 API。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。

中，F12审查元素的情况下，大家都可以随机更改一部分页面的代码，注入恶意JS等等，这种情况避免也不难，虽然还能看到一部分H5源码，但是无法修改。1.屏蔽F12审查元素。如果文章对你有所帮助，

在前端开发过程中，文件上传功能几乎必不可少的，很多时候，我们在进行文件上传时，尤其是向普通用户开放文件上传功能时，一般都需要对上传文件的格式进行一些限制，以防止不良用户、黑客等将带有病毒脚本文件上传到服务器中，常见文件格式限制如下。

html连续多个空格只显示一个空格的解决方法，想要页面展示多个字符，可以使用实体字符&内部碎片；来代替空格，如下这样：name。替换成实体字符后将变量用innerHtml展示在页面中，否则浏览器无法识别哦。

相信很多同学在面试中遇到这样的问题，今天我们就彻底搞懂JavaScript中的call、apply、 bind的用法、实现以及三者之间的区别，废话不多说，直接开撸！

若地址栏URL为：code-nav/article/917?type=12&title=abc，我们要获取到地址栏后面的的type和title参数，如何才能拿到呢？我们需要从地址code-nav/article/917?type=12&title=abc上拿到title的value abc。我们需要从地址code-nav/article/917上拿到917这个参数。接着就可以在home.vue组件中通过路由useRouter得到参数，注意是。如果文章对你有所帮助，

webpack 是代码编译工具，有入口、出口、loader 和插件。webpack 是一个用于现代 webpack是JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个依赖图(dependency graph)，此依赖图对应映射到项目所需的每个模块，并生成一个或多个bundle。

本文实例讲述了es6数组的flat()，flatMap()函数用法。