AnnaHuangPro Blog

一生想做极客女郎

常见问题的积累和总结(十个问题为一篇)不定期更新

常见问题的积累和总结(十个问题为一篇)不定期更新 1.vue组件的data要使用函数 vue组件的data要使用函数返回值,防止其他使用该组件的文件数据受到影响。 data:function(){ return { f:1, b:2 } } 2.webpack中超链接的配置,开发更方便 在文件webpack.base.conf.js...

CSS的absolute绝对布局相对于哪个父级元素定位的分析

border对定位的影响、margin-top

使用absolute布局的同学有时候可能会疑惑,有时设置为absolute定位的元素相对父元素(最近的父级元素)定位,有时候不是。那么,绝对布局的元素到底相对哪个父级元素定位呢? 绝对定位的元素,相对于static定位以外的第一个父元素进行定位。 元素默认的定位值是static,所以往上找参照元素一直到根元素 。 下面我们用实践一步步分析。 1.父级元素position为默认值,...

使用vue如何默认选中单选框

使用了vue以后,发现这真的是一个灵活高效的框架,能够轻松实现页面的实时刷新。 那么,今天先聊聊单选框的使用。一般我们使用单选框,会这么写: //HTML <input type="radio" name="radios" value="1" checked><label>one</label> <br> <input type...

从发布-订阅模式到Vue响应系统

Vue的发布-订阅模式 概念 发布-订阅模式又称为观察者模式,它定义的是一种一对多的依赖关系,当一个状态发生改变的时候,所有这个状态的对象都会得到通知。 生活中的发布-订阅模式 上面是发布-订阅模式的一个比较正式的解释,可能这个解释不大好理解。所以我们通过实际生活中的例子来理解。 比如看中了一套房子,等到去了售楼处以后才被告知房子已经售罄了。但是售楼小姐告知,将来会有尾盘推出。具体...

OOCSS 面向对象的CSS

一、什么是面向对象的CSS(OOCSS) 面向对象的CSS是一种容易重用的一种CSS规则,也是OOP的概念,从而降低了页面的加载时间,提高了网面的性能。 这里关键的一点就是如何在页面中识别,创建和模块化可重用的对象,并在页面中任何需要的地方重用,并扩展其附加功能。在这里我们所说的对象其实很简单,就是指基本的HTML标签和CSS样式规则。现在最关键的,也是最具有挑战性的一点就是确定“对象”...

js中的同步和异步的个人理解

在使用中发现神奇,随时更新 你应该知道,javascript语言是一门单线程的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要么加工,要么包装,不能同时进行多个任务和流程。 那么这里说的同步和异步到底是什么呢?如果你真的不懂,我希望你认真读完这篇文章。其实我个人觉得js官...