Amber是一个在分子动力学中非常常用的一个软件，可以用于进行分子动力学模拟计算，可以与一些软件配合进行增强采样。这里我们简单介绍一下如何使用Amber去计算一个分子构象的单点势能值，及其对应的能量分量。

Amber是一个在分子动力学中非常常用的一个软件，可以用于进行分子动力学模拟计算，可以与一些软件配合进行增强采样。这里我们简单介绍一下如何使用Amber去计算一个分子构象的单点势能值，及其对应的能量分量。

一个网页会包含很多的图片，例如淘宝京东这些购物网站，商品图片很多，如果在首页就全部加载的话，会影响渲染速度（比如出现白屏）和浪费带宽，为了解决以上问题，提高用户体验，就出现了懒加载方式来减轻服务器的压力，优先加载可视区域的内容，其他部分等进入了可视区域再加载，从而提高性能。

一个app或者网站能够即时响应是最好的，但总会有受限于速度的时候。一次差的网络连接，一个较长的操作都有可能导致一个响应缓慢。对于这些情况，设计师必须告知用户app正在处理他们的请求，并且正在取得实际进展。

忘记在哪个网站扒来的了 效果 📷 CSS #loading { position: fixed; width: 100%; height: 100vh; z-index: 9999; background-color: #eef1f5; top: 0; } .loading { display

前言:网站的图片请求需要一个加载图来过渡，所以我推荐4款加载图作为图片资源请求压力缓解。

cat 今天看到一个不错的动画网站： https://lottiefiles.com/ 可以自己编辑生成动画，并且能十分方便的引入到你的项目中。 比如上图的猫咪动画： import Lottie from "react-lottie"; import * as catData from "./cat.json"; const defaultOptions = { loop: true, autoplay: true, animationData: catData.default, rend

cat 今天看到一个不错的动画网站： https://lottiefiles.com/ 可以自己编辑生成动画，并且能十分方便的引入到你的项目中。 比如上图的猫咪动画： import Lottie from "react-lottie"; import * as catData from "./cat.json"; const defaultOptions = { loop: true, autoplay: true, animationData: catData.default, rend

网站添加Loading动画可有效防止部分浏览器打开网页后因为有些静态资源还没有加载完毕导致的闪屏、白屏、花屏、错误排版等BUG

原本的安全跳转页面糟糕的一塌糊涂，因为当时水平有限，所以只能在别人的基础上修改，导致很多地方都不兼容，比如最简单的fancybox我都没有办法排除，会导致无法点击图片进行放大查看，除此之外无法排除友链页面，也无法排除友情链接的跳转卡片，兼容性也很差，群友想要使用我也没法提供解决方案，很是头疼，所以经过整整一个月的酝酿，我胡汉三又回来啦！此次重构大大简化了代码结构，并解决了前面的问题，为了测试稳定性，我还特意悄悄地上线了六天，好像也没人提出什么bug（也有可能是我的人气太少了呜呜呜），这才正式写出该重制版教程，给予需要的朋友以启发。