两种前端路由（hash模式和history模式）实现原理解析及区别
目前单页应用（SPA）越来越成为前端主流，单页应用一大特点就是使用前端路由，由前端来直接控制路由跳转逻辑，而不再由后端人员控制，这给了前端更多的自由。 目前前端路由主要有两种实现方式：hash模式和history模式，下面分别详细说明。 hash模式 这个我们应该不陌生，比如在用超链接制作锚点跳转的…
标签：hash原理
目前单页应用（SPA）越来越成为前端主流，单页应用一大特点就是使用前端路由，由前端来直接控制路由跳转逻辑，而不再由后端人员控制，这给了前端更多的自由。 目前前端路由主要有两种实现方式：hash模式和history模式，下面分别详细说明。 hash模式 这个我们应该不陌生，比如在用超链接制作锚点跳转的…
标签：hash原理
前言 本文主要介绍数组常见遍历方法：forEach、map、filter、find、every、some、reduce，它们有个共同点：不会改变原始数组。 一、forEach：遍历数组 var colors = ["red","blue","gree…
来源 | https://segmentfault.com/a/1190000022019129 这篇文章会记录我们平时常用到的 CSS 片段，使用这些 CSS 可以帮助我们解决许多实际项目中遇到的问题，强烈建议点赞收藏再看，方便日后查找。 清除浮动 浮动给我们的代码带来的麻烦，想必不需要多说，我们…
获取cookie值 [java]function getCookie(name) { var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)")); if (arr …
为元素添加on方法 [java]Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, fu…
校验是否为一个数字，以及该数字小数点位数是否与参数floats一致 校验规则： 若参数floats有值，则校验该数字小数点后的位数。 若参数floats没有值，则仅仅校验是否为数字。 [java]function isNum(value,floats=null){ let regexp = new …
本文将带你实现向上滚动动画效果， 一、第一步html页面代码 [html] <div class="job" style="width: 1200px; margin: 0 auto;"> <div class="pa…
英文原文 | https://tylermcginnis.com/beginners-guide-to-javascript-prototype/ 引言：如果不处理对象，您就无法在 JavaScript 方面取得很大进展。它们几乎是 JavaScript 编程语言的所有方面的基础。在这篇文章中，您将…
标签：js高级