2019-07-08

learning

28 分钟读完 (大约 4233 个字)

【Vue 牛刀小试】：第十五章 - 传统开发模式下的 axios 使用入门

前言

        在没有接触 React、Angular、Vue 这类 MVVM 的前端框架之前，无法抛弃 Jquery 的重要理由，除了优秀的前端 DOM 元素操作性以外，能够非常便捷的发起 http 请求也占有非常重要的地位。
        既然我们已经开始使用 Vue 进行前端开发，抛弃了对页面 DOM 元素的操作，难道，为了方便的发起 http 请求，还需要在项目中加载 jquery 或者是手动创建 http 请求吗？
        答案当然是不用的，作为目前主流的前端框架，开发者、社区早已经为我们提供好了解决方案。随着 Vue 作者尤雨溪宣布不再维护 vue-resource，转而推荐大家使用 axios，目前在 Vue 社区中 axios 开始占据 http 库的主导地位，所以这一章我们就介绍下如何使用 axios 发起 http 请求。
        系列目录地址：Vue.js 牛刀小试
        仓储地址（前端）：Chapter02-Bronze Use Axios To Make HTTP Request
        仓储地址（后端）：Chapter02-Bronze ASP.NET Core Sample API

【Vue 牛刀小试】：第十四章 - 编程式导航与实现组件与 Vue Router 之间的解耦

2019-07-02

learning

18 分钟读完 (大约 2762 个字)

【Vue 牛刀小试】：第十四章 - 编程式导航与实现组件与 Vue Router 之间的解耦

前言

        在上一章的学习中，通过举例说明，我们了解了 Vue Router 中命名路由、命名视图的使用方法，以及如何通过 query 查询参数传参，或者是采用 param 传参的方式实现路由间的参数传递。通过学习我们可以发现，在实现路由间的参数传递时，我们将 Vue Router 与我们的组件强耦合在一起，这无疑是不合适的，那么本章我们就来学习，如何实现组件和 Vue Router 之间的解耦。
        系列目录地址：Vue.js 牛刀小试
        仓储地址：Chapter02-Bronze Decouple Component from Router

【Vue 牛刀小试】：第十三章 - Vue Router 基础使用再探（命名路由、命名视图、路由传参）

2019-06-16

learning

21 分钟读完 (大约 3218 个字)

【Vue 牛刀小试】：第十三章 - Vue Router 基础使用再探（命名路由、命名视图、路由传参）

前言

        在上一章的学习中，我们简单介绍了前端路由的概念，以及如何在 Vue 中通过使用 Vue Router 来实现我们的前端路由。但是在实际使用中，我们经常会遇到路由传参、或者一个页面是由多个组件组成的情况。本章，我们就来介绍下在这两种情况下 Vue Router 的使用方法以及一些可能涉及到的概念。
        系列目录地址：Vue.js 牛刀小试
        仓储地址：Chapter02-Bronze Routing Pass in Vue.js

2019-05-31

learning

15 分钟读完 (大约 2228 个字)

构建可读性更高的 ASP.NET Core 路由

前言

        不知你在平时上网时有没有注意到，绝大多数网站的 URL 地址都是小写的英文字母，而我们使用 .NET/.NET Core MVC 开发的项目，因为在 C# 中类和方法名采用的是 Pascal 命名规范，根据 .NET 框架默认的路由规则，项目的 URL 地址会呈现出大小写混合的情况。对于强迫症来说，这种情况绝对不能忍，当然，由于整个项目的 URL 地址大小写混合显示，也无法更清晰的向用户、浏览器表达出当前页面的功能。那么，这篇文章就来介绍下，如何调整我们的 ASP.NET Core 项目的路由规则，从而使我们项目的 URL 地址可读性更高。
        PS：在构建 URL 的过程中，采用大写的地址还是采用小写的地址，每个人都会有自己的想法和这样做的理由，这篇文章不讨论两种方案的优劣，只是提供一种构建小写 URL 地址以及让我们的 URL 可读性更高的解决方案，请友善观看，切勿互怼。
        仓储地址：https://github.com/Lanesra712/ingos-common/tree/master/sample/aspnetcore/aspnetcore-route

【Vue 牛刀小试】：第十二章 - 使用 Vue Router 实现 Vue 中的前端路由控制

2019-05-21

learning

19 分钟读完 (大约 2784 个字)

【Vue 牛刀小试】：第十二章 - 使用 Vue Router 实现 Vue 中的前端路由控制

前言

        前端路由是什么？如果你之前从事的是后端的工作，或者虽然有接触前端，但是并没有使用到单页面应用的话，这个概念对你来说还是会很陌生的。那么，为什么会在单页面应用中存在这么一个概念，以及，前端路由与我们后端的路由有什么异同呢。本章，我们就来简单介绍下前端路由的概念，以及如何在 Vue 中使用 Vue Router 来实现我们的前端路由。
        系列目录地址：Vue.js 牛刀小试
        仓储地址：Chapter02-Bronze Build Router in Vue.js

【Vue 牛刀小试】：第十五章 - 传统开发模式下的 axios 使用入门

前言

【Vue 牛刀小试】：第十四章 - 编程式导航与实现组件与 Vue Router 之间的解耦

前言

【Vue 牛刀小试】：第十三章 - Vue Router 基础使用再探（命名路由、命名视图、路由传参）

前言

构建可读性更高的 ASP.NET Core 路由

前言

【Vue 牛刀小试】：第十二章 - 使用 Vue Router 实现 Vue 中的前端路由控制

前言

标签

码字不易

最新文章

分类

归档

最新文章

分类

归档

Your browser is out-of-date!