weixin_43617604的博客

原创 2026前端面试题！（附答案及解析）（2026.6月最新版）

文章目录1.JSONP原理2. cookie、sessionStorage、localStorage的区别3.link和a标签区别4 vue中的跨域问题5 webpack面试题6 浏览器与服务器的交互原理7 什么是CSS盒模型 >>> -IE盒模型和W3C盒模型8 A解释一下闭包，B为什么要使用闭包？9 解释一下作用域链10 如何处理不让别人盗用你的图片，访问你的服务器资源？11 如何优化网站性能vue路由面试题1.对于MVVM的理解？2 Vue的生命周期1 什么是vue生命

原创 vue设置反向代理

proxyTable: { // 代理规则 '/api': { // 配置的url请求名字开头 // 代理的目标服务器地址,这个路径是我代理到服务器,即你要请求的第三方接口 target: 'http://10.18.110.107', // https请求需要该设置 secure: false, // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题.

原创 微信小程序分包json文件打包到主包【实测版】

把 json 文件改成 js 文件，通过 export default 导出，manifest.json 中指定的小程序节点（比如mp-weixin）需要配置。目前，小程序端，分包引用分包下的json文件编译后会生成到主包中。这对于主包体积紧张的开发者不太友好。使用 @uni_toolkit/unplugin-json-optimization 插件。重新运行测试一下，js文件被编译到了分包中。下面分享两种解决方案。

原创 Fork版本管理工具安装及配置

本文介绍了Fork版本控制工具的便捷功能，包括一键跳转官网下载、直观展示分支状态与代码变更、简化合并流程（无需命令行操作）等。文末提示获取更多软件资源可关注微信公众号"AA软件安装管家"。全文重点突出Fork工具的高效可视化操作特性，适合开发者快速了解其核心优势。（99字）

原创 微信小程序开发工具安装及使用全攻略

AA软件安装管家

原创 2026跨端新纪元：深入解析 uni-app x 与 UTS 的原生革命

曾几何时，我们以为跨端开发的终点是 WebView 的性能优化。但在2026年的今天，当用户对动画帧率、启动速度、内存占用的要求达到原生级别时，基于 WebView 的旧模式（包括早期的 uni-app）正面临严峻挑战。特别是随着 HarmonyOS NEXT 不再兼容 Android APK，加上 iOS 和 Android 的持续迭代，前端开发者面临着前所未有的“三端原生适配”压力。幸运的是，uni-app x 经过两年的快速迭代，已在2026年成为业界公认的“原生跨端首选方案”。

原创 2026前端技术风向标：告别“切图”，拥抱AI原生与边缘智能

原创 开发一个微信小程序到底能不能挣钱【真实版】

我开发的免费微信小程序【软考中级】帮助考生高效备考，目前已积累2364位用户。功能包括知识点梳理、选择题练习（带错题本）和案例分析题，全部免费使用。虽然开通流量主3个月仅收入187元，但我会持续更新维护。这个小程序解决了考生资料堆积、刷题不便的痛点，辅助备考效果显著。扫描二维码即可体验这款实用工具。

原创 2026 版：微信小游戏 AI 开发全流程实战指南

请结合 2026 年微信小游戏热门榜单，推荐 3 个具有‘社交裂变’潜力的游戏玩法创意。要求：开发成本低（2D 为主），适合单人操作，并包含一个核心的病毒式传播点。功能包括：监听屏幕触摸移动，控制角色跟随手指移动，限制在屏幕范围内，并添加一个跳跃函数。“基于选定的‘[玩法名称]’创意，请为我撰写一份完整的游戏设计文档 (GDD)。Cocos Creator 3.x (首选)：对微信小游戏支持最好，TypeScript 语言，生态丰富。Unity：适合复杂 3D 游戏，但打包体积较大，需深度优化。

原创 DBeaver连接本地MySQL、创建数据库/表的基础操作 2026

本文详细介绍了使用DBeaver工具操作MySQL数据库的完整流程。主要内容包括：1）如何连接本地MySQL服务器，包括配置连接参数和下载驱动；2）新建数据库的方法，设置数据库名称、字符集等参数；3）两种创建数据表的方式：通过视图操作建表（设置表属性、添加列、创建约束等）和使用SQL语句建表；4）数据插入操作，包括视图方式输入数据和SQL语句插入数据。文章通过图文结合的方式，逐步演示了各个操作步骤，并强调了关键注意事项如保存操作和执行SQL语句。

原创 2026年软考免费资源分享推荐【收藏版】

为帮助考生高效备考全国计算机技术与软件专业技术资格（水平）考试（简称“软考”）中级科目，如系统集成项目管理工程师、网络工程师、软件设计师、数据库系统工程师等，可使用软考中级小程序学习方式辅助学习，已更新上千道题。

原创 2026年软考刷题推荐（免费使用无收费）

摘要：推荐使用免费微信小程序【软考中级】备考软考中级考试，包含系统集成、网络工程等多个科目。该小程序提供上千道真题练习，支持错题本功能精准查漏补缺，涵盖选择题和案例分析题等题型，并持续更新题库内容，帮助考生高效复习。界面清晰，模块划分明确，是备考软考的理想辅助工具。

原创 软考中级证书补贴申领指南

软考中级证书属于国家职业资格证书，部分省市对持有该证书的人员提供职业技能提升补贴。

原创 系统集成项目管理中级软考刷题推荐

原创 2017 vs 2026：前端开发的十年变革

2026年的前端开发已全面进化，形成以AI为核心驱动、全栈深度整合、性能极致优化的新生态。开发者转型为AI"指挥官"。开发者自嘲为"配置工程师"，每次依赖升级都如拆弹般紧张。角色从"配置工程师"回归"业务工程师"。展望2026，AI不会取代开发者，而是放大创造力。"双向绑定"与"单向数据流"的争论此起彼伏，技术选型直接影响团队命运。这个曾被戏称为"切图"的岗位，正在经历从工具到思维模式的全面重构。数据印证：2026年90%开发者使用AI工具，70%CRUD代码由AI完成，团队效率提升300%

原创 前端求职避坑指南 V1：别让这些“坑”毁了你的 Offer！

好不容易拿到offer，入职才发现团队管理混乱、技术栈陈旧、加班文化盛行…“基于我的技术能力(列举核心技能)、项目经验(简述亮点)及市场行情，我的期望范围是18K-22K。📌 实际案例：某求职者通过询问技术架构，成功避开了技术倒退的团队。很多人并非技术不足，而是被"信息差"和"经验盲区"绊住了脚步。📌 实用技巧：通过GitHub查看公司的技术活跃度。❌ 常见问题：只准备技术问题，忽视互动环节。

原创 微信小程序短链接分享

本文介绍了三种通过链接直接打开微信小程序的方法：1)生成加密URL Link，适用于短信、邮件等场景；2)获取URL scheme码，用于外部网页和微信内跳转；3)生成ShortLink，专为微信内拉起小程序设计。三种方法均需先获取access_token，且仅限国内非个人主体小程序使用。每种方法都有每日调用限制：生成端上限50万次，打开端上限300万次。开发者可根据不同场景选择合适方式，通过链接高效引导用户进入小程序。

原创 别再被 TS 类型冲突折磨了！一文搞懂类型合并规则

TypeScript 的类型合并（Type Merging）主要通过接口（interface）和类型别名（type）实现。接口支持声明合并，而类型别名不支持。

原创 推荐超实用的 Chrome 扩展，建议关注收藏！！！

嘎嘎好用⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️。

原创 微信小程序we分析如何采集webview的体验信息

小程序中使用webview打开第三方地址后，在We分析中无法查看体验数据？解决方法：登录We分析官网，在「体验分析>设置>Web采集」中新建Web项目并获取projectId。小程序需在webview组件中配置projectId参数，同时第三方网页必须加载We分析JS SDK并初始化相同的projectId。多个域名可使用同一个projectId统一采集数据。

原创 深度理解react这 7 个常用 Hook

本文介绍了React中7个常用Hook的核心用法： useContext - 全局状态共享，避免props层层传递 useReducer - 集中管理复杂状态逻辑 useCallback - 缓存函数引用，优化子组件渲染 useMemo - 缓存计算结果，提升性能 useRef - 持久化存储DOM引用或可变值 useModel - 在Umi中实现全局状态共享 useRequest - 封装请求逻辑，自动管理loading/error状态 每个Hook都配有代码示例和生动比喻（如"小区广播站&qu

原创 鸿蒙开发-数据状态管理【localStorage】

LocalStorage用于存储页面级的状态数据，位于LocalStorage中的状态数据可以在一个页面内的所有组件中共享，其用法如下。，前者可以和LocalStorage实现单向同步，后者可以和Localstorage实现双向同步，具体用法如下。ArkTs提供了两个装饰器用于访问LocalStorage，

原创 前端转鸿蒙开发看这篇文章就够了【需要有web前端基础】

通过fillColor（颜色）修改图标颜色代码示例如下，比如你在微信中聊天 突然打开一个小程序 然后查看手机进程 如果一个软件有多个那就是多进程 （目前小编看下来 只有安卓有 苹果看不出来）进程之间是可以相互跳转的。

原创 为什么你一定要在12月31日前完成2026年个税专项附加扣除确认？

适用人群：所有在职纳税人、家庭有变化者、首次申报者一、前言：为什么你一定要在12月31日前完成2026年个税专项附加扣除确认？每年12月1日至12月31日，是国家税务总局开放下一年度个人所得税专项附加扣除信息确认/修改/新增的关键窗口期。✅ 填对了 → 每月工资多拿几百元；❌ 忘填/填错 → 白白多交税，年度汇算时才追回，现金流受损！

原创 「ImageAssistant」图片助手批量图片下载器

专题的创作过程中,需要从网页收集大量的图片, 但一张一张保存效率很低, 而且有些网页做了禁止下载图片的限制, 为了更有效率的获取图片, 我使用了扩展程序 「图片助手(ImageAssistant) 批量图片下载器」《ImageAssistant》图片助手批量图片下载器,在提取网页图片的方面,功能非常全面, 能提取绝大多数图片网站的资源, 如果你经常为无法提取网页图片资源发愁, 相信这款扩展程序能为你带来惊喜。也可以选择一部分图片, 进行批量下载 也可以通过筛选功能, 直接获取特定格式, 特定尺寸的图片。

原创 面试官问：后端一次性给你一千万条数据，如何优化前端渲染？

面对后端返回海量数据的前端渲染优化问题，测试对比了三种方案：Object.freeze仅优化响应式性能但无法改善渲染耗时；分块渲染虽提升首屏速度但会累积DOM节点；虚拟列表通过只渲染可视区域元素，实现了最佳性能（首屏<1s、低内存、流畅滚动）。实际开发中应避免一次性传输超大数据，采用后端分页+前端虚拟列表的组合方案。测试发现V8引擎对千万级数据处理存在限制，验证了分页查询的必要性。

原创 使用Vue播放M3U8视频流的方法

本文介绍了在Vue项目中播放M3U8视频流的两种实现方法。主要方案使用video.js配合videojs-contrib-hls插件，详细说明了安装依赖、初始化播放器、模板配置和样式调整的完整流程，并提供了注意事项和完整组件示例。替代方案推荐使用hls.js库，给出了安装和基础实现代码。两种方法均考虑了跨域访问、移动端适配和资源释放等关键问题，适用于不同开发场景需求。

原创 M3U8工作原理以及key解密视频流详解

M3U8是HLS流媒体技术中的播放列表文件，而非视频格式本身。文章详细介绍了M3U8的工作原理：视频被分割为.ts片段，通过M3U8索引播放，并可能采用AES-128加密。解密需要获取密钥(KEY)和初始化向量(IV)，通过Python代码示例演示了.ts片段的解密过程。最后提到可使用现成工具（如N_m3u8DL）简化解密下载流程，并指出可能遇到的密钥获取失败情况（加密、次数限制等）。文章澄清了M3U8解密的实质是对加密视频片段的解密。

原创 生产服务器log日志文件很多-精准查询问题

1.例如：既要包含单号 2025120209062839800111061301，又要包含 “ERROR” 或 "timeout"等自定义 生成当前目录下 asses.log中 没有会创建。我相信各位大佬在工作中一定遇到过日志很多很复杂很庞大的数据不好定位问题，尤其是服务器的日志不在一个文件里 在4个 或者8个甚至更多的文件。例如：包含单号 或者 包含 “PaymentFailed”能全部下载最好或者下载某个你想查的文件导入vscode。下面是小编自己的实现方法。

原创 网页变成PDF下载到本地

任意网页内容转成pdf

原创 微信小程序云开发（数据库篇）

微信小程序的云数据库的创建、连接、增删改查

原创 JavaScript性能优化实战

先测量，再优化：不要凭感觉优化，使用工具定位真正的瓶颈。关注用户体验：优化目标是提升 FCP, LCP, TBT 等核心Web指标。代码分割：利用现代打包工具（Webpack, Vite等）进行按需加载。利用缓存：合理使用HTTP缓存、内存缓存（如 Map 缓存计算结果）。保持更新：关注V8等JavaScript引擎的新特性（如 Intl 对象优化、新的语法糖），新版本通常性能更好。代码审查：将性能考量纳入代码审查流程。。JavaScript性能优化是一个持续的过程，而非一蹴而就的任务。

原创 JavaScript性能优化实战：深入剖析性能瓶颈与最佳实践

avaScript作为现代Web应用的核心，其性能直接影响用户体验。本文将系统性地探讨JavaScript中常见的性能瓶颈，结合真实场景与数据，深入解析优化技巧与最佳实践，助你打造高效、流畅的Web应用。

原创 微信小程序最大层级跳转问题

【代码】微信小程序最大层级跳转问题。

原创 【打工人劳动仲裁】打工人一定要看这篇文章【收藏篇、实战篇、手把手教学】

1.证据都需要打印出来 材料 ：个人复印件公司信息复印件劳动合同（原）证据一式两份 （ 考勤， 聊天证据 ， 邮件证据，工资流水，等 …有效的都收集好。有总比没有好 ，万一用上了呢）

原创 关于五险一金你知道多少【你吃亏了么】

如果公司不给你缴纳，或者给你缴纳的比较低，我已经把维权方式整理到下面了 ↓↓↓↓↓ 去看看吧。

原创 微信小程序接入 微信客服-企业微信客服

本文介绍了两种在小程序中接入客服功能的方法。微信客服接入只需在按钮添加open-type="contact"属性，并在后台配置即可。企业微信客服接入需要先绑定企业微信ID，获取客服会话窗口URL，然后使用wx.openCustomerServiceChat方法实现。两种方式都需在微信小程序后台完成相应配置，企业微信还需管理员设置客服人员绑定。文章提供了代码示例和配置截图，帮助开发者快速实现客服功能。

原创 微信小程序获取地理位置

原创 微信小程序获取经纬度坐标

微信小程序获取经纬度坐标。

原创 尤雨溪力荐 H3！性能炸裂！

H3 是一个基于 Web 标准构建的 HTTP 服务器框架，其核心理念是提供简洁的 API 和高度可组合的工具集。它旨在实现高性能与模块化组合，支持多种 JavaScript 运行时，包括 Deno、Bun、Node.js、Workers 等H3 的设计遵循 Web 标准，使得开发者能够利用熟悉的 Web 开发知识快速上手，降低了学习成本。