牛顿迭代法(Newton’s Method)迭代求根的Python程序

article/2025/9/15 2:04:41

迭代法的作用

许多复杂的求解问题,都可以转换成方程f(x)=0的求解问题。这一系列的解叫做方程的根。对于非线性方程的求解,在自变量范围内往往有多个解,我们将此变化区域分为多个小的子区间,对每个区间进行分别求解。我们在求解过程中,选取一个近似值或者近似区间,然后运用迭代方法逐步逼近真实解。
方程求根的常用迭代法有:二分法、不动点迭代、牛顿法、弦截法。

牛顿迭代法

牛顿迭代法(Newton’s method)又称为牛顿-拉弗森方法(Newton-Raphson method),它是一种在实数域和复数域上近似求解方程的方法。方法使用函数的泰勒级数的前面几项来寻找方程的根。

参考链接:
用python算微积分及牛顿迭代求解高阶方程

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

牛顿迭代法基本思想

考察一般形式的函数方程f(x)=0,首先运用校正技术建立迭代公式,设已知它的近似根xk,则自然要求校正值x(k+1)=xk+∆x能更好的满足所给方程,即 f(xk+∆x)≈0,将其左端用线性主部f(xk)+f’(xk)* ∆x代替,而令f(xk)+f’(xk)*∆x=0,这是关于增量∆x的线性方程,据此定出∆x=-f(xk)/f’(xk),从而关于校正值x(k+1)=xk+∆x有如下计算公式:X(k+1)=xk-f(xk)/f’(xk)

这就是著名的牛顿公式。Newton法的突出优点是速度快,但它有个明显的缺点是每一步迭代需要提供导数值f’(xk),如果函数f(x)比较复杂,致使导数的计算比较困难,那么使用牛顿公式是不方便的。

牛顿迭代法优缺点

通常最高效的方法:牛顿法。它是求解方程f(x)=0的一种重要方法,它的最大优点是方程在单根附近具有较高的收敛速度,且算法逻辑简单。它还可以用于求代数方程的重根、复根。但是由于牛顿法是局部收敛的,它的收敛性依赖于初值x0的选取。并且每一步迭代除了需要计算f(Xk)外,还需要计算f(Xk)的导数,当f(x)比较复杂时(缺点明显),该方法是不方便的。

例题

求方程式:x = exp(-x)在0.5附近的根
即求方程式xexp(x)-1=0在0.5附近的根

约定一个误差,当误差小于某个数值的时候,迭代停止

代码如下:

from sympy import *
x = symbols('x')
x0 = 0.5
x_list = [x0]
i = 0def f(x):f = x * exp(x) - 1return fwhile True:   if diff(f(x),x).subs(x,x0) == 0:print('极值点:',x0)breakelse:x0 = x0 - f(x0)/diff(f(x),x).subs(x,x0)x_list.append(x0)if len(x_list) > 1:i += 1error = abs((x_list[-1] - x_list[-2]) / x_list[-1])if error < 10 ** (-6):print(f'迭代第{i}次后,误差小于10^(-6),误差为{error}')breakelse:pass
print(f'所求方程式的根为{x_list[-1]}')

结果:

迭代第4次后,误差小于10^(-6),误差为2.17717477197250E-10
所求方程式的根为0.567143290409784

迭代至电脑默认为误差为0为止

from sympy import *x = symbols('x')
x0 = 0.5
x_list = [x0]
i = 0def f(x):f = x * exp(x) - 1return fwhile True:if diff(f(x),x).subs(x,x0) == 0:print('极值点:',x0)breakelse:x0 = x0 - f(x0)/diff(f(x),x).subs(x,x0)x_list.append(x0)if len(x_list) > 1:i += 1error = abs((x_list[-1] - x_list[-2]) / x_list[-1])if error == 0:print(f'迭代第{i}次后,误差为0')breakelse:passprint(f'所求方程式的根为{x_list[-1]}')

结果:

迭代第6次后,误差为0
所求方程式的根为0.567143290409784

画迭代图

代码:

from sympy import *
import matplotlib.pyplot as plt
x = symbols('x')
x0 = 0.5
x_list = [x0]
x_values = []
y_values = []
i = 0def f(x):f = x * exp(x) - 1return fwhile True:if diff(f(x),x).subs(x,x0) == 0:print('极值点:',x0)breakelse:x0 = x0 - f(x0)/diff(f(x),x).subs(x,x0)x_list.append(x0)if len(x_list) > 1:i += 1error = abs((x_list[-1] - x_list[-2]) / x_list[-1])x_values.append(i)y_values.append(error)if error == 0:print(f'迭代第{i}次后,误差为0')breakelse:passprint(f'所求方程式的根为{x_list[-1]}')#设置绘图风格
plt.style.use('ggplot')
#处理中文乱码
plt.rcParams['font.sans-serif'] = ['Microsoft YaHei']
#坐标轴负号的处理
plt.rcParams['axes.unicode_minus']=False
#横坐标是迭代次数
#纵坐标是误差值
plt.plot(x_values,y_values,color = 'steelblue', # 折线颜色marker = 'o', # 折线图中添加圆点markersize = 3, # 点的大小)
# 修改x轴和y轴标签
plt.xlabel('迭代次数')
plt.ylabel('误差值')
# 显示图形
plt.show()

结果:

迭代第6次后,误差为0
所求方程式的根为0.567143290409784

在这里插入图片描述

带有区间的例题

求方程式:x3 - 0.165x2 + 3.99310**(-4) = 0在(0,0.11)的根

先看看不用迭代法计算的结果

from sympy import *
from sympy.abc import xdef func(x):return x**3 - 0.165*x**2 + 3.993*10**(-4)
result = solveset(func(x), x, Interval(0, 0.11))
print(result)

结果:

FiniteSet(0.0623775815137495)

约定一个误差,当误差小于某个数值的时候,迭代停止

代码:

from sympy import *x = symbols('x')
xl = 0  #区间下限
xu = 0.11  #区间上限
x0 = (xl+xu)/2  #迭代初始值
x_list = [x0]
i = 0def f(x):f = x**3 - 0.165*x**2 + 3.993*10**(-4)return fwhile True:if diff(f(x),x).subs(x,x0) == 0:print('极值点:',x0)breakelse:x0 = x0 - f(x0)/diff(f(x),x).subs(x,x0)x_list.append(x0)if len(x_list) > 1:i += 1error = abs((x_list[-1] - x_list[-2]) / x_list[-1])if error < 10**(-6):  print(f'迭代第{i}次后,误差小于10^-6')breakelse:passprint(f'所求方程式的根为{x_list[-1]}')

结果:

迭代第3次后,误差小于10^-6
所求方程式的根为0.0623775815137494

迭代至电脑默认误差为0

from sympy import *x = symbols('x')
xl = 0  #区间下限
xu = 0.11  #区间上限
x0 = (xl+xu)/2  #迭代初始值
x_list = [x0]
i = 0def f(x):f = x**3 - 0.165*x**2 + 3.993*10**(-4)return fwhile True:if diff(f(x),x).subs(x,x0) == 0:print('极值点:',x0)breakelse:x0 = x0 - f(x0)/diff(f(x),x).subs(x,x0)x_list.append(x0)if len(x_list) > 1:i += 1error = abs((x_list[-1] - x_list[-2]) / x_list[-1])if error == 0:print(f'迭代第{i}次后,误差等于0')breakelse:passprint(f'所求方程式的根为{x_list[-1]}')

结果:

迭代第5次后,误差等于0
所求方程式的根为0.0623775815137495

画迭代图

代码:

from sympy import *
import matplotlib.pyplot as pltx = symbols('x')
xl = 0  #区间下限
xu = 0.11  #区间上限
x0 = (xl+xu)/2  #迭代初始值
x_list = [x0]
i = 0def f(x):f = x**3 - 0.165*x**2 + 3.993*10**(-4)return fx_values = []
y_values = []
while True:if diff(f(x),x).subs(x,x0) == 0:print('极值点:',x0)breakelse:x0 = x0 - f(x0)/diff(f(x),x).subs(x,x0)x_list.append(x0)if len(x_list) > 1:i += 1error = abs((x_list[-1] - x_list[-2]) / x_list[-1])x_values.append(i)y_values.append(error)if error == 0:print(f'迭代第{i}次后,误差等于0')breakelse:passprint(f'所求方程式的根为{x_list[-1]}')#设置绘图风格
plt.style.use('ggplot')
#处理中文乱码
plt.rcParams['font.sans-serif'] = ['Microsoft YaHei']
#坐标轴负号的处理
plt.rcParams['axes.unicode_minus']=False
#横坐标是迭代次数
#纵坐标是误差值
plt.plot(x_values,y_values,color = 'steelblue', # 折线颜色marker = 'o', # 折线图中添加圆点markersize = 3, # 点的大小)
# 修改x轴和y轴标签
plt.xlabel('迭代次数')
plt.ylabel('误差值')
# 显示图形
plt.show()

结果:

迭代第5次后,误差等于0
所求方程式的根为0.0623775815137495

在这里插入图片描述

牛顿法求解非线性方程组

牛顿法求解非线性方程组-附Python代码
解非线性方程组的牛顿迭代法(附Python代码)
python 实现(拟)牛顿法解非线性方程组
最优化方法:牛顿迭代法和拟牛顿迭代法

用牛顿迭代求解下面的非线性方程组
在这里插入图片描述

import numpy as npdef Fun(x,num):# 方程组在这里,三个变量分别是x的三个分量,num是未知数个数,这里是2,f是两个方程组i = numf = np.zeros((i),dtype=float)f[0] = x[0]**3-x[1]**2+1.    #x**3-y**2+1=0f[1] = x[0]**2-x[1]-1.    #x**2-y-1=0return f#计算雅可比矩阵的逆矩阵
def dfun(x,num):                         df = np.zeros((num,num),dtype=float)dx = 0.00001                           x1 = np.copy(x)    #x1 = xfor i in range(0,num):              # 求导数,i是列,j是行for j in range(0,num):x1 = np.copy(x)x1[j] = x1[j]+dx           #x+dxdf[i,j] = (Fun(x1,num)[i]-Fun(x,num)[i])/dx   #f(x+dx)-f(x)/dxdf_1 = np.linalg.inv(df)                              #计算逆矩阵return df_1def Newton(x,num):x1 = np.copy(x)  #x1 = x   1行num列i = 0delta = np.copy(x)while(np.sum(abs(delta)) > 1.e-8 and i < 100):  #控制循环次数x1 = x-np.dot(dfun(x,num),Fun(x,num))  #公式 x_k+1 = x_k - (dF(x_k))^(-1)·F(x_k)delta = x1-x     #比较x的变化x = x1i = i+1print(x)return x# 方程未知数的个数
num = 2                     
#初始值
x = np.array((-1,1), dtype=float)
print(x)
a = Newton(x,num)
print(a)#用sympy求解,检验牛顿迭代的正确性
import sympy
x,y = sympy.symbols('x,y')
print('方程的解:')
print(sympy.solve([x**3-y**2+1, x**2-y-1], [x,y]))

结果:

[-1.  1.]
[-1.14285918  0.28571694]
[-1.03069215  0.04974598]
[-1.00160721  0.00237137]
[-1.00000443e+00  6.30308922e-06]
[-1.00000000e+00  4.38330963e-11]
[-1.00000000e+00  2.44426795e-16]
[-1.00000000e+00  2.44426795e-16]
方程的解:
[(-1, 0), (0, -1), (2, 3)]

牛顿法求解非线性方程组——代码封装1

import numpy as np
import matplotlib.pyplot as plt#牛顿迭代
class Newton_Iteration():def __init__(self,):passdef Fun(self, x, num):# 方程组在这里,三个变量分别是x的三个分量,num是未知数个数,这里是2,f是两个方程组i = numf = np.zeros((i), dtype=float)X1, X2 = x[0], x[1]func = [X1 ** 2 + 4 * X2 ** 2 - 1, 4 * X1 ** 4 + X2 ** 2 - 1]f[0] = func[0]f[1] = func[1]return f# 计算雅可比矩阵的逆矩阵def dfun(self, x, num):df = np.zeros((num, num), dtype=float)dx = 0.00001x1 = np.copy(x)  # x1 = xfor i in range(0, num):  # 求导数,i是列,j是行for j in range(0, num):x1 = np.copy(x)x1[j] = x1[j] + dx  # x+dxdf[i, j] = (self.Fun(x1, num)[i] - self.Fun(x, num)[i]) / dx  # f(x+dx)-f(x)/dxdf_1 = np.linalg.inv(df)  # 计算逆矩阵return df_1#牛顿迭代def Newton(self, x, num):x1 = np.copy(x)  # x1 = x   1行num列i = 0x_values = []y_values = []delta = np.copy(x)while (np.sum(abs(delta)) > 1.e-8 and i < 100):  # 控制循环次数x1 = x - np.dot(self.dfun(x, num), self.Fun(x, num))  # 公式 x_k+1 = x_k - (dF(x_k))^(-1)·F(x_k)delta = x1 - x  # 比较x的变化x_values.append(i)y_values.append(delta)x = x1i = i + 1print(x)self.Drawing_error(x_values, y_values)return xdef Drawing_error(self,x_values,y_values):# 设置绘图风格plt.style.use('ggplot')# 处理中文乱码plt.rcParams['font.sans-serif'] = ['Microsoft YaHei']# 坐标轴负号的处理plt.rcParams['axes.unicode_minus'] = False# 横坐标是迭代次数# 纵坐标是误差值plt.plot(x_values,y_values,color='steelblue',  # 折线颜色marker='o',  # 折线图中添加圆点markersize=3,  # 点的大小)# 修改x轴和y轴标签plt.xlabel('迭代次数')plt.ylabel('误差值')# 显示图形plt.show()if __name__ == '__main__':# 方程未知数的个数num = 2# 初始值x = np.array((-1, 1), dtype=float)# 方程组Newton_Iteration = Newton_Iteration()a = Newton_Iteration.Newton(x, num)print('方程组的解为:',a)

结果:

[-0.80644865  0.54838985]
[-0.70889633  0.38975774]
[-0.68372898  0.36586611]
[-0.68219953  0.36558393]
[-0.68219416  0.36558553]
[-0.68219416  0.36558553]
方程组的解为: [-0.68219416  0.36558553]

在这里插入图片描述

牛顿法求解非线性方程组——代码封装2

import numpy as np
import matplotlib.pyplot as plt
from sympy import *#牛顿迭代
class Newton_Iteration():def __init__(self, func, var_list):self.func = funcself.var_list = var_listpassdef Fun(self, x, num):# 方程组在这里,三个变量分别是x的三个分量,num是未知数个数,这里是2,f是两个方程组i = numf = np.zeros((i), dtype=float)f[0] = self.func[0].subs([(self.var_list[0],x[0]), (self.var_list[1],x[1])])f[1] = self.func[1].subs([(self.var_list[0],x[0]), (self.var_list[1],x[1])])return f# 计算雅可比矩阵的逆矩阵def dfun(self, x, num):df = np.zeros((num, num), dtype=float)dx = 0.00001x1 = np.copy(x)  # x1 = xfor i in range(0, num):  # 求导数,i是列,j是行for j in range(0, num):x1 = np.copy(x)x1[j] = x1[j] + dx  # x+dxdf[i, j] = (self.Fun(x1, num)[i] - self.Fun(x, num)[i]) / dx  # f(x+dx)-f(x)/dxdf_1 = np.linalg.inv(df)  # 计算逆矩阵return df_1#牛顿迭代def Newton(self, x, num):x1 = np.copy(x)  # x1 = x   1行num列i = 0x_values = []y_values = []delta = np.copy(x)while (np.sum(abs(delta)) > 1.e-8 and i < 100):  # 控制循环次数x1 = x - np.dot(self.dfun(x, num), self.Fun(x, num))  # 公式 x_k+1 = x_k - (dF(x_k))^(-1)·F(x_k)delta = x1 - x  # 比较x的变化x_values.append(i)y_values.append(delta)x = x1i = i + 1print(x)self.Drawing_error(x_values, y_values)return xdef Drawing_error(self,x_values,y_values):# 设置绘图风格plt.style.use('ggplot')# 处理中文乱码plt.rcParams['font.sans-serif'] = ['Microsoft YaHei']# 坐标轴负号的处理plt.rcParams['axes.unicode_minus'] = False# 横坐标是迭代次数# 纵坐标是误差值plt.plot(x_values,y_values,color='steelblue',  # 折线颜色marker='o',  # 折线图中添加圆点markersize=3,  # 点的大小)# 修改x轴和y轴标签plt.xlabel('迭代次数')plt.ylabel('误差值')# 显示图形plt.show()if __name__ == '__main__':# 方程未知数的个数num = 2# 初始值x = np.array((-1, 1), dtype=float)X1, X2 = symbols('X1, X2')var_list = [X1, X2]# 方程组func = [X1 ** 2 + 4 * X2 ** 2 - 1, 4 * X1 ** 4 + X2 ** 2 - 1]Newton_Iteration = Newton_Iteration(func, var_list)a = Newton_Iteration.Newton(x, num)print('方程组的解为:',a)

结果:

[-0.80644865  0.54838985]
[-0.70889633  0.38975774]
[-0.68372898  0.36586611]
[-0.68219953  0.36558393]
[-0.68219416  0.36558553]
[-0.68219416  0.36558553]
方程组的解为: [-0.68219416  0.36558553]

在这里插入图片描述


http://chatgpt.dhexx.cn/article/T44P7g11.shtml

相关文章

用牛顿迭代法求方程的根

用牛顿迭代法求方程的根&#xff08;C语言&#xff09; 题目要求&#xff1a;牛顿迭代法是一种重要的基本的求方程根的方法。现有方程为axˆ3bxˆ2cxd0&#xff0c;系数a&#xff0c;b&#xff0c;c&#xff0c;d的值一次为1&#xff0c;2&#xff0c;3&#xff0c;4&#xff…

【源码】牛顿迭代法求根的matlab实现

牛顿迭代法求根的matlab实现 本篇是在课程学习中自己编程实现的牛顿迭代法计算非线性方程或者超越方程近似根的算法&#xff0c;写一下&#xff0c;后边便于复习和期末课程设计引用。 牛顿迭代法本质上是一种特殊的不动点迭代&#xff0c;只不过它的迭代函数的构造比较特殊&am…

牛顿迭代法求方程的根

牛顿迭代法&#xff08;牛顿-拉弗森方法&#xff09; 五次及以上多项式方程没有根式解&#xff08;就是没有像二次方程那样的万能公式&#xff09;&#xff0c;这个是被伽罗瓦用群论做出的最著名的结论。没有根式解不意味着方程解不出来&#xff0c;数学家也提供了很多方法&am…

非线性方程求根——牛顿迭代法

一、牛顿法 1.实质&#xff1a;牛顿法实质上是一种线性方法&#xff0c;其基本思想是将非线性方程f(x)0逐步归结为某种线性方程来解。 2.牛顿法公式&#xff1a; 已知方程f(x)0有近似解xk,假设&#xff0c;将f(x)在点xk泰勒展开&#xff0c;有则方程f(x)0可近似表示为&#…

C语言每日一练——第154天:牛顿迭代法求方程根

&#x1f31f; 前言 Wassup guys&#xff0c;我是Edison &#x1f60e; 今天是C语言每日一练&#xff0c;第154天&#xff01; Let’s get it&#xff01; 文章目录 1. 问题描述2. 题目分析3. 算法设计4. 确定程序框架5. 迭代法求方程根6. 代码实现 1. 问题描述 编写用牛顿迭…

前端骨架屏终极方案——骨架图

骨架图代替骨架屏。用图片代替骨架屏&#xff01;&#xff01;&#xff01; 主要还没尝试过自动生成方案&#xff0c;手工写感觉太麻烦&#xff08;美工已经操起了板砖。。。&#xff09; 最简单的实现方式&#xff0c;拿页面的UI效果图&#xff08;或者直接手机截屏&#xf…

element ui修改骨架屏形状

这是element ui的原本形状 这个形状虽然也可以 但有些情况和东西的加载显然不太适合这个形态 确实我们可以这样写 如果你是vue2 则 <div><el-skeleton animated><template slot"template"><el-skeleton-item style "width: 100vw;he…

你不可能知道的骨架屏玩法!

〇 前言 这篇是作者在公司做了活动架构升级后&#xff0c;产出的主文的前导第二篇&#xff0c;考虑到本文相对独立&#xff0c;因此抽离出单独成文。姐妹兄弟篇&#xff0c;《你可能不知道的动态组件玩法????》。 可能文“对不起”题&#xff0c;知道的大佬别进来了????…

vue加载组件骨架屏el-skeleton使用

做项目遇到的问题&#xff1a;在两个兄弟组件中&#xff0c;点击其中一个组件的一个元素&#xff0c;如button&#xff0c;会触发其兄弟组件的刷新&#xff0c; 我的做法&#xff1a;在watch中监测某字段&#xff0c;更改了之后直接在watch中发送后端请求&#xff0c;如下&…

在vue项目中使用骨架屏

现在的应用开发&#xff0c;基本上都是前后端分离的&#xff0c;前端主流框架有SPA、MPA等&#xff0c;那么解决页面渲染、白屏时间成为首要关注的点 webpack可以按需加载&#xff0c;减小首屏需要加载代码的体积&#xff1b; 使用CDN技术、静态代码等缓存技术&#xff0c;可…

使用 Vite 插件自动化实现骨架屏

大厂技术 高级前端 Node进阶 点击上方 程序员成长指北&#xff0c;关注公众号 回复1&#xff0c;加入高级Node交流群 作者&#xff1a;橙红年代 原文&#xff1a;https://juejin.cn/post/7152406737100734495 骨架屏在SPA应用中有两个显著提升用户体验的作用 避免页面初始化加…

骨架屏技术讲解以及如何在Vue中实现骨架屏

骨架屏技术讲解以及如何在Vue中实现骨架屏 写在前面骨架屏是什么如何实现&#xff08;原理分析&#xff09;一个生动的例子 实现方式&#xff08;具体实现&#xff09;方案一、在模版中来实现骨架屏方案二、使用一个Base64的图片来作为骨架屏方案三、使用 .vue 文件来完成骨架屏…

正确使用uniapp搭配微信开发者工具自带的骨架屏功能,生成骨架屏

重点&#xff1a;把index.skeleton.wxml和index.skeleton.wxss文件中的&#xff08;is““和data-event-opts””&#xff09;的整个属性删掉 一、描述&#xff1a;解决使用uniapp开发微信小程序生成骨架屏 很多人都知道微信开发者工具自带生成骨架屏的功能&#xff0c;但是却不…

vue骨架屏介绍

骨架屏可以理解为是当数据还未加载进来前&#xff0c;页面的一个空白版本&#xff0c;一个简单的关键渲染路径。可以看一下下面Facebook的骨架屏实现&#xff0c;可以看到在页面完全渲染完成之前&#xff0c;用户会看到一个样式简单&#xff0c;描绘了当前页面的大致框架的骨架…

微信小程序:骨架屏的实现方法

骨架屏是为了展示一个页面骨架而不含有实际的页面内容&#xff0c;从渲染效率上来讲&#xff0c;骨架屏它并不能使首屏渲染加快。由于骨架屏的一些使用又向用户渲染了额外的一些内容&#xff0c;这些内容是额外添加的、本来是不需要渲染的&#xff0c;它反而从整体上加长了首屏…

客户端骨架屏详解

一直以来&#xff0c;无论是Web还是iOS、Android的应用中&#xff0c;为了提升应用的加载等待这段时间的用户感知体验&#xff0c;各种技术层出不穷。其中&#xff0c;尤以菊花图以及由它衍生各种加载动画最为突出。 对于菊花图我们自不必多说&#xff0c;现在对于加载的设计体…

微信小程序使用骨架屏

骨架屏的使用越来越广泛。在微信小程序中使用骨架屏如果自己实现&#xff0c;不同的页面对应不同的骨架屏&#xff0c;会有一定难度&#xff1b;不过&#xff0c;微信小程序已经提供生成骨架屏功能&#xff0c;使得我们在开发中非常方便&#xff0c;下面介绍如何生成 在生成骨架…

Skeleton Screen — 骨架屏

用户体验一直是前端开发需要考虑的重要部分&#xff0c;在数据请求时常见到锁屏的loading动画&#xff0c;而现在越来越多的产品倾向于使用Skeleton Screen Loading(骨架屏)替代&#xff0c;以优化用户体验。 一种自动生成网页骨架屏的方式 前端骨架屏方案小结 Skeleton Scree…

element-骨架屏

使用场景&#xff1a;在需要等待加载内容的位置设置骨架屏。 主要代码&#xff1a;&#xff08;其中loading控制骨架屏的显示不显示&#xff0c;为false时不显示&#xff0c;为true时显示&#xff09; <template><div v-show"!loading"><!-- 第一行…

浅谈前端骨架屏方案

在图片与前端体验优化中&#xff0c;最重要的莫过于「骨架屏」了&#xff0c;因为它和“首屏体验”息息相关。 目前来说骨架屏基本上有两种方式&#xff1a; HTML CSS&#xff1a;主流。基本是自己在项目中以侵入式方式围绕html“定制”&#xff1b;微信小程序的骨架屏生成方…