这是我第16篇简书。 整体思路： 性能优化是什么? 从用户角度来看，什么才是好的页面？一个是页面加载的很快，另一个是页面使用起来很流畅。 那么对应到前端开发的角度，性能优化可以对应分为两个方向：页面加载时间跟页面运行效率。 从浏览器打开到页 ...

最近项目在研究代码规范问题，想到了在commit前是否可以统一检查下，于是就打开了git hooks的大门。 首先安装2个包：husky和lint-staged（前提是eslint 已安装配置）。 husky：用于注册git hooks，安 ...

文本标签和em标签用于表示一段内容中的着重点。strong标签用于表示一个内容的重要性。这两个标签可以单独使用，也可以一起使用。警告：任何情况下不要接近僵尸。他们只是看起来< ...

1 JS基本概念 1.1 JS简介 前端三层 - HTML —— 结构层从语义的角度描述页面的结构 - CSS —— 样式层从装饰的角度描述页面的样式 - JavaScript —— 行为层从交互的角度描述页面的行为 JS的组成：ECMAS ...

导读 在vscode环境下实现控制台输出文本，效果如下: image.png 正文 首先进入http://patorjk.com/software/taag/#p=display&f=Alpha&t=Fire 然后Copy生成的文本，在网站 ...

备注：浮动会让元素脱离了文档流，使元素的显示更为灵活，但它也是一把双刃剑，同时会带来其他问题。 1. 浮动的元素会覆盖后面处于文档流中的元素 .box-1{ ...

当我开始学习JavaScript时，我把我在别人的代码、code challenge网站以及我使用的教程之外的任何地方发现的每一个节省时间的技巧都列了一个清单。在这篇文章中，我将分享11条我认为特别有用的技巧。这篇文章是为初学者准备的，但我 ...

1.vue移动端项目中遇到的问题 window.scrollTo(0, 0) //页面切换时强制滚动到顶端 //多个接口报错时，避免报错信息重叠 async fetchData() { this.isAllFetchErro ...

任何项目达到一定规模，往往会带来性能问题，Vue.js 也不例外。本文简单介绍几个小技巧，帮你在一定程度上对项目做性能上的优化。 图片懒加载 如果应用里需要展示大量图片，比如电商网站，通常的做法是懒加载图片。懒加载的基本原理是提前准备好图片 ...

一、结构标记 header 页头文档头 section 页面主体 文档主体 nav导航 aside边栏 article文章 footer底部 其中 header nav footer section用的比较多主要是切分结构方便阅读。 二、标 ...