有时候工作中遇到问题通过文本记录了下来,想记录到csdn上

工作中的工作总结
1、el-row组件使用时gutter不为零时会撑大盒子,需要把盒子加padding限制,个人并不希望用gutter,我会选择给加盒子进行压缩
2、在使用弹性盒时,单个项目想拥有自己的布局时可以用align-self或者margin-left/right:auto解决
3、当元素宽度不确定时,但是我又想高度和宽度相等,可以用padding-bottom解决
4、接数据接口时注意loading
5、切换页面是记得清理掉页面数据,不然动态分配的内容不足(似乎引用类型地址存在在栈中,动态分配在堆内存中)
6、Min-height设置时注意在不满足大于这个高度时不会撑大盒子
7、注意引用类型的数据在传递时直接赋值会相互影响
8、单行文本省略号需要设置宽度
9、writing-mode控制文字的排布和书写方向,text-align属性是针对文字书写方向的水平居中
10、el-table中有属性可以控制单元表格的单行省略号show-overflow-tooltip(用这个太丑,而且有弊端)
11、Window.open()可以实现在新的页面打开对应路由页面,其实和router的query传参一样,最后都是在query中拿到值,也可以使用window.location
12、在使用数组的map方法时能改变对象内的值,但是页面不生效,但是重新赋值能生效,所谓的不改变原数组不是不能改变数组下单个对象的属性值
13、保存值可以保存在window下
14、父组件异步请求的数据,可以用v-if阻止向下传递值,从而实现请求数据后才加载子组件内容
15、El-select中绑定的值当删除时是以空字符串的形式存储的
16、使用elementui时涉及到多层组件,使用 p a r e n t 可能拿不到上层的方法 17 、在页面渲染时空数组的 l e n g t h 出现未定义的情况是怎么回事 ( 是赋值错误 ) 18 、数组的 f i n d 方法是拿到满足条件的第一条数据 19 、通过函数传进来的复杂数据类型相当于原数据,函数内改变会影响原数据的改变,基本数据类型不会 20 、 r o u t e r − v i e w 可以加 t a r g e t = ” b l a n k ” , 同时是通过 t h i s . parent可能拿不到上层的方法 17、在页面渲染时空数组的length出现未定义的情况是怎么回事(是赋值错误) 18、数组的find方法是拿到满足条件的第一条数据 19、通过函数传进来的复杂数据类型相当于原数据,函数内改变会影响原数据的改变,基本数据类型不会 20、router-view可以加target=”_blank”,同时是通过this. parent可能拿不到上层的方法17、在页面渲染时空数组的length出现未定义的情况是怎么回事(是赋值错误)18、数组的find方法是拿到满足条件的第一条数据19、通过函数传进来的复杂数据类型相当于原数据,函数内改变会影响原数据的改变,基本数据类型不会20routerview可以加target=blank,同时是通过this.route.query取数据
21、Console.time和console.endTime可以对函数进行功能测试,但是发现对同一个功能函数测试结果却不一样,同时对相同时间复杂度的功能函数测试结果也不一样
22、可以通过数组写数据的控制项
23、Canvas下的toBlob可以对canvas画的图转化为任意格式的文件
24、获取点击事件位置的属性:offset<client<screen
25、写方法时注意时间复杂度,少用unshift
26、Uview中的表单数据就算用了v-model也要进行初始话,否则表单验证不生效,这点比不上elementui,最后发现最好都初始化一下,不然可能会输入框无法输入
27、对象虽然是引用类型,但是通过判断再改值不会触发其他操作
28、Async await并不能作用于设置的定时器和延时器,还是继续走之前的任务队列(还需要深究)
29、背景图片和背景色共存的问题(通过background写多个属性)
30、Vue2还不能用fragment
31、Flex三个属性:grow默认为零,shrink默认为1,basic默认为auto,超出则shrink生效,未超出则grow生效
32、Border-radius我所理解就是定义四个圆角的半径,所以半径足够大时正方形就变圆了
33、单行文本省略号css样式和多层嵌套弹性盒存在冲突,不建议同时使用。因为display:flex会使overflow:hidden失效,可以用width:0和加flex解决
34、Text-align:justify是使用在多行文本中,在遇到某些需求时可以用::after解决单行需求
35、Variable是变量的意思,用来在less或sass中定义常用的属性或属性名
36、vue-router导航切换时,如果两个路由都渲染同个组件,组件会复用,组件的生命周期钩子不会再被调用,使得组件的一些数据无法根据path的改变得到更新,可以使用watch监听,经验证可行,也可以分别包一层组件
37、clientHeight元素的高度
38、通过路由跳转到同一个组件时,created生命周期只调用了一次
39、相对原生的form表单submit事件会触发页面刷新,可以通过修饰符prevent阻止默认事件,在elementui里面type为submit的框也会触发刷新
40、El-form中只有一个输入框时回车会触发刷新,用native.prevent解决
41、计算属性经测试可以监听最低两层的复杂数据类型的值的变化
42、Computed居然还支持异步操作,神奇了,计算属性的值可以直接更改,但是页面不会响应
43、以后写组件时最好把提交点击这类的暴露api写好,这样不会涉及到修改子组件数据
44、数据如果为复杂数据类型多层时要考虑其中一环为空的情况
45、props 对象的定义除了常用的 type参数,还有required,default,validator三个参数
46、移动端点击事件300毫秒延迟(因双击事件)可以用meta或者插件(fastclick)解决
47、获取时间毫秒数的方式:getTime、valueOf、Date.now、date=+new Date()
问题汇总
1、Uview中使用u-search回车事件触发的是onload周期
2、Uni.showLoading失效问题
3、多个弹性盒嵌套使用时,对深层的弹性盒使用单行文本省略号css样式不生效
4、前端下拉加载数据当前页是某个时刻的数值,如果后端数据表变了和前端数据页对不上怎么办
5、改变this指向的时候我想传参进去怎么传

业务的总结
1、用户信息是要根据某些操作进行刷新的,比如余额
答:要么加轮询,要么使用websocket,要么单独一个接口查询,要么进入页面就查一次
2、第三方登录的实现
答:uniapp有自带的api可以调用然后拿到用户信息传给后端进行登录;可以去看看pc端如何实现多端登录的
3、token的选择
答:请求的配置:url、token、isLogin、loading、name、isOnly、isMd5、type

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值