JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。近年来发展非常迅速，标准也在不断完善已经达到ES6时代。
Vue.js 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是 Vue 被设计为可以自底向上逐层应用。
在Vue中我们可以使用插值来展示数据，插值的普通函数，只要页面一刷新，函数就会重新运算，不管和函数有关没关的值都会变，函数也会重新计算，导致运行效率降低；
通过前面的介绍，我们对目前的项目工程化有了大体了了解，那么其中，在第二阶段的工程化演进中，有一个重要的工程设计理念诞生，他就是著名的 MVC 设计模式，简单点，MVC 其实就是为了项目工程化的一种分工模式；
做一名在校大学生，我的梦想是做一名独立的开发者，具备全栈思维额能力的一名开发者，我的技术栈是 SpringBoot + Vue 学习记录来自
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。
在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！
今年我一直在写一本新书叫全栈Vue网站开发：Vue.js，Vuex和Laravel。它会在Packt出版社在2018年初出版。
在前一篇博客《C#开发BIMFACE系列50 Web网页中使用jQuery加载模型与图纸》中详细介绍了在网页中使用jQuery加载模型与图纸
最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。
vue的介绍 vue官网说：Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。 vue的优点 1.易用 已经会了 HTML、CSS、JavaScript？即刻阅读指南开始构建应用！ 2.灵活 不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。 3.高效 20kB min+gzip 运行大小 超快虚拟 DOM 最省心的优化 虚拟的DOM的核心思想是：对复杂的文档D
传统开发模式: JQuery+RequireJS/SeaJS+artTemplate+Gulp/Grunt
初入软件开发这一行时，当时还没有前后端分离这个概念，所有的开发工程师既能写html，也能写后台服务，随着技术的发展，前后端分离成为趋势，目前团队不少人能熟悉的写java后台服务，却难以hold住前端页面的开发，前端页面开发成为瓶颈。针对这个情况，筹划了一个前端培训专题，让后端的同事可以通过学习快速掌握前端开发技能。 愿景 培养全栈工程师，前后端均可以Hold住 前端技能梳理 我们把前端同事做的事情简单的梳理下，大概可以分为： 效果图 -> HTML还原 将UED设计的效果图还原为页面，这个也是以前狭义的UI
在文章《Vue组件开发三板斧：prop、event、slot》中聊了常用的组件开发常用API和一些采坑心得，这里，再说说一些可能不太常用的高级玩法，可参考https://cn.vuejs.org/v2/api/。
我想告诉你，我开始享受使用Vue.js和进行前端开发的故事。这不应该被理解为一篇关于为什么Vue.js可能比React，Angular或任何你正在考虑的其他Web框架更好的文章。Vuejs是令人惊叹的，但我们生活在一个作为前端开发人员同样令人惊叹的时代。
ajax其实就是jQuery中的一个函数而已，它依赖于http协议，默认支持异步传输数据和局部刷新。此处的异步指的是ajax可以在发送数据的时候同时接收数据。它用来做数据交互。需要注意的是：ajax是不和数据库连接的，因为不同语言所基于的协议不同。它和数据库之间通过后端程序员写的应用程序所连接，应用程序提供接口，ajax请求数据接口，通过数据接口向数据库请求数据。
后端路由：就是平时用户发送URL请求 服务器拦截 根据不同的URL的请求 服务器返回不同的页面
近年来前端开发趋势 1.旧浏览器逐渐淘汰，移动端需求增加: 旧浏览器主要指的是IE6-IE8，它是不支持ES5特性的；IE9+、chrome、sarafi、firefox对ES5是完全支持的，移动端大
前言 随着公有云产品的快速发展，产品线越来越多，功能越来越丰富。但在业务发展的同时，原有的前后端一体的开发模式与架构已经呈现出捉襟见肘的状况。为了能够更好地服务客户，提高产品交付效率，公有云产品组进行了前后端分离工作的探索与实践。在过去的几个月，已经成功实现多个产品的前后端分离交付，一方面提高了产品开发效率，另一方面，也更加明确了前后端开发工程师的职责，使得前后端开发工程师能够更专注于自身领域的技能提升。在本文中，我们主要介绍为什么要做前后端分离以及如何做前后端分离，具体的技术实践我们将在下一篇中介绍。
https://github.com/vuejs/vue-devtools#vue-devtools
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
Vue.js的作者为Evan You（尤雨溪），曾任职于Google Creative Lab，虽然是Vue是一个个人项目，但在发展前景上个人认为绝不输于Google的AngularJs，下面我会将Vue与Angular（Angular 1.0+版本）做一些简单的比较。
1. Nuxt.js 概述 1.1 我们一起做过的SPA SPA（single page web application）单页 Web 应用，Web 不再是一张张页面，而是一个整体的应用，一个由路由系统、数据系统、页面（组件）系统等等，组成的应用程序。 我们之前学习的Vue就是SPA中的佼佼者。 SPA 应用广泛用于对SEO要求不高的场景中 1.2 什么是SEO SEO：搜索引擎优化（Search Engine Optimization）, 通过各种技术（手段）来确保，我们的Web内容被搜索引擎
Vue.js是前端三大新框架：Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增。
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
一、Vue 的基本认识 20201225195043.png 官网： 英文官网: https://vuejs.org/ 中文官网: https://cn.vuejs.org/ 1、Vue 的特点 遵循MVVM 模式 编码简洁，体积小，运行效率高，适合移动/ PC 端开发 它本身只关注 UI， 可以轻松的引入 vue 插件或其他的第三库开发项目 二、Vue 的基本使用 永远的 HelloWord 编码： <input type="text" v-model="username02
近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
JavaScript最初是为Web应用程序创建的。但是随着前端技术的发展，大多数开发人员更喜欢使用基于JavaScript的框架。它简化了你的代码以及使你能完成更多全栈工作，您几乎可以在任何框架中使用JavaScript。
delegate 事件委托，子级不方便做，委托给父级做，既能给已有的绑定事件，又能给未来元素绑定。
ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。
对于前端同学来说，请求后端接口是一个非常通用的东西。在十几年前的时候，我们还用 Ajax 去请求后端接口。但在 2023 年的今天，很多框架都很成熟了，我们有了更加快捷的方式 —— Axios 框架。
官网文档：https://cn.vuejs.org/v2/guide/forms.html#%E5%9F%BA%E7%A1%80%E7%94%A8%E6%B3%95
Axios是一个开源的可以用在浏览器端和NodeJs的异步通信框架，她的主要作用就是实现AJAX异步通信，其功能特点如下：
如果要导入一个没有名称的 export，可以使用 import 语句，但是可以省略导入的变量名。
就是以一个特定模块来组织管理这些全局量，需要引用的地方导入该模块便好。 全局变量专用模块 Global.vue
答：Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。 它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 标签引入。
Cropping Images In The Browser With Vue.js
1 .v-text:更新元素的 textContent 2 .v-html:更新元素的 innerHTML 3 .v-if:如果为 true,当前标签才会输出到页面 4 .v-else:如果为 false,当前标签才会输出到页面 5 .v-show:通过控制 display 样式来控制显示/隐藏 6 .v-for:遍历数组/对象 7 .v-on:绑定事件监听,一般简写为@ 8 .v-bind:绑定解析表达式,可以省略 v-bind 9 .v-model:双向数据绑定 10 .v-cloak:防止闪现,与 css 配合:[v-cloak]{display:none}
一、递归组件 组件在它的模板内可以递归地调用自己， 只要给组件设置name 的选项就可以了。 示例如下： <my-component19 :count="1"></my-component19> Vue.component('my-component19',{ name: 'my-component19', //其实当你利用 Vue.component 全局注册了一个组件，全局的ID会被自动设置
通过URLSearchParams传递参数(application/x-www-form-urlencoded)
我们可以在 Vue.js 的官网上直接下载最新版本, 并用 <script> 标签引入。
vue.js中created方法是一个生命周期钩子函数，一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。
Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，她的主要作用就是实现 AJAX 异步通信，其功能特点如下：
以前很少关注这方面的问题，直达我们的技术经理找我们说要换框架，为什么换框架呢，因为缓存的问题，原来的项目是用版本号作为刷新的依据的。因为微信 公众号上有这样一个机制，使用版本好的话，有时做不到及时刷新，所以就用了vue.js,因为它有这样的功能就是如果某个文件里面的数据改变了，那么vue.js就会把这个文件的名字也相应的改掉，所以缓存里面的东西 就用不了了，这样就做到了及时刷新，向后台请求数据。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
