适用框架：Vue2/Vue3适用设备：pc端/移动端适配策略：动态rem+动态scale方案效果：可让页面在不同屏幕下、放大缩小时保持页面不变形

前言：很多小伙伴们在网站制作的过程中，会发现同样的页面在不同的屏幕下展示存在一定的差异，这究竟是什么原因呢？接下来，我用一篇文章带大家深入了解一下不同屏幕下页面差异的原因和解决方案！赶快点赞收藏起来吧！（文章结尾附有完整适配方案）

为了可跨平台开发一次可以部署iOS、Android等平台；发布更新快，且能在服务器端发布，还能够实时更新终端展示，便于快速升级以及紧急修复bug；排版复杂的内容等等。WebView诞生并开始逐渐发展起来。

现在的消费者越来越依赖移动设备来访问内容和服务，这比以往任何时候都要求更高。当他们权衡您网站上的体验时，他们不仅将您与您的竞争对手进行比较，还会在使用完后对您的应用进行评级。

截至到现在，React18已经出来半个月了，是否还有小伙伴不太了解呢？ 我给大家整理一份更新清单，包含了较常用的更新，列举了一些不错的案例和链接，方便大家快速上手和深入了解！

问题：有的时候，我们会在网页上渲染大体积图片，但是图片总会线性地一点点出来，用户体验不太好就像这样为了解决这个问题，我整理了几种优化方案通过link标签preload预加载图片拆分图片onload前用其他样式代替背景颜色压缩图片后转base641.首先看第一种preload方式 {代码...} 添加上后，浏览器会在渲染前先加载完图片，...

双向认证实际就是通信双方互相认证的一个过程，做的比较多的就是客户端和服务端的相互认证，就是双方在通信的时候先校验下双方是否是合法的，注意是双方都要校验

要想解决循环引用，我们需要借助Set 或者Map 或者 WeekMap类型，来保存对象之间的引用关系话不多说，直接上代码: {代码...} 其实浏览器也有解决方案，只不过还未正式发布

DNS劫持：这种劫持会把你重新定位到其他网站，我们所熟悉的钓鱼网站就是这个原理。但是因为它的违法性，现在被严厉的监管起来，已经很少见。 HTTP劫持：就是给你的http通信过程加入一些广告的代码，这种还是比价常见的

{代码...} {代码...}

Vue3 + TS最佳实践demo项目demoReact + TS最佳实践demo项目 demo

 在日常需求中，我们经常会需要写倒计时功能。但有时会发现快慢不一的情况，那究竟是怎么回事呢？我们先带着疑问想一下，写倒计时功能应该用setInterval还是setTimeout？假设我们使用setInterval，我们可能这样写 {代码...} 我们可能以为它的执行顺序是这样现在我把它的执行时常变得大于它的interval，再来看一下 我们发...

React.FC的注解是有些问题的，在是否优先使用这个类型作为注解上存在一部分争议，因为这个类型破坏了JSX.LibraryManagedAttributes， 导致其忽略了函数和类组件的defaultsProps，displayName这样的参数,详见，另外，其不能像class组件一样返回props的children 详见（显式的定义children属性，或更改源码可解决这个问题）...

在前端项目开发中，我们经常会遇到node_modules里的包有问题，当自己手动更改成正确的后，自己没问题了，但是别人重新npm install时还会有同样的问题，那么如何将node_modules的更改保存到项目中呢，这样别人在生成依赖后能有一个正常的环境

 在前端项目开发中我们经常会使用git管理项目，但是在过程中，我们有时会遇到commit信息不规范导致查看历史提交时不能一眼明了，或者在拉下代码时，碰到很多代码格式上的冲突。今天主要介绍下如何利用git的钩子解决这些问题。