04 2019 档案
摘要：一、mixins 传入参数进行配置 最近做报表页面，基本都是列表页面，所以想用mixins。但是接口的url不同，于是考虑怎么才能传入参数去适配各个页面。后来发现mixin文件可以写个函数，接受传递过来的参数，然后return一个对象。大概如下： // mixin.js export default
阅读全文
摘要：本博客主要说下思路，具体代码不贴 1、考虑到组件复用，所以我把它做成一个自定义的组件 可以传图片avater、文字内容knowledges、页面参数scene 2、组件里面首先是得需要一个画布。 画布外可以正常写元素标签，定义样式 3、画布准备好之后，就是需要准备画图的一些资源，比如图片之类的 网络
阅读全文
摘要：主要思路： 1、先分割为字符串数组，然后一个字一个字绘图，利用ctx.measureText(string) 方法，获取绘制后的宽度，判断宽度在多少内就另起一行，再将各行拼成一个字符串 2、计算另起的行总数，比如总共3行，也就是说将原来的一个长字符串按宽度分成了3行，然后循环绘制出这3行字符串即可。
阅读全文
摘要：来自公众号：前端真好玩 Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系，source map 就是起了这个作用。以下是 MDN 对于 source map 的解释： 调试原始源
阅读全文
摘要：建议结合这两篇博客一起看： 浅析如何使用WebSocket、SockJS、STOMP实现消息实时通讯功能：websocket/SocketJS/Stomp是什么及三者的关系、stomp协议格式、如何开启stomp、如何处理客服端发送的stomp、如何发消息给客服端、如何在任何地方发消息、如何给目标或
阅读全文
摘要：一、CSS实现16:9等比例盒子 问题：图片的宽度100%，高度要始终自适应为16:9 解决方案： 1、通过js程序算出绝对高度再进行设置。这是解决问题最容易想到的方法 2、但是，我们的原则是能用css实现的功能尽量用css，这有利于后期项目的维护。css同样可以实现这个问题，我们可以利用边距的百分
阅读全文
摘要：基于webSocket通信的库主要有 socket.io，SockJS，这次用的是 SockJS。 这里我们使用sockjs-client、stomjs这两个模块，要实现webSocket通信，需要后台配合，也使用相应的模块。 一、sockjs-client sockjs-client是从SockJ
阅读全文
摘要：vue 数据更新了，但是页面元素不更新，是我们开发过程中经常会遇到的场景，这里总结以下 7 种情况： 1、Vue 无法检测实例被创建时，不存在于 data 中的 property 原因：由于 Vue 会在初始化实例时，对 property 执行 getter/setter 转化，所以 propert
阅读全文
摘要：问题背景：win7，谷歌浏览器上传选择图片之后，页面卡死无响应。 以前解决过类似问题就是input type="file"的accept属性当为通配符时，会出现这种情况，改为具体的图片类型即可。但是修改之后发现问题依旧，后来在网上查找解决方案，竟然是搜狗输入法的影响。然后切换搜狗输入法之后，竟然解决
阅读全文
