Vue 基础组件二次封装的高级技巧及方法,能更优雅的进行二次封装组件（props 属性和 event 事件的透传、子组件插槽暴露、第三方组件方法继承）

有点类似于手风琴的展开收起，如果自己手动通过css去实现，还是挺麻烦的。但在Vue中为我们提供了一个内置的transition组件，用它来实现上述的效果非常简单，几行代码就可以搞定！不过在次之前，你需要了解一下Vue 过渡 & 动画 van-popup提供了从多个方向…

每个业务用的骨架是一样，但是用的皮肤包是不同的，通过皮肤包 + 骨架组件的组合，用户就能得到一个适合当前 BU 的一套组件体系

一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加，简单对比一下这两种

Webnovel（起点海外项目）在今年开始了国际化的脚步，在刚刚上线的版本当中加入了对印尼、马来西亚和菲律宾语言及内容的支持。在做国际化的过程中，我们遇到了不少问题，这篇文章就重点分享一下这些问题以及它们的解决方案。 在开始之前，我们先明确两个概念： 国际化和本地化。国际化（i…

传统的swiper太重了，里面封装了很多我们不需要的功能，而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现，如何才能用最少的代码最优雅的实现呢？是否可以推翻传统的实现，使用纯css的某些特效实现呢？ 把上面提到的三个属性放在一起就实现了平稳缓慢的滚动，再借助js移…

只要一提到组件化，我相信大多数同学，必然会想到 react, vue, angular… 这样的前端框架。 我们都知道 HTML，CSS，JS 分别对应网页中的结构，样式，行为。 假设现在有个功能是：一个红色按钮，点击这个按钮输出alert-text属性上的文案。 明显看出站在…

现如今，我们总是在无止境的刷。刷微博、刷抖音、刷沸点......一次次丝滑下拉体验的背后却是前端攻城狮的用心。 本篇讨论基于 Vue.js 的列表无限下拉实践。 我们的目标就是：让列表下拉纵享丝滑，而不是像以往的下拉就 loading 等待的体验。 咱还是用 Vue CLI 来…

本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 友善提醒：建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 14. 拖拽旋转 在写上一篇文章时，原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…