StarBlog前端开发-Vue - 分类

环境准备 NodeJs 首先需要安装NodeJs 下载地址：http://nodejs.cn/download/ 安装前端工具链国内使用NPM需要设置国内镜像才能正常安装，之前常用的淘宝镜像说是要停止解析了，可以用这个npmmirror ...

2022-02-19 1737

前言 Vue.js使用虚拟DOM处理单页面，然后使用Webpack打包。通过第5章的示例，读者也许已经发现，无论语法和写法如何不同，Vue.js程序打包后都是一个单一的HTML文件，同时会引入一个标准的JavaScript文件。 Vue.j...

2022-02-20 1730

前言本项目需要使用SCSS来编写页面样式。这里的SASS，是指名为SASS的css预处理器然后SCSS是一种 CSS-like 语法对于初学者，SCSS 是完全和 CSS 兼容的，这意味着几乎为零的学习曲线。SCSS语法即是：它只是...

2022-02-20 993

在现代前端开发中，图标已成为构建用户友好界面的重要元素。Font Awesome 是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，Font Awesome 都能帮助开发者轻松地为界面增...

2022-02-20 1587

安装axios axios是一个基于Promise用于浏览器和Node.js的HTTP客户端，我们后续需要用来发送HTTP请求，先来记录一下axios的安装和使用。安装命令 yarn add axios 写代码修改一下src/views...

2022-02-20 610

前言前端开发的准备工作在前面已经完成了，接下来就要开启写页面（Copy/Paste）操作了~ 用ElementUI写页面很简单，对照着官网文档代码一顿复制粘贴就完事了。写代码没啥好说的，直接代码布局 template el-fo...

2022-02-20 1697

界面设计按照ElementUI提供的布局来左边是导航栏，右边上方是标签页，然后是主内容区如图二级类目开始写代码主页面的内容已经比较复杂了，全部写在一个文件内不现实我们来分解一下根据这个布局，页面可以分为头部、主体、左侧导航栏...

2022-02-20 1097

状态管理在很多应用场景下，我们需要在组件之间共享状态，比如我们的左侧导航栏需要收缩和展开的功能，收缩状态时宽度很小，只显示菜单图标，因为导航菜单栏收缩之后宽度变了，所以右侧的主内容区域要占用导航栏收缩的空间，主内容区域宽度也要根据导航栏的...

2022-02-20 1345

Blog / StarBlog前端开发-Vue