-
Animate.css 动态 CSS
Animate.css
Animate.css 是一个随时可用的跨浏览器动画库,可用于您的 Web 项目。
非常适合强调、主页、滑块和注意力引导提示。
Installation and usage
安装
$ npm install animate.css --save
or
$ yarn add animate.css
or:
import "animate.css"
...
2021-08-29 13:01:55 |
WEB
-
HarmonyOS 鸿蒙操作系统
鸿蒙系统简介
鸿蒙系统(HarmonyOS),是第一款基于微内核的全场景分布式OS,是华为自主研发的操作系统。
2019年8月9日,鸿蒙系统在华为开发者大会 <HDC.2019> 上正式发布,华为会率先部署在智慧屏、车载终端、穿戴等智能终端上,未来会有越来越多的智能设备使用开源的鸿蒙OS。
鸿蒙OS实现模块化耦合,对应不同设备可弹性部署,鸿蒙OS有三层架构,第一层是内核,第...
2021-08-29 13:01:55 |
OS
-
Vuex4-16-TypeScript 支持
TypeScript 支持
Vuex 提供了类型声明,因此可以使用 TypeScript 定义 store,并且不需要任何特殊的 TypeScript 配置。
请遵循 Vue 的基本 TypeScript 配置来配置项目。
但是,如果你使用 TypeScript 来编写 Vue 组件,则需要遵循一些步骤才能正确地为 store 提供类型声明。
Vue 组件中 $store 属性的类型...
2021-08-29 13:01:55 |
VUE
-
Vuex4-15-热重载
热重载
使用 webpack 的 Hot Module Replacement API,Vuex 支持在开发过程中热重载 mutation、module、action 和 getter。
你也可以在 Browserify 中使用 browserify-hmr 插件。
对于 mutation 和模块,你需要使用 store.hotUpdate() 方法:
// store.js
imp...
2021-08-29 13:01:55 |
VUE
-
Vuex4-14-test 测试
我们主要想针对 Vuex 中的 mutation 和 action 进行单元测试。
测试 Mutation
Mutation 很容易被测试,因为它们仅仅是一些完全依赖参数的函数。
这里有一个小技巧,如果你使用了 ES2015 模块,且将 mutation 定义在了 store.js 文件中,那么除了模块的默认导出外,你还应该将 mutation 进行命名导出:
const state...
2021-08-29 13:01:55 |
VUE
-
Vuex4-13-表单模式
表单处理
当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model 会比较棘手:
<input v-model="obj.message">
假设这里的 obj 是在计算属性中返回的一个属于 Vuex store 的对象,在用户输入时,v-model 会试图直接修改 obj.message。
在严格模式中,由于这个修改不是在 mutat...
2021-08-29 13:01:55 |
VUE
-
Vuex4-12-严格模式
严格模式
开启严格模式,仅需在创建 store 的时候传入 strict: true:
const store = createStore({
// ...
strict: true
})
在严格模式下,无论何时发生了状态变更且不是由 mutation 函数引起的,将会抛出错误。
这能保证所有的状态变更都能被调试工具跟踪到。
开发环境与发布环境
不要在发布环境下启用严格...
2021-08-29 13:01:55 |
VUE
-
Vuex4-11-插件
插件
Vuex 的 store 接受 plugins 选项,这个选项暴露出每次 mutation 的钩子。
Vuex 插件就是一个函数,它接收 store 作为唯一参数:
const myPlugin = (store) => {
// 当 store 初始化后调用
store.subscribe((mutation, state) => {
// 每次 m...
2021-08-29 13:01:55 |
VUE