目录前言1.html版本2.Vue2.1Demo12.2Demo2前言单独做一个跳转页面推荐阅读：【前端】实现Vue组件页面跳转的多种方式但是如果网站多了，推荐卡片式导航，具体可看下文：（以图片显示显示各个网站，图片需要内嵌）1.html版本其实html版本和Vue相差不了多少，只是排版问题而已这一版主要是卡片形式，但是没有嵌入图片，嵌入图片加个位置即可：DOCTYPEhtml>htmllang="en">head>metacharset="UTF-8">metaname="viewport"content="width=device-width,initial-scale=1.0">titl
一、闭包是什么？1、概念闭包是指在函数内部定义的函数，能够访问到外部函数的变量，并且保持对这些变量的引用，即使外部函数已经执行完毕。闭包形成了一个封闭的作用域，使得内部函数可以访问外部函数的局部变量，从而延长了这些变量的生命周期。functionouter(){letx=10;functioninner(){console.log(x);//内部函数可以访问外部函数的变量x}returninner;//返回内部函数}constclosureFunction=outer();//调用外部函数，并将内部函数保存在变量中closureFunction();//执行保存的内部函数，依然可以访问外部函数
在2024年的今天，相信前端早已不局限于对着组件库撸后台curd，随着互联网行业的收紧，各大公司对前端的要求也越来越高，请热爱前端行业的朋友不要气馁，前端还可以做很多事。曾经业界还对typescript抱有观望态度，而现在几乎已经成为了前端基石。在2024年之后，个人认为服务端渲染框架将成为必备技能，本篇文章并不谈太多技术，就发展方向表达个人观点。前端仍然有很多可以深挖的细分领域，比如webgl、Flutter、Rust等，但是这些领域较窄，能提供的岗位有限，需要认定之后去深入研究，比较吃长期积累。对于大部分前端开发者，更容易拓展自己边界的便是使用nodejs参与服务端，这里并不是要大言不惭的
前言在项目开发中，我们经常会使用一些工具函数，也经常会用到例如loadsh等工具库，但是这些工具库的体积往往比较大，如果项目本身已经引入了这些工具库，那么我们就没有必要再引入一次，所以我们需要自己封装一些工具函数，来简化我们的开发。一、通用类工具函数在src/utils目录下创建tools文件夹，用于存放通用类工具函数文件。在tools文件下创建index.ts文件import{ElMessage,MessageHandler}from'element-plus'/***@description文档注册enter事件*@param{Function}cb*@return{void}*/expo
（此文方向错了，由于我写文章时刚开始研究前端，被坑了自己还不知道，所以现在在此说明一下，加载慢的原因是因为我的代码被同事在index.html中动了手脚，加了一行加载一个已经停用的组件的样式网站的组件，导致国产浏览器加载不到这个组件，就一直卡着，直到这个地址报错了才开始执行后面的代码，大家要是遇到了前端项目启动慢，也可以照这个思路去想去看看index.html有没有异常就可以了）自己写的vue项目，自己写的安卓壳子，本来自己觉得慢，忍忍就过去了，但是人家觉得慢，你不得改么？结果是前端自己开发，安卓也自己开发，想甩个锅都没法甩，总不能甩给后端吧？哈哈哈言归正传：如果你有急事，可以直接跳到后面看，
网络安全是信息技术领域的一个重要分支，它涉及到保护计算机网络免受各种攻击和威胁。OSI(OpenSystemsInterconnection,开放系统互连)模型为理解网络通信提供了一个框架，将网络通信分为七个层次。每一层都可能成为攻击者的目标。下图列举了每个层次可能遭受的一些常见攻击。图片01应用层SQL注入(SQLInjection)：攻击者在网站输入表单中输入恶意SQL代码，如果后端数据库系统未正确过滤用户输入，这些代码就可能被执行，导致数据泄露或损坏。跨站脚本（Cross-siteScripting,XSS)：攻击者在网页中注入恶意脚本，当其他用户浏览该网页时，脚本执行，可能导致用户信息
近两年的技术面试，分布式系列是面试官经常会问到的一个高频方向，比如：分布式事务、分布式锁、分布式调度、分布式存储、分布式ID等。今天我们就来聊聊，这里面相对简单的分布式ID，首先说下，我们为什么需要分布式ID？当系统数据量过大，已经进行分库分表后，我们需要对分散在各个库表中的数据记录进行唯一标识，而分布式ID恰好用来解决这个问题。接下来，我们看看八大分布式ID的生成方案，以及各自的优缺点是什么。图片1、UUIDUUID是UniversallyUniqueIdentifier的缩写，翻译成中文为“通用唯一识别码”，由32个16进制数字+4个“-”构成，整体长度为36，其可以保证唯一性，发生碰撞的
前言春节刚归来，我们不搞那么烧脑，先来一篇浅显易懂的文章，期望给大家带来一些新的解题思路。背景过去多年无论是一款插件推广，还是组件库统一，无论是一次机制流程制定，还是前端工程化体系建设，相信很多同学与我一样，在跨团队方案推广统一过程中，前期无论做好多详实的准备，最终都会有一种未竟全功的感觉。推广过程中，总会有人摆出历史包袱过重这一拦路虎“说服”我们，比如”我这项目不维护了，无需升级“，”我这项目框架太老旧了，无法升级“，或两者兼有之，到底改哪些项目，多取决于双方自行判断，说穿了其实是双方“非不能也，乃不欲也”。危害一方面前端项目下线充满不确定性，业务不维护不代表页面无访问，旧有项目中总有一些页
在前端开发中，炫酷的动画效果不仅能提升用户体验，还能让你的网站或应用脱颖而出。本文为你精选了6款常用的前端炫酷动画库，并详细介绍它们的优缺点，助你找到最适合的那个！1.Anime.js优点：轻量级：Anime.js体积小巧，不占用过多资源。API友好：易于上手，适合初学者。高度可定制：支持自定义动画参数和回调函数。缺点：功能相对有限：相较于其他大型动画库，Anime.js的功能相对较少。社区规模较小：相比其他更知名的库，Anime.js的社区支持可能不够丰富。地址： Anime.jsGitHub仓库2.GreenSock优点：功能强大：GreenSock提供了丰富的动画效果和控制功能。高性能：
当问到Java内存模型的时候，一定要注意，Java内存模型（JavaMemoryModel，JMM）它和JVM内存布局（JVM运行时数据区域）是不一样的，它们是两个完全不同的概念。1.为什么要有Java内存模型？Java内存模型存在的原因在于解决多线程环境下并发执行时的内存可见性和一致性问题。在现代计算机系统中，尤其是多处理器架构下，每个处理器都有自己的高速缓存，而主内存（RAM）是所有处理器共享的数据存储区域。当多个线程同时访问和修改同一块共享数据时，如果没有适当的同步机制，就可能导致以下问题：可见性：一个线程对共享变量所做的修改可能不会立即反映到另一个线程的视角中，因为这些修改可能只存在于
