博客文章

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

安装axios axios是一个基于Promise用于浏览器和Node.js的HTTP客户端，我们后续需要用来发送HTTP请求，先来记录一下axios的安装和使用。 安装命令 yarn add axios 写代码 修改一下src/views/Home.vue 首先布局改一下 template div class=page h2Home Page/h2 el-alert

前言 本项目需要使用SCSS来编写页面样式。 这里的SASS，是指名为SASS的css预处理器 然后SCSS是一种 CSS-like 语法 对于初学者，SCSS 是完全和 CSS 兼容的，这意味着几乎为零的学习曲线。SCSS语法即是：它只是加了一些功能的 CSS。当你和没经验的开发者一起工作时这很重要：他们可以很快开始编码而不需要首先去学习Sass。 此外，SCSS 还是 易于阅读 的，因为它是有

前言 Vue.js使用虚拟DOM处理单页面，然后使用Webpack打包。通过第5章的示例，读者也许已经发现，无论语法和写法如何不同，Vue.js程序打包后都是一个单一的HTML文件，同时会引入一个标准的JavaScript文件。 Vue.js中编写的所有代码都被Webpack自动打包成可以被浏览器解析的HTML和JavaScript代码，并且项目本身就只有一个页面。这意味着所有的用户对服务器发出进

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

前言 本文介绍的是AspNetCore的MVC项目，WebApi+独立前端这种前后端分离的项目就不需要多此一举了~默认前端小伙伴是懂得使用前端工具链的。 为啥要用MVC这种服务端渲染技术呢？ 简单项目不需要强行分离增加复杂度（如：我正在开发的博客项目） 后端渲染利于SEO，对博客网站友好 OK，虽然MVC的技术老了点，但依然可以结合现代前端工具链来提高效率 本文的食用需要先安装好Node.js环境