前言公司的项目需要做seo，经过翻阅nuxt文档 、相关资料及自己实战后，特意整理分享这篇文章，方便入坑的同学脱坑，同时自己也做下笔记，如有说错的地方，还望指点。没有了解过seo和ssr服务器渲染的同学，建 ...

网站性能优化可以从下面总结点入手。 1. 减少HTTP请求 使用雪碧图 - CSS Sprites，把多个图片合并到一个单独的图片中，利用CSS -background-position调整图片显示位置。这种方式适用面比较广泛。 缺点是，如 ...

当我们打开网站时也许不会去留意网站前面的HTTP是怎么来的。但是它毫无疑问在网络中有着举足轻重的地位。本文从起源到发展，详说HTTP从1到3的演变。 说在前面 本文不致力于讲完 HTTP 的全部内容，事实上短短的篇幅也不可能讲完。本文也无 ...

学习JSX,先了解一下createElement 提到JSX,不可避免的就要提到createElement,当你看完本节，你会发现，奇怪的知识又增多了。ok，我们接着上一部分继续讲。这一次的准备工作是了解createElement。 从Vu ...

是时候使用JSX代替createElement了 接着上面的讲，当我们看到上面用createElement去实现组件，太麻烦了，别说工作效率提高了，就是那些嵌套可以嵌套正确就很赞了，所以我们需要用JSX去简化整个逻辑。当年我做项目的时候就遇 ...

最近在教我老婆学习前端，她说想要学习前端，自己在家赚点外快，自己赚点家用。我也拗不过她，而且其实我也挺佩服的。所以就教她了。最近我想考一考她对css中伪类的了解，所以就问了她了解css多少个伪类，伪类是什么？她说css 伪类是用于向某些选择 ...

今天面试了一个前端实习生，我问了一个比较简单的问题，就是css如何实现元素垂直居中的问题，但是要说出多种方案。其实他说的不错，基本上说到了flex布局，grid布局等下面提到的布局。还不错，但是这几种都是已经经常用的，老生常谈，但是我想听到 ...

使用echarts画排名信息，可以保证在固定大小的容器中完美展现，不会出现文字和图画越界问题。 效果图： image.png /** * 画占比图 * @param {String} container 容器 ...

在一些柱状图数据比如天气数据、男女比例等信息，在轴线上面加上图片可以更直观的查看数据。 效果图： image.png /** * 画轴线带图片的柱状图 * @param container 容器 * @ ...

原文链接实现了左右，此处就不做代码重复 codepen 中可以发现上面的代码部分可以左右拖动，上下也是可以拖动改变的 image.png 上代码 此处需要注意 codepen有一个 header，我们大概理解高度为 60px 使用了 vue ...