FruitBro

跨站脚本工具Cross-site scripting(XSS)是一种安全漏洞，攻击者可以利用这种漏洞在网站上注入恶意的客户端代码。从而，攻击者可以突破网站的访问权限，冒充受害者。是最为常见的Web应用程序漏洞之一。 数据从一个不可导的链接进入到一个web应用程序。 没有过滤掉恶…

Canvas API 提供了一个通过JavaScript和HTML的<canvas>元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。 Canvas API 主要聚焦于2D图形。而同样使用<canvas>元素的Web…

Context提供了一个无需为每层组件手动添加props，就能在组件树间进行数据传递的方法。Context设计目的是为了共享那些对于一个组件树而言是“全局”的数据。使用context，我们可以避免通过中间元素传递props 在一个典型的 React 应用中，数据是通过 prop…

十. commit、tree和bolb三个对象之间的关系 存储是git的核心技术点，git提供优良的存储能力，对版本控制系统是非常关键的。因为版本控制系统就是管理文档，但文档的变更是很频繁的,如果没有一套好的存储机制的话，库就会越来越大，性能就会越来越差。因此设计一个良好的存储…

最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 注意到，在 <button> 标签中…

我们常见的网页布局方式一般分为header（页头）部分,content（内容区）部分和footer（页脚）部分。当页头区和内容区的内容较少时，页脚区不是随着内容区排布而是始终显示在屏幕的最下方。当内容区的内容较多时，页脚能随着文档流撑开始终显示在页面的最下方。这就是传说中的St…

Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 是要增加自己技术的深度，也就是懂得JavaScript的运行机制。 现在在前端领域各种技术层出不穷，掌握底层原理，可以让自己以不变，…

单行文本省略号，部分浏览器需要加width属性。 css的属性vertical-align用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。只对行内元素、表格单元格元素生效，不能用它垂直对齐块级元素。 因为span标签是inline属性，r…

2.实现一个函数，接受一个url数组作为参数，返回一个Promise。 要求同时发送请求获取资源内容(发送请求使用Fetch,fetch函数说明：fetch()必须接受一个参数-----资源的路径。无论请求成功与否，它都返回一个promise对象，resolve对应请求的Res…