weixin_43617604的博客

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

文章目录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, // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题.

原创 前端求职避坑指南 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 开发知识快速上手，降低了学习成本。

原创 mac 安装homebrew (nvm 及git)

在 macOS 上安装 NVM（Node Version Manager）和git是一个相对简单的过程。使用 Homebrew 安装 NVM

原创 微信小程序实时日志记录-接口监控

腾讯小程序平台，提供了非常好用的，。

原创 Hbuilderx 开发微信小程序从0框架搭建

（模版有很多其他带组件的都是完整组件项目，可以创建模版项目查看感受一下）

原创 Vue 3 超强技巧：VueUse，让代码更优雅、开发更高效！

Vue 3 超强技巧：VueUse，让代码更优雅、开发更高效！

原创 Promise.all 同步请求与异步【收藏版】

在开发项目的过程中，难免遇到一个页面需要发送多个接口的问题，情景一：需要同步发送接口，关闭loading情景二：同时发送所有接口，关闭loading。

原创 mac/win笔记本电脑 软件【好用分享】

办公神器，好用软件分享

原创 hbuilderx 小程序分包_微信小程序关于分包【收藏版】

然后我再shopping这个包里面创建了一个页面(一般新建的页面都要在pages里面声明，现在包里面的页面不需要在pages里面声明，只需要在我们声明的分包里面的pages里面声明，是相对root路径的路径)。通过我的截图可以看出来，我在根目录创建了一个名为shopping的分包(shopping这个文件夹里面的文件都会打包到分包里面去)；

原创 微信小程序之前跳转及指定体验版开发版&&交互传参数

【代码】微信小程序之前跳转及指定体验版开发版&&交互传参数。

原创 uniapp开发微信小程序请求超时设置【亲测有效】

请求代码如下。

原创 mac如何查看使用git克隆下来的文件.git 文件【收藏版】

找到这个终端软件1.需要显示 .git 文件 终端窗口，输入：defaults write com.apple.finder AppleShowAllFiles TRUE1.1然后重启Finder，输入：killall Finder2.如果你完成了需要的操作，恢复隐藏设置，同样打开Terminal终端窗口，输入：defaults write com.apple.finder AppleShowAllFiles FALSE2.1 然后重启Finder，输入：killall Fi

原创 el-element组建库中Cascader 级联选择器强制刷新表格

Cascader 级联选择器 在一些复杂的table中表格中 绑定的数据发生变动 v-model数据不能显示问题当涉及到数据联动 可以新增删除的功能表格时有两种情况。1.如果不强制刷新表格2.强制刷新表格在表格中添加：key这样比页面就会被重新渲染

原创 Mac电脑安装nvm(node包版本管理工具)[搜藏版]

安装好了 这里有提示需要重启终端 才能生效。

原创 Element UI组件Dialog显示闪动问题【解决方案】

重置padding-right：当el-dialog打开时，ElementUI会给body元素添加一个padding-right样式，以防止内容在滚动条消失时溢出。防止页面抖动：有时页面的抖动是由于滚动条的突然出现或消失导致的。你可以尝试在body元素上添加一些样式来防止这种情况的发生，例如：在弹窗打开时设置body的overflow为hidden，在弹窗关闭时恢复。ElementUI的el-dialog组件在打开时默认会锁定页面的滚动条，这有时会导致页面布局的变化，从而产生抖动。