安装环境 安装vue-cli 脚手架 1. 安装nodejs环境 下载地址: (nodejs)[https://nodejs.org/zh-cn/download/] 安装(略) 2. 安装vue-cli系列工具 npm install -g @vue/cli npm install -g @vue/cli-service-global 3. vue create hello-world // 用vue 初始化hello-world 项目 3.1 vue create hello-world 3…

松哥的书里边,其实有涉及到 Vue,但是并没有详细说过,原因很简单,Vue 的资料都是中文的,把 Vue.js 官网的资料从头到尾浏览一遍该懂的基本就懂了,个人感觉这个是最好的 Vue.js 学习资料 ,因此在我的书里边就没有多说.但是最近总结小伙伴遇到的问题,感觉很多人对前后端分离开发还是两眼一抹黑,所以今天松哥想和大家聊一下前后端分离以及 Vue.js 的一点事,算是一个简单的入门科普吧. 前后端不分 后端模板:Jsp.FreeMarker.Velocity 前端模板:Thymeleaf 前…

学习JS也有一段时间了,准备试着写一个博客项目,前后端分离开发,后端用node只提供数据接口,前端用vue-cli脚手架搭建,路由也由前端控制,数据异步交互用vue的一个插件vue-resourse来做,数据库用mongodb.总的来说就是 node + vue + mongodb开发博客系统,探索前端走向全栈之路. 我会记录下来整个过程在我的专栏,有兴趣的可以关注一下,一起学习,欢迎讨论. 话不多说,先进行前后端项目的初始化. 前端项目初始化 命令行输入命令 cd your_project /…

写给后端的前端笔记:浮动(float)布局 这篇文章主要面向后端人员,对前端有深刻了解的各位不喜勿喷. 起因 前一阵子我一个后端的伙伴问我,"前端的左飘怎么做?",我立马就懵了,"居然有这种操作?",过去看了一眼,大概知道他说的左飘就是左浮动float: left 这么看来,后端的同僚对前端css布局的了解基本处于小白阶段. 于是就有了这篇文章. 浮动 我们可以这样理解浮动,图中有页面,div1,div2,div3,div4. <div id="di…

写给后端的前端笔记:定位(position) 既然都写了一篇浮动布局,干脆把定位(position)也写了,这样后端基本上能学会css布局了. 类别 我们所说的定位position主要有三类:固定定位fixed,相对定位relative,绝对定位absolute.它们都有相同的四个属性:top,bottom,left,right 区别 主要在于他们的参照物不一样 <div class="block" id="div1">固定定位bottom: 40px;…

无论是前端还是后端同学,一些常用的linux命令还是必须要掌握的.发布版本.查看日志等等都会用到.以下是我简单的总结了一些简单又常用的命令,欢迎大家补充.希望能帮助到大家 本文首发于公众号 程序员共成长 公众号内回复 [礼包] 即可领取优质资源,包括但不限于Java.Python.Linux.数据库.大数据.架构.测试.前端.ui以及各方向电子书 基础篇 1.进入目录 cd 目录名 2.显示当前路径 pwd 3.显示路径下的文件 lsls -a  显示隐藏文件.隐藏文件以 . 开头命名 4.查看…

无论是前端还是后端同学,一些常用的linux命令还是必须要掌握的.发布版本.查看日志等等都会用到.以下是我简单的总结了一些简单又常用的命令,欢迎大家补充.希望能帮助到大家 基础篇 1.进入目录 cd 目录名 2.显示当前路径 pwd 3.显示路径下的文件 ls ls -a 显示隐藏文件.隐藏文件以 . 开头命名 4.查看创建文本 touch abc.txt 查看abc.txt 如果不存在则自动创建 5.创建文件夹 mkdir 文件名 当前目录创建一个文件夹 mkdir -p name1/name…

upload 上传 加token 在 :headers='headers' 注意 不要直接写$refs.upload.headers = {} 这样vue会警告 修改组件内部变量 <Upload :action="$baseUrl + 'API/file/upload'" :show-upload-list="false" :headers='headers' ref='upload' name="file" type="drag…

原文:IdentityServer4-前后端分离之Vue 前言 之前文章讲到如何使用Node.js+Express构建JavaScript客户端,实现前后端分离.本节将介绍如何使用Vue实现前后端分离,文中介绍Vue的知识比较基础,适合新手学习. 一.搭建Vue项目 前提条件:安装nodejs.webpack和vue-cli.这个网上很多教程,这里不多说. (1)新建Vue项目 Cmd进入创建项目的路径,输入:vue init webpack VueJS_Client 新建vuejs_clien…

目录 上节内容回顾 使用第三方组件库 如何发起请求 请求错误处理 请求带参 以get的方式带参: 以post的方式带参: 封装处理 请求的配置 axios实例 实现调用自定义函数来发起请求 抽取axios请求到函数 抽取函数到js文件 抽取axios对象到js文件 响应的数据 拦截器 拦截请求 拦截响应 补充: 首发日期:2019-01-29 作者:http://www.cnblogs.com/progor/ 修改: 2019-02-11:发现发起请求的封装中的export default 写错…