Vuex整洁架构之道

如何保持Vuex架构的整洁和可维护,本文将探讨如何为Vuex创建整洁架构的技巧,这个架构的灵感来自于Vuex官方文档mapActions、mapGetters、mapState学习资料。

使用Composition API在Vue3中创建防抖的搜索输入框

随着Vue3中Composition API的引入,有了编写响应式逻辑的新方法,即ref和reactive方法。在本文中,将展示如何创建一个防抖的ref,该ref将在指定的延迟后才更新值。例如,有一个带有自动完成功能的搜索框,在该字段中搜索查询状态更改后发起API请求,那么防抖的ref就会非常有用。

Vue开发推荐使用的7种模式

老实说,阅读文档并不是我们大多数人都喜欢的东西,而是在使用像Vue这样的现代前端框架时,它的不断发展,每个新版本都会改变很多事情,您可能会错过后来引入的一些新的亮点特征,我们看一下那些有趣但不那么流行的功能,这些功能在vue文档中心查到。

vue拦截器实现http+router双拦截

vue拦截器,主要是针对数据请求进行统一的调度,避免不同请求多个响应方式,以达到在交互上的统一,如统一的错误处理。在vue框架里实现http数据请求主要是通过axios,请求拦截使用interceptors方法。

推荐 3 个 React 动画库

为静态网站添加一些动画效果是一项改善用户体验的有效方式,创建视觉上漂亮的内容时,或者当想要突出一个元素从一种状态到另一种状态的过渡时,以此给用户带来视觉上的震撼,给用户留下印象。当然,并非动画越多越好,要恰到好处。

Vuex基础概念之Mutations

在 Vuex 中 store 数据改变的唯一方法就是提交 mutations。mutations里面装着一些改变数据方法的集合,这是Vuex 设计很重要的一点,就是把处理数据逻辑方法全部放在 mutations 里面,使得数据和视图分离

HTML模板引擎:Jade

最近在项目开发中,除了尝试使用GraphQL搭建后端服务接口,还应用到了jade模板引擎,一种更加高性能简洁易懂的模板引擎。良好的代码组织(变量、函数、引用)、较少的代码是吸引我的两个优势。

【TypeScript系列】认识TypeScript

在最近的项目上,初选了两个体验不错的主题,一个是基于vuejs,一个是Angular+TypeScript。最终由于时间原因选择了基于vuejs的主题。自己还是很想用TypeScript来尝试项目开发。基于以下几点特征:

CSS开发框架compass

最近在学习一个游戏开发框架,除了开发语言是最新的之外,给我的影响比较深的是国外的开发者擅长利用开发工具来提高项目的效率和质量,在这里跟大家介绍一个css开发框架compass。