- 博客(10)
- 资源 (5)
- 收藏
- 关注
原创 vue实现日历效果
Vue+moment.js+ant-design-vue实现日历效果 实现原理 日常的日历实现均为7*6=42格,42格中会加载当月时间和上月下月的部分信息。如果我们知道当前时间的第一天为星期几,那么我们就能推断出42个格子中第一个格子的具体时间。既然能够推算出42个格子的第一个格子的具体时间,那么通过for循环去遍历42并且每遍历一次在第一个格子上加上i就可以获取到每个格子的具体时间。如此日历效果实现。 代码逻辑 vue(基本框架)+moment(提供时间换算)+ant-design-vue(提供时间输
2020-09-04 13:39:27 1238
原创 Ant design vue中实现动态更换主题色
Ant design vue中实现动态更换主题色 一、 使用的插件 “ant-design-vue”: “^1.6.5” “antd-theme-generator”: “^1.1.7”,实现动态更换主题色的核心插件 “less”: “^2.7.3”,超过2.7版本实现动态更换主题色会有问题。建议版本2.7.3 二、 实现步骤 (一)插件安装 1、 使用脚手架搭建Vue项目 2、 使用yarn add ant-design-vue安装UI库 3、 因为ant-design-vue是依赖于less进行开发因此
2020-09-03 20:34:24 9777 14
原创 RabbitMQ学习三消息队列基础知识
一、基础知识 (一)Provider 消息生产者,就是消息投递的程序。 (二)Consumer 消息消费者,就是接受消息程序 (三)没有使用消息队列时消息传递方式 (四)使用消息队列后消息传递方式 (五)什么是消息队列 队列就像存放了商品的仓库或者商店,是生产商品的工厂和购买商品用户之间的中转站 (六)队列里存储了什么 在MQ中,信息流从你的应用程序出发,来到MQ的队列,所有信息可以只存在一个...
2020-02-05 21:22:04 274
原创 RabbitMQ学习二MQ解决了什么问题
笔记二RabbitMQ解决了什么问题 一、同步变异步 情景: 电商项目中常有的一个业务场景。用户在线下单之后调用订单服务,订单服务会依次调用短信服务进行短信通知、邮件服务进行邮件通知、下单消息通知完成上述通知之后向用户返回请求结果。如下图所示: 那么由于整个业务流程是同步进行,因此会暴露两个缺点: 1、同步总耗时长 2、订单服务与其他服务是强耦合 将同步操作更改为异步操作 (1)异步–线程池如...
2020-02-05 21:16:46 1252
原创 RabbitMQ学习一环境搭建
RabbitMq学习一环境搭建 一、下载及安装 (一)访问官网并进行下载https://www.rabbitmq.com RabbitMq基于Erlang开发因此还需下载和安装Mq的运行环境Erlang,注意Mq的版本要与Erlang相匹配,版本相兼容信息可在Mq官网查阅 (二)安装 先安装Erlang再安装Mq默认都是下一步直至结束。 再安装RabbitMq默认下一步直到结束。 下载地址...
2020-01-01 19:18:42 152
原创 React实现浏览器阅读PDF文件
在项目实践中,往往需要在线预览PDF文件。本人将项目中遇到的开发难点做以整理。方便自己,欢迎各位同仁实践交流。React小白一枚,大佬勿喷! 一、PDF文件直接预览 条件:提供的PDF访问路径(URL)是可通过浏览器直接查看的。如 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190719193150451.png?x-oss-process=image/w...
2019-07-19 19:49:21 3719 2
原创 DIV+CSS实现两个DIV相互叠加
一、代码 Title 二、效果 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190528181209334.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM...
2019-05-28 18:12:58 2852
原创 微信小程序上传资料
微信小程序上传资料时,当资料份数超过10份后就会报错,只能将0-9的材料上传到服务器。剩余的材料不上传控制台报错。原因是小程序wx.uploadFile方法并发限制为10 /** * 将文件上传到服务器 并且处理 一次性上传超过10张的异常 * imgPaths–上传资料的路径(集合) * succesNum–上传成功的份数 默认0 * failNum – 上传失败...
2018-09-17 18:18:48 961
原创 微信小程序中更改button的样式
Button按钮 <button class='getCodeView firstListLineStyle' disabled='{{disabled}}' </button> Button按钮样式 .getCodeView { width: 100%; margin-right: 20rpx; height: 60rpx; line...
2018-09-17 18:15:43 27343
Vue项目实现手机端上传图片,使用于PC/Android/Ios
2019-01-08
微信小程序开发中scroll-view左右滑动布局
2018-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人