Vue从弃坑到抗战
前端小讴
爱吉他爱户外爱篮球更爱写代码,努力为了更好的生活。大家可添加我微信(powerful_simon),互相交流互相学习,一起弹琴唱歌打球爬山。同时还望前辈们多多指点,多多帮忙内推~
展开
-
实战:vue仿dos命令界面
欢迎关注[前端小讴的github][1],阅读更多原创技术文章业务需求vue项目中弹出窗口,在窗口中执行dos命令技术栈vue + nodejs(child_process+koa)child_process是nodejs的子进程模块,child_process.exec可创建shell,然后在shell里执行命令。然而,child_process并不在webpack打包中,页面中打印child_process是一个不包含任何方法的空对象{},因此需要用nodejs做服务端完成效果服.原创 2021-03-09 16:29:26 · 1767 阅读 · 0 评论 -
解决 mpvue 经典 bug:同路由切换时,上次的数据会保留
关注前端小讴,阅读更多原创技术文章由于一直在用vue技术栈,因此初次开发小程序尝试使用【mpvue】。尽管听闻框架已停止维护,为了上手迅速,不顾可能存在的众多bug,毅然用起来。果不其然,一个大bug出现了:[同一路由切换时,上一次的页面数据会保留]项目实战bug:mpvue重构cnode社区github用户已在mpvue的issues给出相关原因:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gAyaUmec-1596778852857)(/img/bVbK.原创 2020-08-07 13:43:03 · 606 阅读 · 0 评论 -
手摸手,封装一个vue分页组件
关注前端小讴,阅读更多原创技术文章【组件化】是每一个前端工程师的必备技能,诚然我们将element、iview、vant等UI组件库运用得娴熟自如,实际开发中还是经常需要封装更适合的业务组件,既帮助快速开发、又让代码简洁明了、还能锻炼我们的组件化能力。梳理思路以node.js官网的分页组件为例,假设我们要实现下面这样的分页:从产品角度梳理思路后,要实现的分页组件有以下特点:1.当前页页码颜色变化2.最多显示5个页码,不足5个显示实际数量3.总页数超过5个时:总页码-当前页>2,则末.原创 2020-07-30 14:10:08 · 324 阅读 · 0 评论 -
解决 vue 开发环境中一直发http://localhost:8080/sockjs-node/info?t=xxx 请求
欢迎关注[前端小讴的github],阅读更多原创技术文章sockjs-node 是一个JavaScript库,提供跨浏览器JavaScript的API,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端:sockjs-node(https://github.com/sockjs/soc…)客户端:sockjs-client(https://github.com/sockj...原创 2020-04-17 15:33:40 · 14232 阅读 · 10 评论 -
vue从弃坑到抗战——动手搭建本地环境
常言道:人在江湖,身不由己。公司决定用vue做前后端分离项目,定睛一想:确也是当今大走向。。。1.安装Node原创 2018-06-04 17:16:23 · 349 阅读 · 0 评论 -
.finally is not a function —— 解决低版本浏览器axios不支持finally
框架项目用axios调用接口时,我们常用:接口名().then(result=>{ do sth...}).catch(()=>{ do sth...}).finally(()=>{ do sth...})却会遇到这个问题:fName(...).then(...).catch(...).finally is not a function造成此问题...原创 2018-07-06 14:24:15 · 6816 阅读 · 3 评论 -
vue项目如何监听窗口变化,达到页面自适应?
【自适应】向来是前端工程师需要解决的一大问题——即便作为当今非常火热的vue框架,也无法摆脱——虽然elementui、iview等开源UI组件库层出不穷,但官方库毕竟不可能满足全部需求,因此我们可以通过【监听窗口变化】达到想要的绝大部分自适应效果。获取窗口宽度:document.body.clientWidth监听窗口变化:window.onresize同时回顾一下JS里这些方法...原创 2018-09-25 16:14:45 · 5026 阅读 · 2 评论 -
vue项目如何做到每30秒刷新1次接口?
在vue.js项目中,经常需要对数据实时更新——每隔xx秒需要刷新一次接口——即需要用到定时器相关原理 我们先看一看2种常用定时器:setInterval(function(){}, milliseconds)——会不停的调用函数setTimeout(function(){}, milliseconds)——只执行函数一次 乍看之下,setInterval会符合我们的业务需...原创 2018-12-04 11:07:04 · 10056 阅读 · 5 评论