vue.js做前端工程总结

做了一个前后台分离式的前端,因为实验室保密问题,所以特别摘录出一个迷你版本,特点为,可以直接打开浏览器观看,也可以启动自身的浏览器观看.

demo地址为:https://github.com/seeseaseesea/vue-learning

通过以上代码,可以学习如何创建使用.vue文件,以及如何写table,如何使用e-charts,以及使用bootstrap

[工程架构]

工具: npm包管理工具,webpack打包工具

模型:vue MVVM模型

样式:bootstrap布局,vue-strap样式

组件:echarts绘制图表,vue-resource与服务器交互

截长图：snagit

[学习及工具网站]

布局 bootstrap: http://www.runoob.com/bootstrap/bootstrap-tutorial.html

样式 vue-strap: http://yuche.github.io/vue-strap/

图表 echarts: http://echarts.baidu.com/

取色 : http://www.atool.org/colorpicker.php

版本管理 github: http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

编辑器：brackets

安装方法：

sudo apt-add-repository ppa:webupd8team/brackets
sudo apt-get update
sudo apt-get install brackets

服务器：nginx

安装：

apt-get update
apt-get install nginx

配置：在http里面添加：

server {

listen 8001;

server_name localhost;

location / {

root /home/hadoop/Projects/code-clone-frontend-rf;

index index.html;

}

前端想法：http://www.cnblogs.com/linfangshuhellowored/p/5657285.html

一点点感悟:

当自己不懂的时候看网上的资料,发现还是不懂,因为一些细节被隐藏了,本来希望自己做一个完全没有隐藏细节的demo给大家,但是还是不能过如愿,希望每个人都能够不怕难地去摸索,这样跌打滚爬后才会有一些美好的结果.

vue.js做前端工程总结相关推荐

html下拉列表用ul,Vue.js做select下拉列表的实例(ul-li标签仿select标签)
目标:用ul-li标签结合Vue.js知识做一个模仿select标签的下拉选项列表. 知识点: 组件的写法及运用组件之间的数据传递(props的运用) 组件之间的数据传递($emit的运用) 动态数 ...
Vue.js高效前端开发知识 • 【目录】
持续更新中- 章节内容实践练习 Vue.js高效前端开发 • (实践练习) 第1章 Vue.js高效前端开发 • [ 一.初识Vue.js ] 第2章 Vue.js高效前端开发 • [ 二.Vue ...
Vue.js 现代前端开发的利器
Vue.js: 现代前端开发的利器作者:阿发家的阿花引言在当今的前端开发领域,Vue.js已经成为最受欢迎的JavaScript框架之一.它的简洁性.灵活性和强大的功能使其成为许多开发者首选的工 ...
html vue分页,Vue.js bootstrap前端实现分页和排序
写之前先抱怨几句.本来一心一意做.net开发的,渐渐地成了只做前端.最近项目基本都用java做后台,我们这些.net的就成了前端,不是用wpf做界面,就是用html写web页面. 深知自己前端技术不足 ...
维基媒体宣布采用 Vue.js 进行前端开发
责编 | 张红月出品 | CSDN(ID:CSDNnews) 维基媒体工作人员 Volker E. 在官网宣布, Vue.js 被选为维基媒体官方 JavaScript 框架.前端架构评估工作于 2 ...
iview构建基本html页面,使用vue-cli创造基于vue.js的iview工程
1.vue-cli 介绍 vue-cli是一个vue.js提供的脚手架,可以快速构造项目结构. vue-cli本身集成了多种项目模板: 1．simple 很少简单,只有一个html页面 2．webp ...
[Vue.js] 路由 -- 前端路由
路由的基本概念与原理路由本质是对应关系后端路由概念 : 根据不同的用户URL请求,返回不同的内容本质 : URL请求地址与服务器资源之间的对应关系 SPA 后端渲染(存在性能问题) Ajax ...
Vue.js高效前端开发 • 【初识Vue.js】
全部章节 >>>> 文章目录一.Vue概述 1.Web前端框架介绍 2.MVC和MVVM 3.Vue介绍 4.安装Vue 二.Vue使用 1.第一个Vue应用 2.Vue的双 ...
TSINGSEE青犀视频使用Vue.js搭建前端启动后共享屏幕无法获取音视频流问题解决
TSINGSEE青犀视频云边端架构产品的前端搭建大多是通过Vue来完成的,Vue的核心库只关注视图层,非常容易与其它库或已有项目整合,并且有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页 ...

vue.js做前端工程总结

vue.js做前端工程总结相关推荐

最新文章

热门文章