因为业务和兴趣关系，稍微研究了一下在H5中直播的相关知识。 PS：如果你对直播有所了解，可以skip全篇文章啦，本篇文章只涉及到一些直播相关的初级知识。 稍微了解一下直播的架构。 直播的协议。 微信小程序中的直播。 本地自己搞一个h5的直播小demo。 如上图：首先推流就可以简…

关于多行溢出显示省略号的问题，如果是根据字符的长度个数限制 超过部分替换为省略号，这种还是很好处理的，关键是根据行数，在未知情况下你不知道需要多少内容，去填满一个元素，做起来还是比较麻烦的，网上很多种乱七八糟的方案，拿过来又不能直接用，，我就结合网上的思路重新整理修改一波可以直…

控制台最常用的功能恐怕就是日志的打印查看了，但是大家都知道几种日志打印的方法呢，下面一个一个说。 看名字assert（断言）差不多能猜出来是干嘛的。 console.assert 接收两个参数，第一个是表达式，第二个是对象。 当表达式的值为 false 时，会打印一个错误，错误…

由于我们的技术栈采用的是 React, 目前还没有一个成熟库可以同时支持自由拖拽和缩放, 我们不得不用 react-dragable 和 react-resiable两个库来实现拖拽和缩放, 但是这样我们要维护的数据结构就相当复杂了(当然vue生态有成熟的vue-dragabl…

而实际上，它也就是这么用的，但是如果事情有这么简单，就不用我在这里写了。扩展操作符给我最大的印象就是，这玩意还挺方便的，然而最近写代码的时候经常性的遇到需要使用扩展操作符的场景，所以我干脆在网上找了些资料，把平时常见的应用场景给罗列了下，发现这个操作符是真的强大，有多强大？来看…

在前端应用中，窗口间的通信用的地方还是挺多的，比如弹出qq登录认证窗。 如果你使用postMessage时没有带window，那么，你就是用的本页面的window来调用了它。 这就是要传递的消息了。它可以是一切javascript参数，如字符串，数字，对象，数组，而不是和jso…

当上述代码设置成 height: unset 时，实际等同于设置了 height: auto，我们的想法是希望这段代码能够容器支持文本的动态高度。每次展开的时候，过渡展开到容器本身的高度即可。 查看规范，究其原因，在于 CSS transtion 不支持元素的高度为 auto …

例如：判断变量a为非空、未定义或者非空字符串才能执行方法提的内容。 如果a是true，那么b不管是true还是false，都返回true。因此不用判断b了，这个时候刚好判断到a，因此返回a。 如果a是false，那么就要判断b，如果b是true，那么返回true，如果b是fal…

大家好，我是 Steven。 本来想只用 HTML 和 CSS 去制作，但最后都要运用到 JavaScript，那我们立即开始吧。 打开 CodePen 编辑器，首先建立 HTML 结构。新增一个 <div>，class 是 card，里面新增图片，图片来源使用 Un…