001StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发(5)之axios网络请求封装
安装axios axios是一个基于Promise用于浏览器和Node.js的HTTP客户端，我们后续需要用来发送HTTP请求，先来记录一下axios的安装和使用。 安装命令 yarn add axios 写代码 修改一下src/views/Home.vue 首先布局改一下 template div class=page h2Home Page/h2 el-alert
STARBLOG / 技术与日常的文字存档
StarBlog前端开发-Vue
写下实践中的发现，也留住那些值得回看的想法。
12篇文字 · 持续记录中
12 篇
编号 / 主题 / 日期标题内容提要↗
002StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发(4)之FontAwesome图标
在现代前端开发中，图标已成为构建用户友好界面的重要元素。Font Awesome 是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，Font Awesome 都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。
003StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发(3)之SASS与SCSS
前言 本项目需要使用SCSS来编写页面样式。 这里的SASS，是指名为SASS的css预处理器 然后SCSS是一种 CSS-like 语法 对于初学者，SCSS 是完全和 CSS 兼容的，这意味着几乎为零的学习曲线。SCSS语法即是：它只是加了一些功能的 CSS。当你和没经验的开发者一起工作时这很重要：他们可以很快开始编码而不需要首先去学习Sass。 此外，SCSS 还是 易于阅读 的，因为它是有
004StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发(2)之页面路由
前言 Vue.js使用虚拟DOM处理单页面，然后使用Webpack打包。通过第5章的示例，读者也许已经发现，无论语法和写法如何不同，Vue.js程序打包后都是一个单一的HTML文件，同时会引入一个标准的JavaScript文件。 Vue.js中编写的所有代码都被Webpack自动打包成可以被浏览器解析的HTML和JavaScript代码，并且项目本身就只有一个页面。这意味着所有的用户对服务器发出进
005StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发(1)准备篇
环境准备 NodeJs 首先需要安装NodeJs 下载地址：http://nodejs.cn/download/ 安装前端工具链 国内使用NPM需要设置国内镜像才能正常安装，之前常用的淘宝镜像说是要停止解析了，可以用这个npmmirror 中国镜像，命令如下： npm config set registry https://registry.npmmirror.com npmmirror 中国镜像
006StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发之导航守卫
路由对象router给我们提供了beforeEach方法，可以在每次路由之前进行一些相关处理，也叫导航守卫，我们这里就通过导航守卫实现一些类似身份认证的辅助功能。 修改router/index.js文件，添加导航守卫，在每次路由时判断用户会话是否过期。如果登录有效且跳转的是登录界面，就直接路由到主页；如果是非登录页面且会话过期，就跳到登录页面要求登录。 代码如下 router.beforeEach
007StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发(8)之vuex与状态管理
状态管理 在很多应用场景下，我们需要在组件之间共享状态，比如我们的左侧导航栏需要收缩和展开的功能，收缩状态时宽度很小，只显示菜单图标，因为导航菜单栏收缩之后宽度变了，所以右侧的主内容区域要占用导航栏收缩的空间，主内容区域宽度也要根据导航栏的收缩状态做变更，而导航栏和主内容区域是两个不同的组件，而非父子组件之间不支持状态传递，所以组件之间的状态共享问题发生了。 之前我写flutter的时候，响应式设
008StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发(7)之主页面
界面设计 按照ElementUI提供的布局来 左边是导航栏，右边上方是标签页，然后是主内容区 如图 二级类目 开始写代码 主页面的内容已经比较复杂了，全部写在一个文件内不现实 我们来分解一下 根据这个布局，页面可以分为头部、主体、左侧导航栏三部分 所以我来新建三个vue页面 HeaderBar.vue Navbar.vue MainContent.vue 完成之后目录结构如下 views ├──
009StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发(6)之登录页面
前言 前端开发的准备工作在前面已经完成了，接下来就要开启写页面（Copy/Paste）操作了~ 用ElementUI写页面很简单，对照着官网文档代码一顿复制粘贴就完事了。 写代码 没啥好说的，直接代码 布局 template el-form :model=loginForm :rules=fieldRules ref=loginForm label-position=left label-wi
010StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发之文件上传
参考资料 前端通过axios和FormData实现文件上传功能遇到的坑：https://segmentfault.com/a/1190000016927601 Element el-upload上传组件详解：https://segmentfault.com/a/1190000013796215
011StarBlog前端开发-Vue
StarBlog博客开发笔记：前端开发之瀑布流图片列表
用到的组件：vue-waterfall 项目地址：https://github.com/MopTym/vue-waterfall 参考资料 Vue<瀑布流加载效果>：https://www.jianshu.com/p/97b89597ab5c
012StarBlog前端开发-Vue
StarBlog博客开发笔记：前端相关
markdown编辑器 v-md-editor，http://ckang1229.gitee.io/vue-markdown-editor/zh/ 在我的项目里最大化有问题，后面我自己搭配vuex实现了 优点是界面比较好，TOC可以放在左边 其他尝试 vue-element-admin整合的markdown编辑器：https://panjiachen.github.io/vue-element-a