【vue前端开发那些事——前言】的更多相关文章

vue前端开发那些事——前言

如上图所示,用vue开发一个小型网站所涉及到的知识点.这只是前端部分已经这么多了.接下来我分解开来说. 1.Node 当我们开发vue项目的时候,首先要安装Node.js,那么我们即使当时不理解为什么,但是项目完成后,应该抽个空,理解下.有两个问题: a.什么是Node? b.Node能做什么? c.它与Vue项目有什么关系? Node是一个服务器端框架,它所使用的语言是前端非常流行的JavaScript,它集成了JavaScript的解释器 chrome v8——chrome浏览器底层使用的引…

vue前端开发那些事——后端接口.net core web api

红花还得绿叶陪衬.vue前端开发离不开数据,这数据正来源于请求web api.为什么采用.net core web api呢?因为考虑到跨平台部署的问题.即使眼下部署到window平台,那以后也可以部署到Linux下. .net core web api与mvc的web api类似.我把遇到的问题归纳下: 1.部署问题 都说.net core web api,后面我简称api.它有两种部署方式,一个是在iis上部署,另外一个是自托管,类似控制台,通过dotnet  run 命令启动的. 1.1…

vue前端开发那些事——vue开发遇到的问题

vue web开发并不是孤立的.它需要众多插件的配合以及其它js框架的支持.本篇想把vue web开发的一些问题,拿出来讨论下.  1.web界面采用哪个UI框架?项目中引用了layui框架.引入框架的好处就是解决界面风格统一的问题,良好的布局(自适应不同的设备),提供了大量基础组件及模块,如form提交.上传.弹出层.我觉得前台框架的引入,解放了美工的一些工作.以前有bootstrap.现在有layui.element ui(基于vue 2.0). <body> <div id=&qu…

vue前端开发那些事——vue组件开发

vue的学习曲线不是很陡(相比其它框架,如anglarjs),官方文档比较全面,分为基础篇和高级篇.我们刚开始学习的时候,肯定像引用jquery那样,先把vue的js引进来,然后学习基础内容.如果仅仅停留在基础内容,没有学习vue组件的话,我觉得也就没有什么意思了.vue的核心思想——组件,是一个很好的东西,它提供了功能复用.  1.单文件组件         所谓单文件组件,顾名思义,一个vue格式的文件就是一个组件.好比python和js的模块,文件即模块.vue组件带有自己的模板,可以理解…

vue前端开发那些事（1）

如上图所示,用vue开发一个小型网站所涉及到的知识点.这只是前端部分已经这么多了.接下来我分解开来说. 1.Node 当我们开发vue项目的时候,首先要安装Node.js,那么我们即使当时不理解为什么,但是项目完成后,应该抽个空,理解下.有两个问题: a.什么是Node? b.Node能做什么? c.它与Vue项目有什么关系? Node是一个服务器端框架,它所使用的语言是前端非常流行的JavaScript,它集成了JavaScript的解释器 chrome v8——chrome浏览器底层使用的引…

Vue前端开发规范（山东数漫江湖）

一.强制 1. 组件名为多个单词 组件名应该始终是多个单词的,根组件 App 除外. 正例: export default { name: 'TodoItem', // ... } 反例: export default { name: 'Todo', // ... } 2. 组件数据 组件的 data 必须是一个函数. 当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方),它的值必须是返回一个对象的函数. 正例: // In a .vue file export defa…

《Vue前端开发手册》

序言 为了统一前端的技术栈问题,技术开发二部规定开发技术必须以Vue为主. 为了更好的规范公司的前端框架,现以我前端架构师为主,编写以下开发规范,如有不当的地方,欢迎批评教育并慢慢改善该开发文档,谢谢合作. 我们在做产品不只是实现功能,还要考虑到以后的优化升级,那么就需要一套标准的代码规范,使得代码易懂,养成代码规范的习惯,有助于程序员自身的成长.那么我们现在就来谈谈,前端代码的规范. 一.编码规范 1.样式文件命名说明 注:[css处理程序统一使用stylus,并放在“src/common/s…

vue前端开发。。。

1. 官网下载 https://nodejs.org/en/ 2. 安装cnpm   在命令行:  npm install -g cnpm --registry=https://registry.npm.taobao.org 3. cnpm install -g vue-cli   或 npm install -g @vue/cli // 安装cli3.x vue --version // 查询版本是否为3.x 4. 在任意文件夹内创建项目工作空间,  vue init webpack my-v…

使用Vue-Cli搭建Ant Design Vue前端开发环境

如果文章有帮助到你,还请点个赞或留下评论 搭建脚手架 环境准备 nodeJS vue-cli 如果没有安装点击此处查看安装方法 进入 vue ui 1.打开终端,输入命令 vue ui 2.选择项目存放位置 /Users/sw-code/Vue,根据自己需求 3.创建新建项目 包管理器默认是npm Git可以勾选,也可以之后再初始化 4.预设,选择手动 5.选择功能,根据自己需求选择 Choose Due version Babel Router Vuex CSS Pre-processors…

Web前端开发推荐书籍

Web前端开发推荐书籍 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 读 书吧~相对于在网上学习,在项目中学习和跟着有经验的同事学习,书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高.而如果深一脚浅一脚的 学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码,这样才能让人放心的把任务交给你.从这个角 度来看,跟着w3school类成体系的网络教程学习也是不错的选择. 学习路线…