Vue的methods、computed、watch

methods:是方法,就是一个普通的函数,在逻辑中手动去调取

ps:在生命周期中直接‘this.listRolling()’调用即可 computed:是一个计算属性,类似于过滤器,对绑定到view的数据进行处理,它不能对data或者props里的对象进行重复定义。 [c……

java和js到此一游

先说一下应用场景:一条新闻有多个属性,一个hashId,一个tvId,先不管到底有啥区别,其实我也不知道为啥要弄这么多ID,反正就是不一样,有一个数据列表,里面的新闻只有tvId,后端java有个方法是做了转化,那么问题来了,前端也搞一个转化。 下面就开始写代码……不,是看java代码,对于一个写javascrip……

Mac屏幕底部dock在双屏中的位置

  相信大家都有过这样的场景:使用双屏的时候,苹果dock莫名其妙跑到另一个屏里去了。 好多人的解决办法是拔掉副屏链接线,简单粗暴,而且很有效。 好啦,先说怎么操作吧,其实很简单,鼠标放在屏幕底部,然后在触摸板中继续移动箭头向下,奇迹出现了,dock跑到你滑动屏幕箭头的屏幕里了。 以前我是屏幕左右排的,最近因为位置变动,不得不上……

js的深拷贝和浅拷贝

深拷贝和浅拷贝最根本的区别在于是否是真正获取了一个对象的复制实体,而不是引用, 1)深拷贝在计算机中开辟了一块内存地址用于存放复制的对象, 2)而浅拷贝仅仅是指向被复制的内存地址,如果原地址中对象被改变了,那么浅复制出来的对象也会相应改变。

这是个极其简单的例子,深浅拷贝一……

requestIdleCallback

之所以单独拿出来说这,其实是给自己一个提醒。前两天去了“汽车某某”的公司面试,一开始问我是否知道RAF这个简称,是做性能优化的时候用到的,我说是requestAnimationFrame吗,巴拉巴拉说了一些,然后问我RIF,我猜测跟RAF同类型吧,但是我没用过。回来后我查了一下,其实是这个,so it is“RIC” window.req……

js获取屏幕宽度

先来看一下js常见的方法 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的……

神烦的__proto__、prototype、constructor

三个东西真的很常见,但是看到就烦,为了让自己心情好点,索性好好琢磨一下。 __proto__ 是为了找对象的原型,继续找原型的原型,最终为null,是真正的原型链。里面会有js默认的对象属性和方法,普通函数和构造函数都可以直接用。可以把它理解为一种结构形式的链式关系。看下图 prototype 是构造函数继承链,也就是说只有在构造函数中才……

几个常用的CSS对比

1、隐藏元素 常见的方法:dispaly、opacity、visibility,区别如下: opacity=0,该元素隐藏起来了,但不会改变页面布局,并且,如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的,子元素受影响。 visibility=hidden,该元素隐藏起来了,但不会改变页面布局,但是不会触发……

前端架构师是干嘛的

曾经有面试官问我,我是怎么理解前端架构或者前端架构师是干什么的。当时只说了一个技术选型和优化,但后来细想了一番,这个问题其实很好回答的,我的意思不是说可以从网上资料上获取,而是自己的经验上就有一定的反馈,虽然做得架构不大,但是也从头到尾去做了一遍。 下面我们就来细说一下架构这个东西。 1、方案设计和技术选型:这个是一个常见职责了,需要结合……

web存储

Cookie: 生命期为只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。 存放数据大小为4K左右 。有个数限制(各浏览器不同),一般不能超过20个。与服务器端通信:每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题。 Session: 是存在服务器的一种用来存放用户数据的类HashTable结构。……