【小彬学vue系列专栏】 003 | 要有效率，于是有了导航

2024-07-02 01:13:32

1.不太靠谱的浏览器书签

小彬在开发中一直都需要查阅不同网站的资料，久而久之就会积累一些高频的查阅网站，如果把这些网站网址都存放在Chrome浏览器的书签中，由于”安全上网“，浏览器的书签信息经常不能在多终端很好的同步，那自己保存为笔记吧，感觉又觉得太土不妥，怎么办呢？自己动手丰衣足食，开发一个。小彬准备采用坚果云+vue构建的静态页面形式，实现这个需求。

2.多终端同步利器

坚果云就类似百度云盘，可以多终端同步文件，但没有百度云那么拜金主义，百度云的普通用户和人民币玩家的待遇判若云泥，谁用谁知道。相比而言，坚果云就好太多了，虽然它有收费的服务但免费提供的空间、上传流量和速度已经够用了，小彬在这里也只是借用它同步一个几KB的html文件而已。

3.你的名字？

vue 项目的构建分为三个部分：HTML 部分 + JS 部分 + CSS 部分，在上个「时代」，前端开发是要求将这三个部分拆分成三个文件，并通过在 html 中引入 css 文件和 js 文件来的方式，组织前端开发的。

「话说天下大势，分久必合，合久必分」

前端也逃不过这个「命运」的轮回。vue中文件的组织方式是在一个文件中同时写 html、css、js代码，这个被他们美称为：「单文件」

4.实现小小需求

小彬前端使用 ElementUI 提供的「NavMenu 导航菜单」、「Card卡片」、「Rate评分」这三个组件的组合，配合响应式布局实现需求。简洁、美观，朴素中透露出的专注感正符合小彬的美学。

源码地址

【小彬学vue系列专栏】 003 | 要有效率，于是有了导航相关推荐

【小彬学vue系列专栏】 002 | 一颗树的惆怅
1.发现了什么小彬发现了一个好东西. 这个新鲜玩意就是ElementUI(小彬简称为:EUI) .在小彬理解中 EUI 就是 Bootstrap 外面套了一层 Vue 的壳,这个东西也有另一个名字, ...
【小彬学vue系列专栏】001 | 出发吧，带上背包和Vue
1.是什么 Vue Vue 是什么呢,官方文档上说 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架. 小彬想不明白,一直琢磨着什么是渐进式,结合着自己 " ...
小彬学vue系列专栏】 004 | 构建工具一如你初妆
1.vue-cli你的初妆前段时间,小彬好不容易和小美一起吃饭,饭间小彬听小美说,她最近在使用一个叫 vue-cli 工具的东西在写 vue 项目,觉得挺好用的,于是推荐小彬也试试.小彬当时不知道v ...
java transferto_小六六学Netty系列之Java 零拷贝
前言文本已收录至我的GitHub仓库,欢迎Star:https://github.com/bin392328206/six-finger种一棵树最好的时间是十年前,其次是现在我知道很多人不玩qq了 ...
信号处理趣学D0——系列专栏的说明与目录
信号处理趣学专栏是小虎同学在学习测试技术的时候做的一系列笔记和心得的集合,定位是利用仿真软件(主要是MATLAB)带大家领略信号处理的一些基本概念. 目录信号处理趣学D0--系列专栏的说明与目录信 ...
小师妹学IO系列文章集合-附PDF下载
文章目录第一章 IO的本质 IO的本质 DMA和虚拟地址空间 IO的分类 IO和NIO的区别总结第二章 try with和它的底层原理简介 IO关闭的问题使用try with resourc ...
小陈学vue.js 过滤器
过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持).过滤器应该被添加在 JavaScript 表达式的尾部,由"管道"符号指示: &l ...
小余学调度：调度指令票系列讲解1(持续更新中ing)
小余学调度系列文章,记录小余同学入职电力调度员一路的学习记录,由于工作性质,在这个系列,只写能公开的知识点,不涉及机密.图中所有数据和图要么是网图,要么做了脱敏处理.不涉及机密. 提示:专栏解锁后,可 ...
小余学调度：学习记录（2022.4）
系列文章目录小余学调度系列文章,记录小余同学入职电力调度员一路的学习记录,由于工作性质,在这个系列,只写能公开的知识点,不涉及机密. 提示:专栏解锁后,可以查看该专栏所有文章文章目录系列文章目录 ...

最新文章

热门文章