首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    vuejs、eggjs、mqtt全栈式开发设备管理系统

    (用户申请帮助消息、设备参数告警消息等) 效果图(对一个后端css永远是内伤) 登录页: ?...1、前台应用作为一个mqtt客户端,后台也作为一个客户端,所有的实时设备消息前后端都能接收到,前端负责展现层、后端负责持久层 2、前后端只需监听/devices/#主题即可,所有的设备消息都发送到...、退出之类的消息推送,收到消息直接调用element-ui中的Notification提示即可 5、设备参数实时消息mqtt接收到后存入vuex的state中,各个组件再使用getters监听取值再实时图表展示...关于mqtt实时推送 设备端发送的实时参数消息发送至主题/devices/设备id,消息格式为:参数名1:参数实时值1|参数名2:参数实时值2|参数名3:参数实时值3......后端 后端接口使用restful风格,提供OAuth2授权,基于eggjs、mysql开发: ?

    6.9K70

    面试官:你是怎么处理vue项目中的错误的?

    / handle error // `info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子 // 只在 2.2.0+ 可用 } errorHandler指定组件的渲染和观察期间未捕获错误的处理函数...如果任何被覆盖的钩子或处理函数返回一个 Promise 链 (例如 async 函数),则来自其 Promise 链的错误也会被处理 生命周期钩子 errorCaptured是 2.5.0 新增的一个生命钩子函数,当捕获到一个来自子孙组件的错误时被调用...'undefined') { console.error(err) } else { throw err } } 小结 handleError在需要捕获异常的地方调用...判断环境,选择不同的抛错方式。...非生产环境下,调用warn方法处理错误 参考文献 https://juejin.cn/post/6844904096936230925 https://segmentfault.com/a/1190000018606181

    1.2K20

    一个鲜为人知的高性能组件注册及实现组件排序技巧

    背景 在使用Vue的路途中,你一定知道如何去注册并调用一个组件 通常我们会通过三个步骤来实现调用组件的一整个流程 通过import引入组件 在父组件的组件对象components中将导入的子组件注册...(如果没有,那一定是我的错,文章写的不够清晰)。现在知道了内置组件component以及我们的动态加载,我们完全可以很轻松的实现。...,没有人会知道中间会不会出现什么幺蛾子,为了避免动态导入的组件在未知情况下加载失败,我们可以去做一个异常模板提示。...components/Error")); }); }); }; return item; }); } } 我们将动态导入异常的组件捕获并输出默认模板...,用户体验嘛肯定是你的夙愿 参考: Vue内置组件:https://cn.vuejs.org/v2/api/#component webpack:https://www.webpackjs.com/ Code

    37910

    PHP与500错误

    [php-fpm抓包500] 从上图中可以看出(Nginx+PHP-FPM架构),在PHP调用一个不存在的类时,脚本发生错误并返回500给Nginx(并且将错误信息也做了返回,只不过是卸载STDERR中...)中查询到,而这其中错误级别为E_ERROR、E_PARSE、E_RECOVERABLE_ERROR、E_USER_ERROR以及未捕获的异常等都会导致500错误。...[E_ERROR级别错误导致的500] 0x03、什么情况下错误不会返回500 上面说了,这个是PHP脚本的错误导致的,但是PHP脚本有了错误或异常一定会导致500吗?...[在错误级别不匹配的情况下不显示错误详情] 0x04、现网如何合理处理500 500错误发生已经说明PHP脚本无法正常运行了,这时候能做的只是捕获异常并记录异常到日志,以方便日后的调试和现网bug的处理...由于PHP的错误日志是全局的,而且受到error_reporting的控制,因此推荐在业务中实现自己的错误(异常)捕获记录逻辑。

    7.7K40

    一个鲜为人知的高性能组件注册及实现组件排序技巧

    背景 在使用Vue的路途中,你一定知道如何去注册并调用一个组件 通常我们会通过三个步骤来实现调用组件的一整个流程 通过import引入组件 在父组件的组件对象components中将导入的子组件注册...实现方案2 通过阅读官方文档,我们会发现Vue有提供一个内置组件 component ,渲染一个“元组件”为动态组件。根据 is 的值,来决定哪个组件被渲染。...(如果没有,那一定是我的错,文章写的不够清晰)。现在知道了内置组件component以及我们的动态加载,我们完全可以很轻松的实现。...这样就实现了我们的活动模块的自定义排序了,但是目前我们的模块动态导入是根据后端返回数据来加载的,没有人会知道中间会不会出现什么幺蛾子,为了避免动态导入的组件在未知情况下加载失败,我们可以去做一个异常模板提示...我们将动态导入异常的组件捕获并输出默认模板,用户体验嘛肯定是你的夙愿 参考: Vue内置组件:https://cn.vuejs.org/v2/api/#component webpack:https:/

    29930

    由一次年会系统大战所想到的。。。(1)

    这里追求了时间(只有两周多的开发时间),成本(实际上不应该过分压缩成本),功能(做全所有功能),放低了安全与严密的要求(例如消息传递没有加密,传递的消息没有盖时间戳验证流程,没有完整的会话保持与权限控制等等...划分了下任务,A同学负责签到前端,抽奖前后端,B同学负责节目管理打赏前端,摇一摇前端,C同学负责节目管理打赏前端,红包链接展示前后端,CP签到抽奖,我负责微信签到后端,微信接口调试和弹幕上前前后端。...并且,即使在未关注的情况下,只要用户授权,也能获取其信息),这里我们需要用snsapi_userinfo response_type 只能填写code state 重定向到你的页面时会带上这个state...所以,最后的连接为: https://open.weixin.qq.com/connect/oauth2/authorize?...private int expires_in;//access_token接口调用凭证超时时间,单位(秒)由于access_token拥有较短的有效期,当access_token超时后,可以使用

    57020
    领券