背景 我司有很多需要进行权限管理的产品。其中有一个产品，需要给多个客户部署前中后台。在开发第一个版本时，代码全部分离。前端三套，后端三套。加上kafka，redis，算法，数...
发简信
IP属地：湖南
背景 我司有很多需要进行权限管理的产品。其中有一个产品，需要给多个客户部署前中后台。在开发第一个版本时，代码全部分离。前端三套，后端三套。加上kafka，redis，算法，数...
vue-emoji-comment 最近在写自己的个人博客时，还差最后一个评论功能，一个没有评论功能的博客是没有灵魂的，哈哈哈。 项目源码：https://github.co...
业务需求 多选近三个月的日期。 不能选择当日之前的日期。 因为antd的日期组件都是选择单个日期或者日期范围。不符合需求，所以自己就实现了一个。写的不好的地方大家请指教 效果...
最近工作有点忙，没时间写blog。进度有点慢。这里主要是实现了自定义的dialog组件。checkbox组件。radio组件。大家感兴趣的话可以clone一下看看源码 效果展...
不知道大家在用一些UI框架，比如Element-ui的时候，有没有觉得一些全局组件。this.$message(),this.Toast()等，用起来很爽。他们不像其他的组件...
之前缺乏移动端的经验。一直不知道上拉加载，下拉刷新是怎么实现的。现在正好有个产品有这样一个需求。想了一会没有思路。就去找插件。啥vue-infinite-scroll，vue...
不知道大家有没有遇到这种情况。平时过于依赖组件库，如果产品对某个组件有特殊的要求。我们与其去改，去覆盖组件库的源码。还不如自己写一个组件，毕竟是自己写的，不管你想怎么改，都方...
引入mavonEditor进行文章编辑，前端部分大概成形ArticleEdit.vue 效果展示 项目地址 https://github.com/pppercyWang/tw...
主要是要写input组件，以及实现点击区域外部的区域，关闭该区域，用css画三角形。将登录区域绝对定位到header。具体的细节可以看源码BlogInput.vue 效果展示...
个人信息栏目主要实现一个带下划线的文字组件，很多地方都可以用到。可以设置颜色，字体大小，是否是粗体，下划线的高度TextUnderline.vue 效果展示 项目地址 htt...
twitter的Button组件实现最主要的是点击时的蓝色边框的弹出动画效果，长按时弹到最大范围且边框不动。这直接让我想到了伪类 active，通过伪元素加上伪类就很好的实现...
中部导航栏的Menu-Item跟头部导航栏差不多。但是需要设置一个default-active参数。还有路由变化时菜单激活项的变化。头像的变化可以使用transition实现...
接下来是中部导航栏。我们看到这里的头像动画，和中部导航栏定位都是跟鼠标滚动有关的。我们先将布局实现一下。这里是要求在页面上部分滚动范围内，导航栏一直在div的上部，随着鼠标的...
实现twitter页面的这种拉幕效果不是很难。但以前看到anijs官网的那种从下面往上面覆盖的拉幕效果感觉更好。所以自己就尝试了下。这里我希望每个页面都有这个拉幕效果，所以就...
为什么要用精灵图？ 比如京东首页的这些icon，如果每个icon都去请求一个资源。是非常浪费资源的。因为我们浏览器在同一个域名下并发加载的资源(CSS、JS 、图片等)数量是...
这个头部导航主要是写一个menu-item组件，hover时底部的蓝色底边动画弹出。再将logo扣出精灵图。MenuItem： 扣精灵图可以看俺的这篇文章https://ww...
vue生态十分的强大，UI组件库越来越多。而过分依赖组件库，只会导致自己的技术越来越烂。组件的编写，样式的书写，动画，适配，媒体查询等很多都不记得了。 自己一直想着写一个博客...
图标库是iconfont，这里面的图标够用了吧 一.新建项目 二.选择喜欢的图标，加入购物车，再添加到项目 三.生成代码 四.将链接粘贴到地址栏，将css内容复制到icon....
关于vuex，我们听到最多的是vuex是一个状态管理容器，可以解决组件之间通信的痛点。但vuex真的只是这样吗？ 平时，我更喜欢将vuex比喻成一个前端程序的数据库。他可以储...
最近经常看到Typescript的一些文章。决定自己也尝试用一下，写了一个移动端和PC端的项目模板。感觉还不错。可能vue2.x和对ts的支持不是很好（期待vue3，将用ts...