2021-06-25 前端安全:如何防范 XSS 和 CSRF 安全 前端 什么是 XSS 攻击?如何防范 XSS 攻击? XSS 攻击指的是跨站脚本攻击,是一种代码注入攻击。攻击者通过在网站注入恶意脚本,使之在用户的浏览器上运行,从而盗取用户的信息如 cookie 等。 XSS 的本质是因为网站没有对恶意代码
2021-06-24 ES6 的 Reflect javascript 前端 Reflect概述 什么是Reflect对象? 我们可以这样理解,有一个名为Reflect的全局对象,上面挂载了对象的某些特殊函数(如:[[Get]]、[[Set]]),这些函数可以通过类似于Reflect.apply()这种形式调用,
2021-06-23 ES6 的 Proxy javascript 前端 ES6中新增了Proxy对象,从字面量上看可以理解为代理器,主要用于改变对象的默认访问行为,实际表现是在访问对象之间增加了一层拦截,任何对对象的访问行为都会通过这层拦截。在拦截中,我们可以增加自定义的行为。 Proxy的基本语法: 1l
2021-06-20 性能优化:防抖和节流 性能优化 前端 debounce防抖 debounce(f, ms)装饰器的结果是一个包装器,该包装器将暂停对 f 的调用,直到经过 ms 毫秒的非活动状态(没有函数调用,“冷却期”),然后使用最新的参数调用 f 一次。 换句话说,debounce 就像
2021-06-19 JS 实现继承的几种方式 javascript 前端 继承作为面向对象语言的三大特性之一,可以在不影响父类对象实现的情况下,使得子类对象具有父类对象的特性;同时还能再不影响父类对象行为的情况下扩展子类对象独有的特性,为编码带来了极大的便利。下面我们就来看看 JavaScript 中都有哪些实
2021-06-14 理解 ES6 的 Map 数据结构 javascript 前端 Map ES6 新增了一种数据结构 Map,与传统的对象字面量类似,它的本质是一种键值对的组合。但是与对象字面量不同的是,对象字面量的键只能是字符串,对于非字符串类型的值会采用强制类型转换成字符串,而 Map 的键却可以由各种类型的值组成。
2021-06-13 在Flexbox Froggy 游戏中搞定flex布局 CSS 前端 最近发现了一款学习flex布局的游戏,分享给大家 => Flexbox Froggy 一共 24 关 附上参考答案 1、justify-content: flex-end 2、justify-content: center 3、ju
2021-06-11 用js代码实现观察者模式 javascript 前端 用js代码实现观察者模式 观察者模式定义了对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知,并自动更新。观察者模式属于三种设计类型(创建型、组合型和行为型)中的行为型模式,行为型模式关注的是对象之间的
2021-06-07 Vue 的生命周期 vue 前端 beforeCreate(创建前) 在数据观测和初始化事件还未开始 created(创建后) 完成数据观测,属性和方法的运算,初始化事件,$el属性还没有显示出来。 beforeMount(载入前) 在挂载开始之前被调用,相关的rend
2021-06-04 arguments 对象的性质和应用 javascript 前端 arguments 对象的性质 arguments 对象是所有函数都具有的一个内置局部变量,表示的是函数实际接收的参数,是一个类数组的结构。 之所以说 arguments 是类数组是因为它除了具有 length 属性外,不具有数组的其他属性