2024-10下旬与2024-11 项目中遇到的问题(1)

文章记录了《钱隆归来》项目中遇到的前端开发问题,如CSS定位、数值比较、事件处理、DOM操作、Vue绑定、输入验证等,并提供了相应的解决办法,反映了作者对前端技术的深入理解和实践经验。
摘要由CSDN通过智能技术生成

解决办法: 给img加:src,绑定动态属性,

时间: 2017年10月26日

项目:《钱隆归来》

问题: 使用positon: absolute后再使用float: right 元素位置出现偏差

描述:使用position: absolute后元素已脱离文档流,所以再用float: right是不管用的

解决办法:也使用position: absolute 来固定元素位置。

时间:2017年10月27日

项目:《钱隆归来》

问题: 直接用可提现金额和输入金额做判断,当输入金额大于可提现金额时也不报错

描述:直接比较是字符串比较,只看位数不看大小,应该使用浮点数来比较

解决办法:

if (parseFloat(this.withdrawMoney) > parseFloat(this.data.sum_money)) {

时间:2017年10月27日

项目:《钱隆归来》

问题:<ul @click=“toggle(this)”>,使用e.target.nodeName找不到

描述: 应该传$event,表示此事件对象

时间:2017年10月30日

项目:《钱隆归来》

问题:在循环中使用了var i,循环结束后i 一直等于7,不能实现正确赋值

解决办法:应使用let,在每次循环中进行赋值

for (let i = 0, length = $li.length; i < length; i++) {}

时间:2017年10月30日

项目:《钱隆归来》

问题:点击列表项时不能显示出相应详情,

描述:li包含列表项和详情项,但给li设置一个高度,导致详情项不显示

li{height: 45px;}

// 提交验证码信息

export function sendCodeInfo(params) {

return http.post(apis.postCodeInfo, params)

}

requestCodeInfo(

{

‘mobile’: this.phone,(X)

step: 1

}

).then((resp) => {

return true

}).catch((err) => {

iakit.alert(‘’, err.message, [

{

text: ‘朕知道了’

}

])

})

项目:《钱隆归来》

时间: 2017年11月

问题:短信发送验证码时应该不可用 应设disabled

项目:《钱隆归来》

时间: 2017年11月

问题: 父组件中给子组件加class名未生效

描述:父组件给子组件传变量要用v-bind 绑定

项目:《钱隆归来》

时间: 2017年11月

问题:请求用户信息时提示“用户信息获取类别格式错误”

描述:接口没有接收参数

// 提现到卡

export function rasiedCardInfo() {

return http.post(apis.rasiedCardInfo, params)

}

应该改为:

// 提现到卡

export function rasiedCardInfo(params) {

return http.post(apis.rasiedCardInfo, params)

}

项目:《钱隆归来》

时间: 2017年11月

问题: 投资类型错误

描述: 请求接口时传递参数错误

项目:《钱隆归来》

时间: 2017年11月

问题: input输入框如果输入了一位小数就返回小数位两个0,如果1个小数就返回小数位1个0,应该要写在mouseout或blur事件上,不能写在keyup事件中,因为你并不知道用户还输不输入

解决办法:

personalRate.mouseout(function() {

this.value = toDecimal2(this.value)

})

项目:《钱隆归来》

时间: 2017年11月

问题: 当用户输入条件不符合规则时失去焦点也返回两位小数

描述: 应该要做判断,当用户输入符合规则时再调用返回两位小数的函数

解决办法:

personalRate.mouseout(function() {

if (this.value > 0 && this.value < 99) {

this.value = toDecimal2(this.value)

}

})

项目:《钱隆归来》官网

时间: 2017年11月

问题: input输入框只能输入0-99之间的数,并且只能有两位小数,使用正则表达式限制用户输入,输入后就清空,体验不好

描述: 此处不应限制用户输入,应该是用户输入不符合规则时提示错误,并且按钮不变色不可用

if (this.value < 0 || this.value > 99999999) {

$(‘#perFormatFalse’).css({ ‘display’: ‘block’ })

$(‘.perMoneyWrapper’).css({ ‘border’: ‘1px solid #ff6867’ })

} else {

let value1 = this.value.toString()

if (value1.indexOf(‘.’) > 0) {

let arr = value1.split(‘.’)

value1 = arr[0] + ‘.’ + arr[1].substring(0, 2)

this.value = value1

}

项目:《钱隆归来》官网

时间: 2017年11月

问题: 在每个计算机模块中,当其中一个输入框满足输入条件时,都要判断其他三个是否满足条件,此处不应该只用是否有输入值"!value"来判断,应该也要判断输入值是否符合输入条件

描述:

if (personalMoney.val() && personalMoney.val() > 0 && personalMoney.val() < 99999999 && personalDate.val() && personalRate.val() && personalDate2.val()) {

personBtn.css({ ‘background’: ‘#ff6867’ })

} else {

personBtn.css({ ‘background’: ‘#ccc’ })

}

项目:《钱隆归来》官网

时间: 2017年11月

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
链图片转存中…(img-xJmfOzYu-1714810528125)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 8
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值