weixin_41559882的博客

前言之前有功能需求，需要在前端页面上执行用户自定义的字符串js。直接的操作可以用eval或者new Function来执行字符串脚本。但是这样很不安全，获取cookie、获取隐私、发送请求等等代码块都有可能被恶意者故意注入进去。其实最好的方案，就是让后端去执行这段自定义脚本，返回结果给前端。当然，本次主要想解决的是除了这个方案，还有什么办法？网上找一番，可以较为安全地执行自定义脚本的方法有js解释器with + proxy利用iframe的沙盒模式利用js解释器，就是采用第三方包解释器来执行自

手写代码实现Promise之二在上一篇文章已经实现了基本的Promise，这里将继续实现其他Promise的方法。Promise.prototype.then ✅Promise.prototype.catch✅Promise.prototype.finallyPromise.resolvePromise.rejectPromise.allPromise.racePromise.allSettledPromise.anyfinally方法之前学习了Promise的两个公有方法the

手写代码实现Promise基础例子我们先实现一个基础的Promise。class MyPromise { static PENDING = 'pending' static FULFILLED = 'fulfilled' static REJECTED = 'rejected' constructor(executor) { this.state = MyPromise.PENDING this.result = undefined

js点击按钮复制文本// 复制文本function copyText(event) { let range = document.createRange(); window.getSelection().removeAllRanges(); // 清除页面中已有的selection range.selectNode(event.target); // 选中复制节点 window.getSelection().addRange(range); // 执行选中元素

创建型设计模式1、简单工厂模式当类太多，并且这些类有很多相似之处，那么可以用一个工厂函数将这些类整合起来，以后想要创建这些类之一时，可直接调用工厂函数传入参数，来选择你想创建的类。var Benz = function() { this.brand = 'Benz';}Benz.prototype.getBrand = function() {}var BMW = function() { this.brand = 'BMW';}Benz.prototype.getBran

给父元素绑定事件，触发事件event.target却是子元素。若要拿绑定事件的初始元素，可用event.currentTarget转载https://blog.csdn.net/yang1067155909/article/details/97273820

面向对象编程1、两种编程风格——面向过程与面向对象面向过程例如，有个输入表单，分别输入手机号、姓名和密码。若要对它们进行输入校验。你可能会创建三个函数checkPhone、checkName、checkPassword分别实现校验功能。这是一个面向过程的实现方式，然而在这种方式中，你会发现无端地在页面中添加了很多全局变量，而且不利于别人重复使用。面向对象面向对象编程就是将你的需求抽象成一个对象，然后针对这个对象分析其特征（属性）与动作（方法）。这个对象我们称之为类。2、面向对象编程思想特点之一—

hook给枯燥的敲代码生活带来了一丝新鲜感,这样写组件的方式更加方便、代码更易懂些

性能优化之节流工具函数