Vue
-
字节跳动面试官:请说一下vuex工作原理(重点就几行代码而已啦)[亲测有效]
字节跳动面试官:请说一下vuex工作原理(重点就几行代码而已啦)[亲测有效]不知为何掘金的文章最近都流行以 “字节跳动面试官” 作为开头,不蹭一波都不好意思说逛过掘金了。23333 最近是真到了面试的季节,那么就说一下 Vuex 的源码吧。看完你会发现,Vue和Vuex的实现原理主要就那么几行代码。 这里无非就是劫持了对象的get和set方法。在所代理…
-
Vue 3.0 全家桶抢先体验[亲测有效]
Vue 3.0 全家桶抢先体验[亲测有效]完成上述操作后,项目正式升级到 Vue 3.0,注意该插件还能支持 typescript,用 typescript 的同学还得再等等。 Vue 3.0 中初始化状态通过 setup 方法,定义状态需要调用 ref 方法。接下来我们定义一个事件,用来更新 count 状态: 通过…
-
搭建一个vue-cli4+webpack移动端框架(开箱即用)「终于解决」
搭建一个vue-cli4+webpack移动端框架(开箱即用)「终于解决」这是基于 vue-cli4 实现的移动端框架,其中包含项目常用的配置,组件封装及webpack优化方法,可供快速开发使用。 在一两年前,vue-cli3已经声驾到3.0+版本,但是由于旧项目一致习惯于vue-cli2的脚手架的使用,之前也写过一篇 搭建一个vue-cli的移动端…
-
一份超级详细的Vue-cli3.0使用教程[赶紧来试试!][亲测有效]
一份超级详细的Vue-cli3.0使用教程[赶紧来试试!][亲测有效]在vue-cli 2.X的时候,也写过一篇类似的文章,在八月份的时候vue-cli已经更新到了3.X,新版本的脚手架,功能灰常强大,试用过后非常喜欢,写篇教程来帮助各位踩一下坑。 如图所示,服务启动的时候回生成一个node_modules包,稍微测试了一下,服务支持ES6语法和…
-
「Vue实践」武装你的前端项目[亲测有效]
「Vue实践」武装你的前端项目[亲测有效]1. 接口模块处理 这里封装的依据是后台传的JWT,已封装好的请跳过。 这里做的处理分别是会话已失效和登陆超时,具体的需要根据业务来作变更。 最后是导出基础请求类型封装。 其中给get请求加上时间戳参数,避免从缓存中拿数据。 除了基础请求类型,还有很多类似下载、上传这种,需要特…
-
如何充分利用Composition API对Vue3项目进行代码抽离「建议收藏」
如何充分利用Composition API对Vue3项目进行代码抽离「建议收藏」然而,这项目只是实现了一些功能,但我感觉并没有很好地利用Composition API去对代码进行整合管理。要知道,Composition API的出现就是为了解决Options API导致相同功能代码分散的现象,也有很多大佬对其做了很多的动画展示(这里我借用一下大帅搞全栈大佬…
-
用Vue实现一个街机游戏摇杆「终于解决」
用Vue实现一个街机游戏摇杆「终于解决」最早实现这个效果,是2011年用Objective-C在iOS里实现的。原仓库地址:https://code.google.com/archive/p/ccjoystick/downloads 在Vue里实现这个东西没啥用处,毕竟Vue也不是一个游戏框架,但是谁叫Vue这个话题…
-
Vue项目骨架屏注入实践「终于解决」
Vue项目骨架屏注入实践「终于解决」相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代,如今已发展到前后端分离,这种开发方式大大提升了前后端项目的可维护性与开发效率,让前后端工程师关注于自己的主业。然而在带来便利的同时,也带来了一些弊端,比如首屏渲染时间(FCP)因为首屏需要请求更多内容,比原来多了更…
-
吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧《上》「终于解决」
吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧《上》「终于解决」之前使用过 Vue 开发后台、中台项目,也做过移动端 H5,弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来,做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉,好习惯养成之后就没…
-
总结我对Vue项目上线做的一些基本优化「建议收藏」
总结我对Vue项目上线做的一些基本优化「建议收藏」大家好啊,我是wangly19,一名前端摸鱼小能手。最近忙着开源项目的东西,还有公司项目的迭代问题,导致更新文章的频率有点低了。也来聊聊我在干嘛吧。 第一个事情就是比较我的阉割版UI Design,要开始Vue3.0的开发工作,所以近期都在看Vue3.0的东西。 其次就是和UI…
-
mpvue+小程序云开发,纯前端实现婚礼邀请函「建议收藏」
mpvue+小程序云开发,纯前端实现婚礼邀请函「建议收藏」感谢OnceLove提供的思路,借助他的小程序的界面UI风格,自己重新用mpvue实现了属于自己的婚礼邀请函,前前后后花了3天时间。在这之前本人是没想过要自己实现这样一个项目,原因是后台那块是个麻烦事,所以当媳妇让我自己实现这个邀请函的时候,起初我是拒绝的。后面由于快要过年了,…
-
Vue3.0中的reactive[通俗易懂]
Vue3.0中的reactive[通俗易懂]Vue3.0中的reactivereactive是Vue3中提供的实现响应式数据的方法。在Vue2中响应式数据是通过defineProperty来实现的,在Vue3中响应式数据是通过ES6的Proxy来实现的。reactive参数必须是对象(json/arr)如果给reactive传递了其它对象默认情况下,修改对象无法实现界面的数据绑定…
-
$.ajax同步请求,Vue ajax 同步请求「建议收藏」
$.ajax同步请求,Vue ajax 同步请求「建议收藏」asyncsent(num){awaitthis.$get(‘user/checklogin’).then(response=>{//this.$message.warning(num,2);console.log(num)if(response.Code==200){this.Login=true}else{this.Login=false}})},封装的是axios的ge…
-
VUE ajax解决同步请求问题「建议收藏」
VUE ajax解决同步请求问题「建议收藏」由于目前没有发现axios可以同步请求,所以只能使用jQueryvue安装jQuery插件:$npminstalljquery–save在程序中引入$import$from’jquery’;具体代码$.ajax({url:”,//url路径type:’POST’,//GET…
-
扒一扒VueCLI3.0中Axios异步请求同步化[通俗易懂]
扒一扒VueCLI3.0中Axios异步请求同步化[通俗易懂]前台经常会遇到请求同步和异步的问题,今天咱们来聊一聊vue中同步请求和异步请求那些事儿。
-
仿抖音3d立体图片音乐盒用vue、css、js的html制作及代码分析「建议收藏」
仿抖音3d立体图片音乐盒用vue、css、js的html制作及代码分析「建议收藏」1 说明:1.1 拿来即能用,老少男女皆可为,适合为自己或者女朋友或老婆、男朋友或老公,小孩,老人制作有音乐的3d图片展示。1.2 推荐指数:★
-
本周热榜!Vue3搭建低代码数据可视化开发平台
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的GoView 是一个V
-
GoView 开源,一个好用的 Vue3 低代码开发数据大屏系统
GoView是一个低代码数据可视化开发平台,将图表或页面元素封装为基础组件,无需编写代码即可完成业务需求。它的技术栈为:Vue3+TypeScript4+Vite2+NaiveUI+ECharts5+Axios+Pinia2+PlopJS
-
2021年Vue最常见的面试题以及答案(面试必过)
这里写目录标题对MVVM的理解?Vue数据双向绑定原理Vue的响应式原理vue中组件的data为什么是一个函数vue中created与mounted区别Vue中computed与method的区别Vue中watch用法详解Vue中常用的一些指令说说vue的生命周期对MVVM的理解?MVVM由Model、View、ViewModel三部分构成,Model层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View代表UI组件,它负责将数据模型转化成UI展现出来;ViewMode
-
彻底理解vue的钩子函数,vue的生命周期理解,什么是vue的生命周期,钩子函数
官方图(官方的图大家总是理解不了):使用vue框架,需要在合适的时机做合适的事情,了解了vue对象的生命周期和钩子函数,才能知道,哪些事情应该咋哪个函数里做。一、vue的生命周期的理解生命周期用人举例说明:生命周期就是一个人的一生,此处我需要说的没有人情一点(哈哈)。从人的出生,到成长,到工作,到死亡,就是人的一生,也叫一个人的生命周期。2….