这三个东西,一开始不了解,其实还是挺容易理解的 vue-loader: 是解析vue文件的时候需要的 vue-template-compiler: npm上有这样一段说明:This package can be used to pre-compile Vue 2.0 templates into render functions to a……
分类目录:前端
Vue的methods、computed、watch
methods:是方法,就是一个普通的函数,在逻辑中手动去调取
1 2 3 4 5 6 |
methods: { //一个函数方法,this为vue对象,自由使用即可 listRolling(){ this.classAnimate='animate' } }, |
ps:在生命周期中直接‘this.listRolling()’调用即可 computed:是一个计算属性,类似于过滤器,对绑定到view的数据进行处理,它不能对data或者props里的对象进行重复定义。 [c……
java和js到此一游
先说一下应用场景:一条新闻有多个属性,一个hashId,一个tvId,先不管到底有啥区别,其实我也不知道为啥要弄这么多ID,反正就是不一样,有一个数据列表,里面的新闻只有tvId,后端java有个方法是做了转化,那么问题来了,前端也搞一个转化。 下面就开始写代码……不,是看java代码,对于一个写javascrip……
js的深拷贝和浅拷贝
深拷贝和浅拷贝最根本的区别在于是否是真正获取了一个对象的复制实体,而不是引用, 1)深拷贝在计算机中开辟了一块内存地址用于存放复制的对象, 2)而浅拷贝仅仅是指向被复制的内存地址,如果原地址中对象被改变了,那么浅复制出来的对象也会相应改变。
1 2 3 4 5 6 7 8 9 10 11 |
//深拷贝 var a=123; var b=a; a=456; console.log(b) //123 //浅拷贝 var obj1={name:123}; var obj2=obj1; obj1.name=456; console.log(obj2.name) //456 |
这是个极其简单的例子,深浅拷贝一……
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结构。……