前端综合

前言 在Webpack中，如果你发现源码中与文件哈希后缀相同的字符串被意外替换了，这通常是因为Webpack的`TerserPlugin`（或其他压缩插件）在压缩代码时进行了某些优化，比如将字符串替换

面试题 DOM 是什么？  事件级别 自定义事件 手写EventEmitter(发布订阅模式--简单版) 什么是事件传播? 什么是事件冒泡？  什么是事件捕获？  event.preventDefau

下面，复习一下浏览器中的事件。 资源事件 1. beforeunload 事件 beforeunload事件在窗口、文档、各种资源将要卸载前触发。它可以用来防止用户不小心卸载资源。 如果该事件对象的r

前言 场景：微信小程序、App加载的单页面应用中，A跳转到B，B提交了数据之后，返回A页面，A页面不刷新，接口也不重新获取。 原因：ios webview中启用了Back/forward cache，

前言 核心依赖 在说明webpack的配置之前，先了解一下需要使用的依赖： （1）Babel 相关  @babel/core：Babel 核心库，用于将 ES6+ 代码转换为向后兼容的 JavaScr

前言 微信小程序定位授权和微信小程序h5定位授权情况较复杂，一直搞不清授权判断条件，在这里捋一捋，如有错误，敬请指出。 定位授权弹框分类 定位授权弹框有三种：  1、微信小程序定位授权弹框；  2、微

前言       类似微信聊天输入框，输入框高度跟随输入内容变化而变化。 具体方案 方案一：隐藏div自动撑高 将 textarea 外面套一个容器box，同时在这个box中放入一个隐藏的div（vi

微信js sdk重复引入问题解决， 对于微信sdk的封装是常见的项目手段，但是经常会遇到sdk中的js sdk 和 项目中自己引入的微信js sdk冲突问题，这里给出简单的解决方案

参考： Nginx一网打尽：动静分离、压缩、缓存、黑白名单、跨域、高可用、性能优化...想要的这都有！ Nginx 从入门到实践，万字详解！ 前端必会的 Nginx入门视频教程(共11集) Docke

前言 这是一个很简单的功能，换了solidjs框架后，在微信浏览器中复制失败，此处记录一下插件用法。 ts版本插件 clipboard 安装： 用法： 动态参数： react版本插件 react-cl

前言 前端经常要用到缓存，比如现在有个需求，每次重复调用接口（包括连续调用接口，第一个接口还未返回结果）都只执行一次。一般我们会做api级别的缓存，但是无法满足连续调用接口，第一个接口还未返回结果时，

移动端 H5 页面唤起 APP 方案 移动端 H5 页面通常承担的主要责任就是引流，利用 Web 页面轻量便于传播的特性通过搜索引擎或者社交软件进行传播，然后在页面内引导用户打开 APP 进行消费，引

响应式 Solid 响应性原理大致上是将任何响应性计算封装在函数中，并在其依赖关系更新时重新运行该函数。Solid JSX 编译器还用一个函数包装了大多数 JSX 表达式（括号中的代码），因此当依赖关

APP环境嵌套H5分享微信好友、朋友圈 APP环境保存图片到本地 小程序环境嵌套H5分享微信好友、朋友圈 实现原理 H5中可使用wx.miniProgram.postMessage向小程序的webvi

前言 app环境有状态栏和导航栏，需要独立适配 一、判断是处于APP环境 判断运行环境 判断webview环境 二、设置APP全屏模式 三、设置APP环境头部高度 计算app的webview头部高度

一、现状 小程序webview中嵌套h5无法自动播放音视频，需要用户手动触发。 其中video需要用户点击才能播放，手势滑动不一定能播放。 audio需要用户点击或者手势滑动才能播放。 二、问题 1.

前言 2023年了，还有android7的手机运行app，突发生产报障webview加载h5页面白屏。 排查思路 1、找一台对应系统的手机，打开设置-应用-显示系统应用，找到android syste

IntersectionObserver 是什么？ IntersectionObserver 是一种 JavaScript API，它提供了一种异步监测元素与其祖先容器或视口之间交叉状态的方法。简单来

总览 路由中有三个基本的概念 route, routes, router。 1、 route，它是一条路由，由这个英文单词也可以看出来，它是单数， Home按钮 => home内容， 这是一条rout

我们经常会遇到读写文件的需求，这里稍微总结一下。 前端写json文件 前端读取json文件，我们经常会遇到读写文件的需求，这里稍微总结一下。我们经常会遇到读写文件的需求，这里稍微总结一下。