扫码订阅公众号
不定期推送本站优质非技术文章哦!
鉴于之前做的大屏的项目,全屏背景图过大,传统的写法导致页面渲染过慢,因而非常影响用户体验。除此以外,很多时候在开发过程中会出现很多图片的情况,图片过多或大,会直接影响页面的响应时间,从而导致页面性能变差。针对以上,我们可以使用WebP来有效的改善。
从前我们在网页中会需要内容定位,或者返回顶部之类的功能,通常使用锚点来实现,但是页面跳转太过生硬,用户体验不够,于是会通过一大串的js来实现平滑滚动的效果,近两年出现了一些新的属性可以很方便的完成这种交互,很大程度的减小了开发难度。
日常开发中,数组或是对象的遍历是一个经常会遇到的事情,关于遍历,其实Js提供了很多方法,但是对于他们之间的区别却理解的不是很透彻,通常情况就是抓起来一个forEach就用。为了提高代码质量,我认为有必要深入了解一下不同遍历的特点。当然,本文不作太多深入讲解,只是就各种的特点进行整理展示。
通常我们需要使用VUE的watch去监听一些值的变化,从而去进行一些操作,但是对于对象的监听,我们往往会遇到一些问题,对象内部的某个属性改变的时候无法触发watch函数,这个时候就需要使用vue的深度监听
经常会遇到一些开发场景需要我们按照一定的概率执行某件事,经常遇到的比如电商活动的抽奖,前段时间写一个类似头脑王者的答题小程序,如果没有玩家匹配时,需要与机器人,而机器人的答题正确率需要设定。
js中的数组和对象都是引用类型,其实说白了,数组的数据类型也是对象,因此我们在实际项目中需要注意,如果直接将一个对象赋值给另一个空对象,这个操作仅仅是让两个对象的指针指向了同一个地方。