首先，来看下效果图（演示一下图片正常加载与加载失败时的效果） 效果图.gif 在线体验地址：https://hxkj.vip/demo/vueImgOnerror/ 一、常规方法解决 我们都知道，img标签支持onerror事件，在装载文档 ...

本篇文章前端项目以vue为例（其实前端工程化项目的操作方法都相同），部署在Linux系统上（centos）。 之前做前端项目的部署，一直都是手动运行打包命令，打包完。再使用FTP、Xshell等这类的工具上传到服务器。这种方式不仅效率不高 ...

前言 大家都知道，后台管理界面不需要很酷炫的动画效果，也不需要花里胡哨的界面布局，只需要简洁易用、清爽明了的界面以便于管理数据。而现在普遍的后台管理系统的界面布局都差不多，上中下结构，然后左边是导航栏。随便贴两个Bootstrap的主题模板 ...

刚学web开发的时候，网页上的图标都是用标签引入一张小图片来实现的，这样的好处是简单、易上手。但是渐渐地，开始注重页面细节和用户体验，就会发现这种方式存在一些弊端：随着页面放大，图片会出现锯齿和马赛克，不能一直保持清 ...

什么是sticky footer布局？ 一般指手机页面中，当内容高度撑不满一屏时，页脚紧贴屏幕底部；当内容高度超过一屏时，页脚紧随其后。 方法一：flex弹性盒子布局 父容器container的display为flex，并规定项目排列顺序是 ...

工作那么累，先听我讲个故事： 小李是一名资深程序员，经过多年的磨练已练就了一身扎实的技能，活泼开朗的他不想一直跟冷冰冰的电脑打交道，想从事一些人情味更浓的职业，所以转行去某团送外卖，毕竟这样跟客户接触的机会多多了（我瞎说的）。 一天，小李接 ...

晚上看张鑫旭老师的一篇文章，发现[].splice.call()这样的用法，很感兴趣，因为昨天刚写完一篇关于call方法的博客《一文读懂js中的call和apply》(以下简称“《call》”)，想一探究竟，也正好加深对call的理解。 基 ...

昨晚刷抖音，跳出的第一条是李永乐老师（清华大学2009届毕业生，现就职于北京人大附中）讲诉他为什么要当中学老师的视频，看完后被他圈粉了，就进入主页一直刷他的其他作品，其中一条就是《轻松Get辗转相除法求最大公约数》，哇！有意思，打开电脑，试 ...

今天针对vue-router官网进阶部分的知识点进行了检漏学习，里面有一些是之前不了解的（竟然还可以这么玩？），也有一些知识虽然之前了解，但是发现官网提供的例子真香，书写方式很高雅，所以记录一下。 一、导航守卫 二、路由元信息 三、基于路由 ...

web开发中经常会做滚动监听，比如商品分类功能：左右两列，左侧类目，右侧商品，需要监听右测商品列表的滚动，滚到哪个类目区间，左侧就点亮哪个类目标签。如果在滚动的过程中一直监听而不做性能优化的话，浏览器是很容易卡死的。下面提供两种优化性能的方 ...