我们使用React开发项目的时候，基本上是单页面应用，也就离不开路由。路由看似神秘，当我们简单的模拟一下它的核心功能后，发现也就这么回事儿。本文就详细的介绍一下react-router-dom 的HashRouter的核心实现逻辑。 HashRouter是一个大的容器，它控制着…

面试的岗位是前端开发工程师，从17年初找实习开始，先后面试了50多家公司，加上123面，总共经历了上百场面试，其中包括百度，腾讯，阿里，滴滴，网易，美团等等，也面了一些中小公司的社招。 1. get请求传参长度的误区 误区：我们经常说get请求参数的大小存在限制，而post请求…

BFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 内部的 Box 会在垂直方向上一个接一个的放置。 bfc 的区域不会与 float 的元素区域重叠。 bf…

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSR…

1、数组去重2、js获取URL中参数值3、排序冒泡排序4、去除字符串前后的空格5、找出一段英文字符串中出现次数最多的单词bug:有多个结果时只能返回第一个6、字符串翻转7、数组降序排列8、对象的深度克

“开源（open source）”这个词，指的是事物规划为可以公开访问的，因此人们可以修改并分享。 作为一个从大型同性社交网站GitHub / Rain120上学习成长的一个前端菜鸟的我，深受大佬的感染，也希望有机会能够给同样是菜鸟的你们提供帮助，在我学习之余，留下了之前学习遇…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…

头条面试官真是亲和呀，一上来就跟你嘘寒问暖，瞬间让人心里放松了很多。一开始就是基本情况了解，什么时候开始接触前端的呀？大学都学过什么课程呀？ 最让人诧异的，面试官居然丝毫不想问项目经历相关的问题(暗自庆幸，之前面试的大佬项目也是一带而过)！ 谈谈JS中的类吧。 着重说了传统语言…

xss: 跨站脚本攻击（Cross Site Scripting）是最常见和基本的攻击 WEB 网站方法，攻击者通过注入非法的 html 标签或者 javascript 代码，从而当用户浏览该网页时，控制用户浏览器。 DOM即文本对象模型，DOM通常代表在html、xhtml和…