前言
前端三大框架 Angular、React、Vue ,它们的路由解决方案 angular/router、react-router、vue-router 都是基于前端路由原理进行封装实现的,因此将前端路由原理进行了解和掌握是很有必要的,因为我们再使用的过程中也难免会遇到一些坑,一旦我们掌握了它的实现原理,那么就能在开发中对路由的使用更加游刃有余。
2024年09月22日
前端三大框架 Angular、React、Vue ,它们的路由解决方案 angular/router、react-router、vue-router 都是基于前端路由原理进行封装实现的,因此将前端路由原理进行了解和掌握是很有必要的,因为我们再使用的过程中也难免会遇到一些坑,一旦我们掌握了它的实现原理,那么就能在开发中对路由的使用更加游刃有余。
2024年09月22日
目前,古茗前端团队内部统一采用了 React 技术栈,所有新项目和基础建设均基于 React 框架开发。然而,许多老旧的 Vue 应用仍在使用和运行,因此我们需要进行项目迁移,统一技术栈,减少开发认知负担,接轨现有基建,增强可维护性,以便更好地满足业务新需求。
2024年09月22日
<template slot="title">
<i class="el-icon-location"></i>
导航一
</template>
2024年09月22日
要了解跨域,先要说说同源策略。
同源策略是由 Netscape 公司提出的一个著名的安全策略,所有支持 JavaScript 的浏览器都会使用这个策略。
所谓同源是指,域名,协议,端口相同。当页面在执行一个脚本时会检查访问的资源是否同源,如果非同源,那么在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问。
2024年09月22日
一朋友刚面了腾讯音乐(TME)前端开发岗位(两年经验),本瓜撰文记之。以期同各面试人分享交流~
自评面试难度::full_moon::full_moon::full_moon::full_moon::new_moon:
话不多说,直接看题!我相信一定有你想要的!
2024年09月22日
一般来说,这些路由插件总是提供两种不同方式的路由方式: Hash 和 History,有时也会提供非浏览器环境下的路由方式Abstract,今天我们主要讲讲Hash 和 History的原理和区别。
1.1 相关 Api
Hash 方法是在路由中带有一个 #,主要原理是通过监听 # 后的 URL 路径标识符的更改而触发的浏览器 hashchange 事件,然后通过获取 location.hash 得到当前的路径标识符,再进行一些路由跳转的操作。
2024年09月22日
项目中经常会出现点击跳转锚点的方法,比如给一个a标签一个href=“#锚点”,然后要跳的锚点给个id=“锚点”,这样就实现简单的跳转,但是这样在url地址栏后面都会出现一个诸如www.csdn.net#锚点,然后你点击给一次后退都是退回上一个选择的锚点url,这里总结一些跳转锚点的方法。
<!DOCTYPE html>
<html>
2024年09月22日
以网址 https://mp.toutiao.com:8888/search?q=123#hash 为例子说明对应的属性值
location.origin //协议+域名+端口
返回: https://mp.toutiao.com:8888
location.hostname //web主机的域名
返回:mp.toutiao.com
location.host //主机的域名+端口
返回:mp.toutiao.com:8888
location.pathname //当前页面的路径和文件名
返回:/search/
location.port //web的端口
返回:8888
location.protocol //web协议http:// 或 https://
返回:https:
location.href //当前页面的 URL
返回:https://mp.toutiao.com:8888/search?q=123#hash
location.search //?以及后面参数部分(包含?)
返回:?q=123
location.hash //锚点
返回:#hash