前端chrome

前后端分离场景下的用户登录玩法&Sa-token框架使用

方案一该方案是前端把token和token有效期一起加密存储到浏览器的localStorage中，每次请求时调用前端的getTokenIsExpiry()获取token并检查token是否过期，过期则remove

·2025-07-19 20:47

王财贵：发起读经教育的初心

编者按：本文节录自季谦先生《学》、《只要你明白》两场演讲及《走在时代前端的教育》一文的相关内容，均已经先生修订定稿，题目「我的读书经历及读经推广之初心」为编者所拟。

dcfac6b15823·2025-07-19 20:05

前端：优秀架构的坟墓

然后，你打开了前端代码。顿时，你陷入了全局状态的迷宫，深度嵌套的组件，半途而废的Hooks，以及用十七种挫败方言“喊叫”的CSS之中。

·2025-07-19 20:17

【Vue CLI】手把手教你撸插件

本文首发于vivo互联网技术微信公众号链接：https://mp.weixin.qq.com/s/Rl8XLUX7isjXNUmbw0-wow作者：ZhuPing现如今Vue作为主流的前端框架之一，其健全的配套工具

vivo互联网技术·2025-07-19 19:25

告别项目混乱：基于 pnpm + Turborepo 的现代化 Monorepo 工程化最佳实践

告别项目混乱：基于pnpm+Turborepo的现代化Monorepo工程化最佳实践随着前端项目日益复杂，团队规模不断扩大，我们正面临一个棘手的问题：项目间的代码复用、依赖管理和构建流程变得越来越混乱。

码力无边-OEC·2025-07-19 18:31

前端性能优化“核武器”：新一代图片格式(AVIF/WebP)与自动化优化流程实战

前端性能优化“核武器”：新一代图片格式(AVIF/WebP)与自动化优化流程实战当你的页面加载时间超过3秒时，用户的跳出率会飙升到40%以上。

·2025-07-19 18:01

CSS中隐藏滚动条的同时保留滚动功能

通过设置overflow属性启用滚动，同时利用::-webkit-scrollbar来隐藏滚动条（此伪元素只适用于WebKit内核的浏览器，如Chrome和Safari）。

码力无边-OEC·2025-07-19 18:30

原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境(精简版)

原生前端JavaScript/CSS与现代框架(Vue、React)的联系、区别与运行环境随着Web技术的不断发展，前端开发已经从最初的原生JavaScript和CSS时代，逐步演进到以Vue、React

·2025-07-19 16:17

druid oracle不同版本分页,JFinal4.3 框架总结（三）

JFinal的前端提交的formBean与数据库查询的JavaBean可以使用的是同一个Model对象，Model对

铁扇不是公举·2025-07-19 16:47

React入门到精通：掌握前端开发的必备技能！

介绍：React是一个由Facebook开发和维护的JavaScript库，用于构建用户界面，特别是用于构建单页应用程序和移动应用程序的用户界面。以下是对React的详细介绍：虚拟DOM：React通过使用虚拟DOM（DocumentObjectModel）来提高应用的性能。虚拟DOM是真实DOM的轻量级副本，React在虚拟DOM上进行操作，然后高效地更新真实DOM，这种方式比直接操作DOM要快

知识分享小能手·2025-07-19 15:15

React 开发（一）：入门 - 从 0 到 1 的学习之旅

React开发（一）：入门-从0到1的学习之旅1.前言在前端开发领域，React是一个备受推崇的JavaScript库，广泛应用于构建用户界面。

全栈探索者chen·2025-07-19 15:44

前端15

jquery用法思想一选择某个网页元素，然后对它进行某种操作。jquery选择器jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。$(document)//选择整个文档对象$('li')//选择所有的li元素$('#myId')//选择id为myId的网页元素$('.myClass')//选择class为myClass的元素$('input[na

徒做嫁衣·2025-07-19 15:07

OpenHarmony解读之设备认证：解密流程全揭秘

看完这篇你就了解了~③对于大前端开发来说，转鸿蒙开发究竟是福还是祸？④鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？

陈乔布斯·2025-07-19 15:42

前端学习笔记：React.js中state和props的区别和联系

文章目录1.`props`（属性）定义用途示例2.`state`（状态）定义用途示例3.核心区别4.常见使用场景props的场景state的场景5.交互模式父组件修改子组件状态子组件通知父组件6.最佳实践总结在React.js中，state和props是两个核心概念，用于管理组件的数据和数据流。它们的设计目的不同，但共同构成了React组件的状态管理系统。1.props（属性）定义外部传入的数据：

·2025-07-19 15:41

全栈Todo应用实战：从零到一的本地部署与深度解析

本文将以一个经典的Todo（待办事项）应用为例，详细记录从项目下载、环境配置、后端启动、数据库交互到前端运行的完整流程。

·2025-07-19 15:10

2024 前端技术指南：从趋势到实战，构建你的知识地图

一、2024前端领域的“破局者”与“新势力”2024年的前端圈依然热闹非凡，技术迭代与行业焦虑并存。

王旭晨·2025-07-19 14:37

毕业设计基于python + flask +mysql + Layui新闻系统项目源码

前端采用的是layui框架，后端模板是X-admin下载地址：毕业设计基于python+flask+mysql+Layui新闻系统项目源码模块版本PyMysql1.0.2Flask1.1.2M

love0everything·2025-07-19 13:00

前端领域状态管理的事件驱动机制解析

前端领域状态管理的事件驱动机制解析关键词：前端状态管理、事件驱动、订阅发布模式、状态变更、组件通信摘要：本文从前端开发的实际痛点出发，用“快递站管理”的生活案例类比，深入浅出解析事件驱动机制在状态管理中的核心作用

前端视界·2025-07-19 13:55

linux安装Node.js 环境，Docker 环境，Ruby 环境，MongoDB 环境，PostgreSQL 数据库，Go 开发环境，Python 虚拟环境

在Linux上安装其他常见的开发环境可以根据具体需求而定，以下是一些常见的安装步骤：1.Node.js环境Node.js是一个基于ChromeV8引擎的JavaScript运行环境，适用于服务器端开发。

2401_87017622·2025-07-19 13:55

scrapy 一定要自定义USER_AGENT

网站当然不允许爬去了偶然间在一个网站上看到的内容并且也跳过坑USER_AGENT='Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome

魔童转世·2025-07-19 12:19

明年谷歌 Chrome 110 浏览器将停止支持 Win7/8.1，用户需升级微软 Win11/10

自从微软在2020年结束主流支持以来，很多人一直想知道谷歌Chrome浏览器何时会放弃支持Windows7。

涅槃快乐是金·2025-07-19 11:12

AI应用服务

AI大模型--AI应用，该如何和前端交互，呈现llm模型答复内容呢？向LLM大模型提问后，系统得先识别问题，再从数据网络找信息，接着推理出正确结果，还得防止模型“胡编乱造”（控制模型幻想）。

SUPER5266·2025-07-19 10:35

2.3 前端-ts的接口以及自定义类型

接口接口定义：exportinterfacePerson{id:string,name:string,gender:number}接口引用：符号:意义是类型注解符号，声明变量类型，编译器可以进行类型检查。//导入的type前缀一定得加import{typePerson}from'...';letp:Person={id:'253465',name:'arfwf',gender:1};//或者复杂的

许昌第一深情·2025-07-19 10:03

JavaScript 树形菜单总结

树形菜单是前端开发中常见的交互组件，用于展示具有层级关系的数据（如文件目录、分类列表、组织架构等）。以下从核心概念、实现方式、常见功能及优化方向等方面进行总结。

Auscy·2025-07-12 19:38

前端项目架构设计要领

1.架构设计的核心目标在设计前端项目架构时，核心目标是模块化、可维护、可扩展、可测试，以及开发效率的最大化。这些目标可以通过以下几个方面来实现：组件化：将UI功能封装为可复用的组件。

·2025-07-12 18:37

【前端】jQuery数组合并去重方法总结

·2025-07-12 18:33

Vue3+Vite+TS+Axios整合详细教程

1.Vite简介Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+Webpack-dev-server。

老马聊技术·2025-07-12 18:01

前端 NPM 包的依赖可视化分析工具推荐

前端视界·2025-07-12 17:29

数字孪生技术为UI前端注入新活力：实现产品设计的沉浸式体验

hello宝子们...我们是艾斯视觉擅长ui设计、前端开发、数字孪生、大数据、三维建模、三维动画10年+经验!希望我的分享能帮助到您!如需帮助可以评论关注私信我们一起探讨!致敬感谢感恩!

ui设计前端开发老司机·2025-07-12 17:24

Java三年经验程序员技术栈全景指南：从前端到架构，对标阿里美团全栈要求

Java三年经验程序员技术栈全景指南：从前端到架构，对标阿里美团全栈要求三年经验是Java程序员的分水岭，技术栈深度决定你成为“业务码农”还是“架构师候选人”。

可曾去过倒悬山·2025-07-12 17:24

《Java前端开发全栈指南：从Servlet到现代框架实战》

前言在当今Web开发领域，Java依然是后端开发的主力语言，而随着前后端分离架构的普及，Java开发者也需要掌握前端技术栈。

·2025-07-12 16:19

Vue3组件库实战: 打造高复用UI系统

Vue3组件库实战:打造高复用UI系统介绍什么是Vue3组件库在前端开发中，UI组件库是非常重要的一部分。

武昌库里写JAVA·2025-07-12 15:44

Flutter基础（前端教程⑥-按钮切换）

1.假设你已有的两个表单组件（示例）//手机号注册表单（示例）classPhoneRegisterFormextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnColumn(children:[TextField(decoration:InputDecoration(labelText:'手机号')),Text

aaiier·2025-07-12 15:43

为Layui Table组件添加前端搜索功能

Layui作为一款广受欢迎的前端UI框架，以其简洁的代码、丰富的组件和强大的功能，为开发者提供了极大的便利。

caifox菜狐狸·2025-07-12 15:12

Vue.js 过渡 & 动画

Vue.js作为一款流行的前端框架，提供了强大的过渡与动画功能，使得开发者能够轻松实现丰富的交互效果。本文将深入探讨Vue.js中的过渡与动画，包括其原理、应用场景以及实现方法。

lsx202406·2025-07-12 14:37

GPT实操——利用GPT创建一个应用

技术栈前端：React.js后端：Node.js+Express数据库：MongoDB自然语言处理：OpenAIGPT-3API其他工具：

狗木马·2025-07-12 10:06

前端面试题总结——JS篇

一、说说JavaScript中的数据类型？存储上有什么差别？1、数据类型基本类型number：数值类型十进制：letintNum=55八进制（零开头）：letnum1=070十六进制（0x开头）：lethexNum1=0xANaN：特殊数值，意为“不是数值”string：字符串类型boolean：布尔值，true或falseundefined：表示未定义null：空值symbol：是原始值，且符号

又又呢·2025-07-12 09:34

前端面试题——5.AjAX的缺点？

③AJXA优点：无刷新更新页面异步服务器通信前端后端负载均衡④AJAX缺点：干掉了Back和Hist

浅端·2025-07-12 09:02

2023高薪前端面试题（二、前端核心——Ajax）

原生AjaxAjax简介Ajax全程为AsynchronousJavaScript+XML，就是异步的JS和XML通过AJAX可以在浏览器中向服务器发送异步请求，最大的优势是：无刷新获取数据，实现局部刷新Ajax是一种用于创建快速动态网页的技术AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式Ajax的应用场景页面上拉加载更多数据列表数据无刷新分页表单项离开焦点数据验证搜索框提示

·2025-07-12 09:00

前端面试题——手写实现 ajax

凡是和后台有过数据交互的小伙伴肯定都接触过ajax.我们可以通过ajax来实现页面的无刷新请求数据，这样就能在保证良好用户体验的同时，将更多的内容展示给用户ajax在我们的开发工作中已经司空见惯，几乎所有我们频繁使用的库和框架都提供了经过完善封装后的ajax方法，如jQuery、zepto、angular等等，这使得我们的数据请求变得异常简洁明了但是这也带来了很明显的缺陷，就是我们知道如何去使用封

阿水爱踢中锋·2025-07-12 09:59

uniapp 如何封装实现任意页面都能使用的全局弹窗

【实战干货】uniapp如何封装实现任意页面都能使用的全局弹窗标签：uniapp弹窗组件全局弹窗Vue动态渲染跨页面弹窗✨前端老司机亲授，uniapp无法在所有页面中直接用自定义弹窗？

代码简单说·2025-07-12 08:52

【前端】接口日志追踪

1.问题描述场景：前端提交数据后，接口回调再次添加参数，但页面跳转/刷新导致之前的console.log数据丢失。影响：无法追踪完整的请求流程，调试困难。

毕业茄·2025-07-12 08:52

【前端】异步任务风控验证与轮询机制技术方案（通用笔记版）

此外，因任务处理为异步，前端无法立即获得最终结果，因此需通过轮询方式定期查询任务状态，等待任务完成后展示结果。二、整体流程说明1.用户点击“执行任务”按钮：前端调用风控接口/ap

·2025-07-12 08:51

uniapp对接unipush 1.0 ios/android

官方有文档可以根据文档来我这里用的是1.0为什么没有2.0因为2.0要用uinicloud注意每次打包之后cid都会变cid用户的标识iduniapp通过这个id可以把消息推送给指定人前端代码前端要做的很简单直接放到

车轮滚滚__·2025-07-12 08:20

在html中加入网址,网页超链接怎么做，添加超链接网址的的详细步骤

自己能够设计一个完整的前端网页项目。程序员写代码在HTML中添加图片其实很简单，就是添加一个img的标签。图片标签的语法一般有src、alt、width、height四种属性就够用了。

一只爪子·2025-07-12 06:07

uniapp项目如何优雅处理Token失效自动重试 token无感刷新

uniapp项目如何优雅处理Token失效自动重试token无感刷新标签：uniapp｜前端登录状态管理｜Token自动刷新｜前端重试队列作为一名前端开发，我在重构公司旧项目时，踩到了一个大家经常遇到的坑

代码简单说·2025-07-12 05:03

前端每周清单第 16 期：JavaScript 模块化现状；Node V8 与V6 真实性能对比

前端每周清单第16期：JavaScript模块化现状；NodeV8与V6真实性能对比；Nuxt.jsSSR与权限验证指南为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。

·2025-07-12 05:03

【译】2018 前端性能优化清单 —— 第一部分

原文地址：Front-EndPerformanceChecklist2018-Part1原文作者：VitalyFriedman译文出自：掘金翻译计划本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/front-end-performance-checklist-2018-1.md译者：tvChan校对者：mysterytonyry

qq_36320160·2025-07-12 05:01

如何做到无感刷新token?

前言后端刷新Token方案--自动刷新token前端刷新Token方案--token续约疑问及思考前言解决方案：自动刷新tokentoken续约思路如果Token即将过期，你在验证用户权限的同时，为用户生成一个新的

·2025-07-12 05:31

uniapp登录成功后跳回原有页面+无感刷新token

点击需要登录才能查看的页面已经登录但是超时，用户凭证失效等原因以上情况可以细分为两种，一种是从未登录过的，需要第一次去登录，还一种是已经登录了，但是cookie失效了，需要重新获取用户凭证，这样的话后端会将两个状态码区分，那我们前端需要根据不同的状态码进行相应的处理

黑匣子~·2025-07-12 05:31

推荐频道