工作总结5

1.taro框架使用map标签出现的错误

这个问题困扰很长时间,在频繁切换页面渲染的时候出现左边不显示,我理解的是变量没有到达map标签的属性上,那我就想是不是setState太慢了,然后又用了变量,本地缓存等,都没有效果,最后今天想换一下生命周期,大大降级了这样的一个错误概率问题,我把componentDidmounted改为componentWillMount()

提出两点警示,第一要再多学习react的生命周期函数,第二出现页面切换数据丢失的问题,多从生命周期上去考虑解决

2. 使用AtTabs有自带样式,单个tab都是平均的,但是有的时候想自定义

学会使用变量之间的层级关系去找到相应的标签,这样就可以个性化设置样式。

css还是非常重要的,有空还是要总结一下。

3. 图片被压缩的问题

这个问题就是没有按照图片原来的大小去改变导致出现的错误,一定要按照UI给的,这样页面会非常美观,对于我们也是一样享受

4.关于页面随着各个手机出现的显示问题

记着做适配的时候永远不要忘记,用相对百分比,这样你项目越写越顺,如果使用了某些单位,到时候改样式真是麻烦事

另外一个就是一定要只要作为UI老师的想法,设计师的想法,最好页边左右有一点距离

5. 做农机时候呈现的详情显示,我使用了at-row at-col 平均分块的类名,用起来挺好的

6.获取数据的逻辑一样的话,就放在一个方法里边,不要以为偷懒就可以过去,往往变量污染就是因为偷懒引起的

7.遮罩层这个要有这样的思维,不要忘记了,往往绝对定位出现的交互都需要

8.对于数据信息返回的多的时候需要用方法进行限制,这个不用非得文档写的有才做,一定发现这个就去沟通加上,一切以完美的产品呈现为目的,加油!!!

感谢老铁们的支持,文章后续继续增加中。。。

相关推荐
萌萌哒草头将军3 小时前
⚡⚡⚡尤雨溪宣布开发 Vite Devtools,这两个很哇塞 🚀 Vite 的插件,你一定要知道!
前端·vue.js·vite
小彭努力中4 小时前
7.Three.js 中 CubeCamera详解与实战示例
开发语言·前端·javascript·vue.js·ecmascript
浪裡遊5 小时前
跨域问题(Cross-Origin Problem)
linux·前端·vue.js·后端·https·sprint
LinDaiuuj5 小时前
判断符号??,?. ,! ,!! ,|| ,&&,?: 意思以及举例
开发语言·前端·javascript
敲厉害的燕宝5 小时前
Pinia——Vue的Store状态管理库
前端·javascript·vue.js
Aphasia3115 小时前
react必备JavaScript知识点(二)——类
前端·javascript
玖玖passion5 小时前
数组转树:数据结构中的经典问题
前端
呼Lu噜5 小时前
WPF-遵循MVVM框架创建图表的显示【保姆级】
前端·后端·wpf
珠峰下的沙砾5 小时前
Vue3 里 CSS 深度作用选择器 :global
前端·javascript·css
航Hang*5 小时前
WEBSTORM前端 —— 第2章:CSS —— 第3节:背景属性与显示模式
前端·css·css3·html5·webstorm