Jay的博客

基于HTML+CSS+JS 实现贪吃蛇游戏！ 刚开始是学习前端那会，在熟悉 HTML+CSS+JS 后，我开始尝试去做贪吃蛇游戏。没想到在一顿瞎搞后还真搞出来了一个简陋版的贪吃蛇。哈哈！因为这是我刚开始学习前端的时候做的，所以代码有点简陋，甚至可能存在不合理的地方。大家看的时候须得留心。

本资源采集的自1960年到2018年期间，各个国家每一年的GDP数据。并且，每一年的GDP,都做了排序，由高到低。

使用本资源，请结合文章《Vue Webpack 打包优化——路由懒加载（按需加载）原理讲解及使用方法说明》来使用。 文章路径：https://blog.csdn.net/weixin_44869002/article/details/106288371

使用inpu和ul去模拟实现模块以及搜索记录显示下拉框。因为，使用原生的`select`有着诸多不便

CSS Modules 在Vue上运用的Demo。请结合博文来查看。 博文链接：https://blog.csdn.net/weixin_44869002/article/details/105806021

Chrome DevTools（Chrome 开发者工具） 是内嵌在 Chrome 浏览器里的一组用于网页制作和调试的工具。官网还推荐一款叫做 Chrome 金丝雀版本（Chrome Canary）的 Chrome 浏览器，从这里你可以获得最新版本的 DevTools。为什么 Google 称之为金丝雀呢，因为金丝雀早期在矿井中被用来预警，而该版本的 Chrome 一定程度上也能起到该作用。不用担心 Chrome Canary 会覆盖原本的 Chrome，从 Logo 就可以看出这是两个软件。本文的实操性很强，建议大家在阅读时进行尝试，以加深印象。另外，需要注意一下的是，本文不是对 DevTo

本资源时关于CSS 弹性盒子布局 的练习代码，可参考、可二次开发编辑练习。 CSS 弹性盒子布局 是 CSS 的模块之一，定义了一种针对用户界面设计而优化的 CSS 盒子模型。在弹性布局模型中，弹性容器的子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免父元素溢出。子元素的水平对齐和垂直对齐都能很方便的进行操控。