11 2021 档案
摘要：如下图所示，周围变模糊，边缘泛白 周围模糊直接给父容器加上 overflow:hidden；即可 边缘泛白，解决思路是把图片放大为原来的 1.1或 1.2 倍即可： transform: scale(1.1); 解决完，如图：
阅读全文
摘要：如果展开的数据是点击后异步加载的，即使 children 为 [] 也需要出现 [+] 按钮，否则就无法操作了。保持原来的逻辑才能满足这个需求： children 为 [] 时有 [+] children 不存在或是 null、false 时，不展示 [+]。
阅读全文
摘要：为什么会出现浏览器兼容问题？ 现在市场上浏览器的种类很多，不同浏览器的内核也不相同，所以各个浏览器对页面的解析会有一定的出处，这也是导致浏览器兼容问题的主要原因。想要网页在主流浏览器上正常运行，就要做好浏览器的兼容问题。 常见的浏览器内核可以分四种：Trident、Gecko、Blink、Webki
阅读全文
摘要：使用场景：网站用户头像，点击头像，出现下拉框，然后点击下拉框之外的空白，隐藏下拉框。 直接上代码： // 点击头像显示下拉框，点击空白下拉框收起 document.addEventListener('click', event => { const avatar = document.querySe
阅读全文
摘要：css 有一个特定，它是全局的。 这样的特性导致的结果是，一旦你在不同的地方定义了相同的 css 命名，那么它们的样式就会相互覆盖，最终导致的 style 错乱，从而影响整个网页布局。 在Vue中我们通过 Scoped 与 Module 来解决。接下来详细对 scoped 和 module 的使用进
阅读全文
摘要：使用场景： vue + elementUI 做的管理后台项目 客户要求：新建和编辑时，新窗口打开，保存之后关闭并跳转到列表页刷新列表 解决方式： 调用 API 并保存成功之后，使用了 document.referrer setTimeout(() => { window.location.href
阅读全文
摘要：最近的需求是：网站使用 polyv 做的直播功能，左侧有一个倒计时功能设计稿效果如图： 前端实现效果如图： 话不多说，直接上代码 HTML 代码片段： <div class="countDown"> <span id="_d"></span>天 <span id="_h"></span> <span
阅读全文
