碎碎念
不知不觉又到了年末,这一年又要过完了,算上实习的经历,工作也有两年的时间了,这两年的时间,谈不上自己做的有多出彩,只是这两年的经历,让自己也慢慢的想明白了一些事情,从走出大学校园到进入社会,时间的车轮一直在往前行进,由不得你作出半点停留。
废话有点多,思维有点跳,见谅见谅~~~
在之前的 Vue 学习中,我们在使用 Vue 时,都会创建一个 Vue 的实例,而每个 Vue 实例在被创建时都要经过一系列的初始化过程。例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。在这个过程中,Vue 会运行一些生命周期钩子函数,而我们则可以在钩子函数中编写一些自定义方法,用以在 Vue 的整个生命周期中某些阶段实现我们特殊需求。那么,本章,我们就来了解 Vue 实例的生命周期钩子函数。
系列目录地址:Vue.js 牛刀小试
仓储地址:Chapter01-Rookie Lifecycle Hooks
上周末的时候,准备试试将 ASP.NET Core 的项目部署到 CentOS 服务器上,结果在一个接一个坑里面跳,最后 Supervisor 守护程序还是有问题,于是,采用重装系统大招,结果,碰巧赶上 aspnetcore 的一个 bug(Missing package dotnet-runtime 2.1.6 for CentOS),嗯,最后 dotnet core 环境装不上了,原本打算更新的 .NET Core 文章以及日常的 Vue 学习计划也暂时搁浅了。
在之前的 Vue 的学习中,我们学习了如何使用事件修饰符去处理 DOM 事件,而在某些实际场景中,我们也需要去设定各种按键事件去优化页面的交互,本章,我们来学习下在 Vue 中如何去监听键盘事件。
系列目录地址:Vue.js 牛刀小试
仓储地址:Chapter01-Rookie Keyboard Modifiers
在 Vue 中,我们可以很方便的将数据使用插值表达式( Mustache 语法)的方式渲染到页面元素中,但是插值表达式的设计初衷是用于简单运算,即我们不应该对差值做过多的操作。当我们需要对差值做进一步的处理时,这时,我们就应该使用到 Vue 中的计算属性来完成这一操作。同时,当差值数据变化时执行异步或开销较大的操作时,我们可以通过采用监听器的方式来达到我们的目的。
系列目录地址:Vue.js 牛刀小试
仓储地址:Chapter01-Rookie Computed Properties and Watchers
前端开发中有三大件:HTML、CSS、JavaScript,在前面的学习中,不管是学习 Vue 的指令系统还是 Vue 的事件修饰符,主要还是针对的是我们在前端开发中的 JavaScript 这一块,而在实际的开发中必定会需要涉及到对于页面布局的设计。即使你采用的是使用第三方的 UI 组件,当我们实际开发中时,还是需要自己写一些样式去满足自己的需求,如何实现在 Vue 中对元素设置样式则是本章学习的重点
系列目录地址:Vue.js 牛刀小试
仓储地址:Chapter01-Rookie Style
熟悉了 Vue 的指令系统后,在实际开发中,不可避免的会使用到对于事件的操作,如何处理 DOM 事件流,成为我们必须要掌握的技能。不同于传统的前端开发,在 Vue 中给我们提供了事件修饰符这一利器,使我们可以便捷的处理 DOM 事件,本章,一起来学习如何使用事件修饰符来实现对于 DOM 事件流的操作。
系列目录地址:Vue.js 牛刀小试
仓储地址:Chapter01-Rookie Event Modifiers
在上一章中,我们了解了一些在使用 Vue 进行开发中经常会遇到的基础概念,与传统的前端开发不同,Vue 可以使我们不必再使用 JavaScript 去操作 DOM 元素(还是可以用,但是极度不推荐),而这一优秀特性的核心就是 Vue 的指令系统,本章,一起来学习 Vue 的指令系统。
系列目录地址:Vue.js 牛刀小试
仓储地址:Chapter01-Rookie Directives
Vue、React、Angular,当今前端界的三驾马车,作为传统的后端程序员,前端再也不是我们想的那种切切图就可以了,第一次接触的话,先了解了解一些基础的概念。
系列目录地址:Vue.js 牛刀小试
仓储地址:Chapter01-Rookie Concept
准备写这个系列文章的设想开始于今年9月,毫无意外,期间又又又又拖了很长时间,文章主要是为了记录自己学习使用 ASP.NET Core Web API 与 Vue 创建一个前后端分离的项目的整个过程。嗯,2018年快要结束了,应该能在 .NET Core 3.0 正式版和 Vue 3.0 正式版发布前完成吧。。。
代码仓储地址:https://github.com/Lanesra712/Grapefruit.VuCore
Update your browser to view this website correctly. Update my browser now