前端综合

前言 在平常开发中，对于低版本浏览器的兼容问题，我们通常使用babel或者postcss进行处理，对于如何确定浏览器兼容的版本，那么就需要背后的browserslist进行支持。 1. browser

Promise promise状态： Pending（进行中）、Fulfilled（已成功）、Rejected（已失败） promise基本使用： promise需要注意的地方： 1.then（suc

一、Js兼容性 日期格式 我们经常用的时间格式YYYY-MM-DD HH:mm:ss在Safari浏览器中是不支持的。解决办法就是把YYYY-MM-DD HH:mm:ss格式的代码转为YYYY/MM/

前言 如今的互联网环境下，营销活动中针对APP、小程序、H5等不同渠道的页面，希望提供一个统一的二维码链接，并支持动态参数透传。比如： 一、搭建配置平台 以cms为例，手动搭建一个cms配置平台，提供

前言 我们在写公共组件的时候，有时候希望整个项目只暴露一个组件实例出来，以节约内存。 react实现 封装一个instance.ts用于暴露组件实例。 假设我们现在有一个公共loading组件，比如：

前言 移动端分页列表组件中，需要用到 加载更多 组件，下面我们简单来进行介绍。 react实现方式、vue实现方式

在移动端浏览器中，font-weight: 700（bold）通常可以正常显示，但 font-weight: 800 和 900 的兼容性较差，尤其在中文字体或部分系统字体上可能失效。以下是具体限制和

在移动端H5开发中，设置100vh高度时输入框经常会被软键盘遮挡，这确实是个常见痛点。让我为您提供一个完整的解决方案。 问题分析与解决方案思路 当输入框获得焦点时，软键盘弹出会导致视口高度变化，但10

前言 我们有时候需要处理页面离开事件，在这里对常用的事件进行一个差异分析。 在移动端开发中，beforeunload 事件监听在 Android 和 iOS 平台存在显著差异，主要体现在事件支持度、触

前言 在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级别的缓存，但是无法满足连续调用接口，第一个接口还未返回结果时，