摘要: VUE3--自定义指令实现按钮级权限控制(vite2+vue3.2.x) vue除了核心功能默认内置的指令 (例如 v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。 阅读全文
posted @ 2021-09-13 22:12 Elwin0204 阅读(614) 评论(0) 推荐(0) 编辑
摘要: VUE3--实现CountTo数字滚动组件(vite2+vue3.2.x) 基础组件开发是项目业务开发的基石, 本文主要介绍了通过vue3+vite2快速搭建项目, 实现数字滚动组件。 阅读全文
posted @ 2021-09-12 20:36 Elwin0204 阅读(1674) 评论(0) 推荐(0) 编辑
摘要: VUEX模块间如何进行相互调用 Vuex 可以帮助我们管理共享状态,是否选择使用这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。如果你的应用够简单,您最好不要使用 Vuex。一个简单的 store 模式就足够您所需了。但是,如果您需要构建一个中大型单页应用,您很可能会考虑如何更好地在组件外部管理状态,Vuex 将会成为自然而然的选择。 阅读全文
posted @ 2021-09-08 21:56 Elwin0204 阅读(1046) 评论(0) 推荐(0) 编辑
摘要: VUE3的设计目标是什么,做了哪些优化 vue无疑是当下构建单页应用程序最方便快捷的前端框架,因此得以在前端生态社区流行,得到越来越多相关从业人员或者兴趣爱好者的追捧。在vue2.0时代,得益于组件化和数据驱动的思想,简单小巧的核心,渐进式技术栈,足以应付大多数的应用场景。但vue2.0的设计仍然存在很多不足,使得推出vue3.0势在必行,vue3.0使得应用更小更快更易维护,是未来前端生态发展的趋势。 阅读全文
posted @ 2021-09-07 20:46 Elwin0204 阅读(407) 评论(0) 推荐(0) 编辑
摘要: VUE2--从零实现服务端渲染(模拟vue-cli初始化项目的目录结构) Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。在服务端渲染模板字符串的这一过程即为SSR。 阅读全文
posted @ 2021-09-05 21:20 Elwin0204 阅读(134) 评论(0) 推荐(0) 编辑
摘要: VUE2--从零实现服务端渲染(SSR) Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。在服务端渲染模板字符串的这一过程即为SSR。 阅读全文
posted @ 2021-09-05 19:00 Elwin0204 阅读(1027) 评论(0) 推荐(1) 编辑
摘要: 深入了解CommonJS, AMD, CMD, UMD,  ES6 Module的前世今生 JS模块化不是一蹴而就的,而是经历了长长的历史变迁。了解JS模块化思想的诞生与变迁历程是深入理解现代前端项目工程化的基础,只有在了解历史的基础上,我们才能更好地展望未来。相信你和我一样,已经迫不及待要了解这段神秘的发展史了,让我们一起开始这段神奇的旅程。 阅读全文
posted @ 2021-08-22 22:19 Elwin0204 阅读(144) 评论(0) 推荐(0) 编辑
摘要: VUE3--实现图片滑动验证功能(vite2+vue3.2) 滑动验证是多种登录验证方式中相对操作比较便捷的一种方式,本文基于vite2+vue3.2环境实现了滑动验证码,使用了script setup这种语法糖方式开发组件功能,这样使得Composition API使用更加便捷高效,得心应手。 阅读全文
posted @ 2021-08-19 20:58 Elwin0204 阅读(2139) 评论(2) 推荐(1) 编辑
摘要: 深入理解setTimeout()和setInterval()函数 本文介绍了“调度执行”这个概念,涉及了setTImeout()和setInterval()两个函数。它们不是Javascript规范的一部分,但是大多数环境有内部调度并提供了这些方法。并且所有浏览器和Node.Js都提供了相应的支持。 阅读全文
posted @ 2021-08-15 20:12 Elwin0204 阅读(289) 评论(0) 推荐(1) 编辑
摘要: VUE2--封装loading组件 由于在某些场景下请求数据不能立即返回,因此需要等待数据的返回才能渲染数据到页面,在等待数据返回的这段时间内就需要一个正在加载中的等待动画表示数据正在请求中。本文介绍了如何封装一个loading组件(基于vue2) 阅读全文
posted @ 2021-08-13 22:41 Elwin0204 阅读(595) 评论(0) 推荐(0) 编辑