work
文章平均质量分 50
子月吾生
one day by one day
展开
-
canvas图片文字合成(小程序分享)
写这个的原因是在写一个小程序的需求的时候用到了,在此记录一下。需求需要实现的点就是:在分享小程序个人资料页面的时候将个人信息和个人头像进行重叠放在一起然后分享出去,大概样子如下:不同的用户头像不同,个人信息不同。写一个函数传入这两个信息,动态合成一张图片,然后再进行分享。实现的完整代码如下:// 图片文字合成// 绘制文字function canvasWraptitleText(ctx, text, x, y, maxWidth, lineHeight, maxRowNum,font,colo原创 2022-02-28 17:57:59 · 1536 阅读 · 1 评论 -
用vant实现下拉刷新和上拉加载功能(vue项目)
我这次的详细做法是:1、首先在下面显示的文件下建立了一个list.js文件(要做分页加载的页面都可以引入使用)。2、list.js文件的内容如下:export default { data() { return { //三个判断 loading: false,//是否在加载中 finished: false,//是否加载完成 refreshLoading: false, pageSize: 20, // 列表请求数 p原创 2020-12-01 11:18:19 · 2458 阅读 · 3 评论 -
第一次做比较大的前端需求的自我总结
问题点:1、需求给的时间是很长的,一开始看到这个需求的时候看到很多个页面,就觉得需求量挺大的,虽然时间很长但开始的时候觉得很不熟悉,完全没进入状态,有些东西没有头绪,就浪费了很多时间。所以说这次需求是没把握好时间,以至于没有更多的时间做一些细节上的东西2、有些自己没办法实现的东西自己一直在那里探索和纠结,没有考虑到上线时间的问题和稳定性的问题,应该提前给自己确定下来是否可以按期完成,完成不了应该尽早把问题丢出来,让大佬帮忙解决。3、UI开始没有完全按照设计稿执行,不够严谨,有些东西做出来是凭借自我感觉原创 2020-11-26 16:31:04 · 420 阅读 · 1 评论 -
前端验证码倒计时的实现(实战)
是用vue写的,但是逻辑基本上都是一样的。效果如下:验证码倒计时: codeTimer() { this.timer = 60; let _this = this;//setTimeout里面的this不一样,所以在这里先保存好 if (this.timer >= 1) { //this.$refs.eleCode是vue获取dom元素的一种方法 this.$refs.eleCode.setAttribut原创 2020-09-07 13:56:47 · 2383 阅读 · 0 评论 -
前端验证码登陆模块的实现(vue实现)
实现效果如下:用vue写的,但实现逻辑都是一样的。摘取出来的输入框的html部分: //号码输入框 <input class="login-input login-phone" placeholder="请输入你的手机号码" type="number" v-model="loginNumberVal" @input="lenControl"原创 2020-09-07 11:53:12 · 1840 阅读 · 0 评论 -
前后端分离及项目开发流程
前后端分离开发流程新框架前后端完全分离,后端基于SpringBoot提供 ResultFul的接口服务,前端是基于Layui的全静态页面,这样就对我们的开发流程提出新的要求。后端人员:按照约定提供经过单元测试的Restful API接口,使后端更关注业务逻辑的实现。前端人员:按界面要求完成页面的展现开发和逻辑跳转,使前端更关注页面的布局样式和交互。开发流程规范:1、共同约定接口、并维护至...原创 2019-07-22 11:13:57 · 17634 阅读 · 0 评论 -
为什么要设置短信验证码倒计时和图片验证码(登录原理)
1、短信验证码倒计时的作用:主要是为了防止用户频繁的点击,获取短信验证码是有时间限制的,这样就可以让用户在规定的时间内只能点击一次,在客户端就只是告知用户这个什么时候可以点击,在服务端就可以更少的调用这个接口,不去影响服务器的性能每点击一次都会发送一条短信,也是会收费用的,限制用户点击次数也可以节省费用设置短信验证码可以定位到目标用户,提高安全性2、设置图片验证码的作用:防止有人...原创 2019-08-23 18:09:47 · 1107 阅读 · 0 评论