前端 - 文章分类 - 蓦然JL

摘要：

在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下： 1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页阅读全文

posted @ 2025-10-09 09:13 蓦然JL 阅读(15) 评论(0) 推荐(0)

页面加载太慢？一文搞懂 JS 和 CSS 阻塞机制！

摘要：

背景我们都知道，现代浏览器会并行下载各种资源（如 JS、CSS、图片等），但 JS 和 CSS 的加载与阻塞行为到底是什么？本文将通过实际案例、实验、配图，一次性讲清楚这些常见但又容易混淆的知识点。先说结论 1. JS 的加载会阻塞 DOM 树的解析（也就是说，只要 <script> 没有执阅读全文

posted @ 2025-10-09 09:12 蓦然JL 阅读(18) 评论(0) 推荐(0)

前端开发中常见的 SEO 优化

摘要：

一、SEO 优化的好处 1、利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名，为自己的网站获取免费流量； 2、以用户体验为核心，为目标用户提供高质量的内容； 3、对页面的代码和网页阅读体验，网站性能等进行优化，符合搜索引擎的规则，提升搜索引擎网页的自然排名。二、网页三要素的基础优化规范深入浅阅读全文

posted @ 2025-09-02 17:21 蓦然JL 阅读(15) 评论(0) 推荐(1)

浏览器：七种数据存储方式你用过几种？

摘要：

先有问题再有答案浏览器有哪些数据存储方式设计这些存储方式的目的是什么这些存储方式有什么特点有什么差异点？分别适合用于哪些场景？存储方式其实可以将存储方式分为三类：状态存储：用于保存临时状态信息，适合在当前会话或短期内存储数据。例如 window对象内存存储, url存储, Sess 阅读全文

posted @ 2025-08-05 09:32 蓦然JL 阅读(120) 评论(0) 推荐(0)

在CSS大小单位中，em，rem，px，常用哪个较好？

摘要：

一、核心单位：90% 项目都离不开这 5 个 1. px（像素）定位：精确控制固定尺寸高频场景：边框、阴影等细节修饰小图标、分割线等微小元素 .btn { padding: 8px 16px; /* 按钮内边距固定 */ border: 1px solid #ddd; box-shadow: 阅读全文

posted @ 2025-07-01 09:12 蓦然JL 阅读(59) 评论(0) 推荐(0)

token应该存储在cookie还是localStorage上？

摘要：

背景在考虑token是否应该存储在cookie或localStorage中时，我们需要综合考虑安全性、便利性、两者的能力边界以及设计目的等因素。安全性： Cookies的优势: Set-Cookie: token=abc123; HttpOnly;Secure;SameSite=Strict;D 阅读全文

posted @ 2025-06-03 09:01 蓦然JL 阅读(65) 评论(0) 推荐(0)

vue3.0有了解过吗，你觉得vue3.0好吗，好在哪

摘要：

这种问题是开放的多说就是都是对的可以讲差异也可以讲新增的知识点一、常用的api特别好用 1、ref、toRefs、toRef、isRef ref 用于定义响应式变量、快捷DOM访问。基本语法：const a = ref(1) // {value:1} 基础使用：一般用于定义 Stri 阅读全文

posted @ 2025-05-06 11:01 蓦然JL 阅读(17) 评论(0) 推荐(0)

说说你对 typescript的理解?与javascript的区别?

摘要：

一、是什么 TypeScript是JavaScript的类型的超集，支持ES6语法，支持面向对象编程的概念，如类、接口、继承、泛型等超集，不得不说另外一个概念，子集，怎么理解这两个呢，举个例子，如果一个集合A里面的的所有元素集合B里面都存在，那么我们可以理解集合B是集合A的超集，集合A为集合B的阅读全文

posted @ 2025-04-08 10:20 蓦然JL 阅读(75) 评论(2) 推荐(0)

说说对TypeScript中命名空间与模块的理解？区别？

摘要：

一、模块 TypeScript与ECMAScript2015一样，任何包含顶级import或者export的文件都被当成一个模块相反地，如果一个文件不带有顶级的import或者export声明，那么它的内容被视为全局可见的例如我们在在一个TypeScript工程下建立一个文件1.ts，声明一个变量阅读全文

posted @ 2025-04-03 09:49 蓦然JL 阅读(29) 评论(0) 推荐(0)

前端性能优化指标有哪些？怎么进行性能检测？

摘要：

web性能说简单点就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否够快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。在MDN上对web性能的定义是网站或应用程序的客观度量和可感知的用户体验。比如减少页面加载时间（减少文件体积，减少HTTP请求，使用预加载)，让网站尽快可用阅读全文

posted @ 2025-03-31 17:21 蓦然JL 阅读(167) 评论(0) 推荐(0)

知道这20个正则表达式，能让你少写1,000行代码

摘要：

正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码： var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\\2(\\d{1,2} 阅读全文

posted @ 2025-01-02 15:28 蓦然JL 阅读(47) 评论(0) 推荐(0)

探索 HTML5 Canvas 画布

摘要：

canvas元素用于在网页上绘制图形。什么是canvas? HTML5<canvas>元素用于图形的绘制，通过脚本(通常是JavaScript)来完成. <canvas>标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用canvas绘制路径,盒、圆、字符以及添加图像。浏览器支持阅读全文

posted @ 2024-12-03 16:44 蓦然JL 阅读(196) 评论(0) 推荐(0)

深入了解魔性的CSS字体

摘要：

最近在开发遇到了两个一直困扰我的问题：当 font-family 为 PingFangSC-Regular 时，为什么设置了 font-weight 为 500 和 font-weight 为 400 的现象一样？在某些Android 系统手机中，中文和数字/英文同时设置了 font-weigh 阅读全文

posted @ 2023-07-29 14:29 蓦然JL 阅读(236) 评论(0) 推荐(0)

聊一聊常见的浏览器数据存储方案

摘要：

今天来分享一下常见的浏览器数据存储方案，包括 localStorage、sessionStorage、IndexedDB、Cookies。 1. 概述现代浏览器中提供了多种存储机制，打开浏览器的控制台（Mac 可以使用 Command + Option + J 快捷键，Windows 可以使用 C 阅读全文

posted @ 2023-02-07 16:49 蓦然JL 阅读(214) 评论(0) 推荐(0)

图解浏览器渲染原理及流程

摘要：

今天来分享一下浏览器的渲染原理及流程。前言先来看看 Chrome 浏览器的多进程架构：通常，我们打包出来的 HTML、CSS、JavaScript 等文件，经过浏览器运行之后就会显示出页面，这个过程就是浏览器的渲染进程来操作实现的，渲染进程的主要任务就是将静态资源转化为可视化界面：对于中间的阅读全文

posted @ 2023-01-11 09:02 蓦然JL 阅读(281) 评论(0) 推荐(0)

压缩 70% 下载流量 - 记一次店铺优化专项

摘要：

一、名词解释 ISV（Independent Software Vendors），独立软件开发商。一般是独立的第三方公司，公司有专业的设计师和程序员，为付费的商家提供一对一的定制化开发。 imageX（图床）：公司提供的图片存储、CDN 分发和图片动态处理的云服务，返回一个图片 url，可以在 ur 阅读全文

posted @ 2023-01-03 16:21 蓦然JL 阅读(198) 评论(0) 推荐(0)

前端加载性能、渲染性能优化

摘要：

前端性能优化分两部分 1、加载性能优化 2、渲染性能优化一、加载性能优化本质： 1、减少请求次数； 2、减少请求资源的大小； 3、网络优化； 1、减少请求次数为什么减少请求次数？浏览器能够并行发出请求，但是每次并行发出请求的个数是有限制的，以chrome为例：同一域名下，同一GET请求的并阅读全文

posted @ 2022-09-01 09:31 蓦然JL 阅读(413) 评论(0) 推荐(0)

了解一下前端架构的前世今生

摘要：

在我们的日常开发中，经常会遇到这么一些业务需求，比如说：在一个项目中要放入两个完全不同类型的场景。基于这样的背景下，单页面应用显然已经不能在繁杂的业务中脱颖而出。因此，前端的流行趋势里也就有了微前端架构。一、前端架构的前世今生 1、架构是如何产生的？刚开始时，前端是没有架构的。为什么会这么说呢？阅读全文

posted @ 2022-09-01 09:05 蓦然JL 阅读(332) 评论(0) 推荐(0)

设计一个网站，该如何决定网页主色调？

摘要：