Vue 脚手架 Axios 网络请求模块封装

axios

本文记录 axios 的基本使用和网络请求模块封装写法。在 Vue1.x 的时候,Vue 官方推出了 vue-resource,它的体积相对于 jquery 小了很多,在 Vue2.x 推出后,去掉了 vue-resource,并且 vue 作者尤雨溪推荐使用 axios。

辰风沐阳 阅读 2230 2022-01-18

Vuex 3.x 状态管理模式(使用指南)

vue

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简而言之: Vuex 就是实现多个组件中共享状态的一个插件。

辰风沐阳 阅读 2367 2022-01-14

Vue CLI 2 脚手架 TabBar 组件封装

vue

本文记录在 vue cli 2 中封装 tabbar 组件详细步骤,主要是为了感受 vue 的组件封装思想,也是前面学习 vue 基础的练习案例

辰风沐阳 阅读 1848 2022-01-12

flex 弹性布局常用属性

CSS

flex 是 Flexible Box 的缩写, 意为弹性布局,又称为弹性盒布局、伸缩盒布局。用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为 Flex 布局。通过给父元素添加 flex 属性,来控制子盒子的位置和排列方式

辰风沐阳 阅读 2256 2022-01-11

认识 JavaScript 的闭包

JavaScript

闭包是 JavaScript 中内层函数与其外层函数变量的组合,它能够访问并保存外层函数的作用域。闭包的主要作用是实现数据私有化,允许外部访问函数内部变量,同时避免全局变量污染。典型应用场景包括计数器、防抖节流函数等。虽然闭包可能导致内存泄漏问题,但并非所有闭包都会引发此问题。闭包不一定要有return语句,只有当需要外部访问内部变量时才需返回内层函数。闭包通过将函数与其操作环境关联,为 JavaScript 提供了强大的封装能力。

辰风沐阳 阅读 389 2022-01-10

Vue-Router 3.x 的基本使用

vue

Vue Router 是 Vue.js (opens new window)官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。本文记录路由参数传递、导航守卫、keep-alive 组件的基本使用,是初次学习 vue router 的笔记总结

辰风沐阳 阅读 1913 2022-01-05

webpack 构建脚手架

webpack

本文记录 webpack 的安装和使用,并且使用 webpack 搭建 vue 简易脚手架的过程。通过本文可以对 loader、plugin 有个简单的认识,记录了常用的 loader 和 plugin,可以增强对 vue 脚手架的理解

辰风沐阳 阅读 2074 2022-01-02

Vue 的认识、特点介绍、安装方式

vue

渐进式意味着可以将 Vue 作为应用的一部分嵌入其中。假设一个项目需要重构,有很多页面需要重写,那么此时可以使用 Vue 对某一个页面进行重构,等有时间时再对其他页面进行一点一点重构,那么这个过程可以理解是渐进式的

辰风沐阳 阅读 1744 2021-12-28

ES6 箭头函数 Arrow Function

JavaScript

ES6 新增了一种新的函数: 箭头函数,箭头函数相当于匿名函数,简化了函数定义,将原函数的 function 关键字和函数名都删掉,并使用 => 连接参数和函数体。箭头函数中的 this: 向外层作用域中一层层查找 this,直到有 this 的定义

辰风沐阳 阅读 1827 2021-12-21

node.js 介绍及安装

nodejs

node.js 不是一门新的编程语言,也不是一个 JavaScript 框架,它是一套 JavaScript 运行环境。在 node.js 诞生之前,JavaScript 只能运行在浏览器中,作为网页脚本使用,为网页添加一些特效。node.js 出现后,JavaScript 就可以脱离浏览器,像其他编程语言一样直接在计算机上使用,再也不用受浏览器的限制

辰风沐阳 阅读 1683 2021-12-18