fychinesepjj

总结一下Web相关的安全攻防知识，让自己对这个知识点多一点了解，下面来聊聊Web中最常见的几种安全问题，包括攻击类型、原理以及怎样防御等。 原因：过于信任客户端提交的数据。 XSS攻击也可以简单分为两种，一种是利用url引诱客户点击来实现；另一种是通过存储到数据库，在其它用户获…

ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 E…

伪类和伪元素，作为一个前端肯定是都用过。然后，你问下自己到底什么是伪类？什么是伪元素？两者真正区别又是什么？是不是突然一股懵逼涌上心头…… 对于什么是伪类，什么是伪元素，一些小伙伴会知道，伪类是一个冒号的，伪元素是两个冒号的；又或者，伪类是类似于:hover这样的，伪元素是类似…

最好的网络请求就是无须与服务器通信的请求：在网站速度为王的比试里，避免网络完胜于使用网络。为此，使用一个可靠的缓存策略会给你的访客带来完全不同的体验。 话虽如此，在工作中我越来越频繁地看到很多实践机会被无意识地错过，甚至完全忽视做缓存这件事。大概是因为过度聚焦于首次访问，也可能…

1. 引言 这次通过 Writing Resilient Components 一文，了解一下什么是有弹性的组件，以及为什么 Function Component 可以做到这一点。 2. 概述 相比代码的 Lint 或者 Prettier，或许我们更应该关注代码是否具有弹性。 …

简而言之，只要一个组件中某个属性的值是函数，那么就可以说改组件使用了 Render Props 这种技术。听起来好像就那么回事儿，那到底 Render Props 有哪些应用场景呢，让我们还是从简单的例子讲起，假如我们要实现一个打招呼的组件，一开始可能会这么实现： 然后如果还要…

Redux是一个通用的前端状态管理库，它不仅广泛应用于 React App，在 Wepy、Flutter 等框架中也随处可见它的身影，可谓是一招鲜吃遍天，它同时深受喜欢函数式编程(Functional Programming)人们的追捧，今天我就来和大家聊一聊Redux的基本思…

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…

箭头函数是ES6的API，相信很多人都知道，因为其语法上相对于普通函数更简洁，深受大家的喜爱。就是这种我们日常开发中一直在使用的API，大部分同学却对它的了解程度还是不够深... 1. 箭头函数没有prototype(原型)，所以箭头函数本身没有this 2. 箭头函数的thi…