上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。 object-fit理解 CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：cover, contain等。 obj...

fontawesome unicode码怎么用？ Font Awesome图标库网址http://www.fontawesome.com.cn/faicons/ 直接使用： <i class="fa fa-home" aria-hidden="true"></i> Uni...

网址：http://www.bshare.cn/ 分享代码： <div class="bshare-custom icon-medium-plus"><div class="bsPromo bsPromo1"></div><a title="分享到微信" class="bshare-w...

bootstrap5 flex布局实现一栏固定宽度 代码： <p class="d-flex mt-4"> <span class="footer_tel2 flex-shrink-0"> <img src="__HOME__/images/addr2.png" alt=""...

网页中禁止右键，禁止f12，禁止ctrl+s等 <script> document.onkeydown = function(event) { var e = event || window.event || arguments.callee.caller.arguments[0]; i...

学习webpack，自己创建文件目录打包出现问题，控制台报错信息字样如下 the mode option has not been set 一般报错检查三个地方： 1.是否文件目录以及文件名称是否有错误 2.查看对应的package.json文件是否添加有对应的dev和build指定 3.是否设置了mode 分别执...

实测解决：ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in ‘E:\ASUS\Documents\VSCode files\WebPackProject’ 官方中明确说明，如果使用配置文件使用 webpack 打包项目，则文件名是 webpack.config...

VScode如何在浏览器中打开html文件open in default browser 在扩展栏的搜索栏中输入open in browser，找到open in browser这款插件，点击右下角“安装”字样即可安装。

Windows系统下怎么在某个文件夹下打开命令行窗口？ 方法1,进入自定义的文件夹下,在该路径中输入cmd，敲下回车 方法2：在文件夹里，将鼠标置于空白处，按住Shift键不放，同时右击鼠标，这时在出来的右键菜单里会出现一个 “在此处打开命令窗口” 的菜单选项。点击打开命令窗口。 直接右键点击是没有该菜单的。...

animate.css网站中，需要做到滚动条滑到某个位置时，才能显示动画，wow.js插件可以很好的解决问题 代码： <div class="foot wow fadeInUp"></div> <script src='https://cdn.staticfile.org/wow/1.1.2/w...

Animate.css 作为一款强大的预设css3动画库，很值得我们在项目中引用。但是统一的动画时间不是很好看。 多个动画怎样延迟执行？ /* Animate.css延迟执行和设置重新设置动画时间 */ .animate_delay_0dot1{ /* -webkit-animation-duration: 1s; a...

有的nodejs版本不支持win7，在win7系统中执行npm -v时会有以下提示 This application is only supported on Windows 8.1, Windows Server 2012 R2, or hi gher. 下载v12.16.2及之前的版本即可 https://nodejs.org/d...

bootstrap5 字体大小fs-1到fs-6 css代码 .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { ...

效果： html代码： <div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div> <div class="shadow-sm p-3 mb-5 bg-body rounded">Small ...

bootstrap5 列布局col不够12份，两端对齐 如图： 代码： <div class="container"> <div class="row justify-content-start"> <div class="col-4"> ...

bootstrap5 字体加粗样式.fw-bold  .fw-bolder .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weigh...