古兰精

摘要： 一、为什么需要使用Vue.set？ vue中不能检测到数组和对象的两种变化： 1、数组长度的变化 vm.arr.length = 4 2、数组通过索引值修改内容 vm.arr[1] = ‘aa’ Vue.$set(target,key,value)：可以动态的给数组、对象添加和修改数据，并更新视图中 阅读全文

摘要： 之前遇到过一个奇怪的问题，在其他浏览器下一切正常，但在万恶的IE下，却一直不行。 具体问题场景就是：比如orderDetail页面出现问题，那么只要是路由跳转的，点第1次无法跳转，必须得点第2次才可以跳转，但是跳转过去之后，页面也是一片空白，不加载路由页面。然后控制台报错：strict 模式下不允许 阅读全文

摘要： 接之前的此博客问题处理：js处理时间时区问题 由于 toLocaleString()：据本地时间格式，把 Date 对象转换为字符串。总是会带有上午/下午，所以我加了参数：new Date('2019-09-12 23:33:33').toLocaleString('chinese', {hour1 阅读全文

摘要： 一、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 阅读全文