logo

Vue组件通信方式一览

vue component
Example Code下面所有描述的通讯方式可以在下面这个窗口查看测试:props,v-on/\$emit在官方文档中组件基础的通讯方式:父组件通过props将数据传入子组件。子组件通过 父组件监听子组件事件,子组件触发事件传递数据vuex当我们需要有一些全局共享数据时,如果通过组件层层传 ...
Read more

float与BFC

BFC
关于 floatCSS 中 float 属性对可以方便的进行页面布局,将元素脱离文档流,类似于沉入河底的石头变成木头浮了起来,但是需要注意的是如果有文字等 inline,inline-block 元素会环绕 float 元素。还有就是 float 属性绝对定位元素(absolute,fixe ...
Read more

排序算法之计数排序,桶排序,基数排序

algorithm sort
计数排序(Counting Sort)计数排序不是比较排序,而是利用一个额外的数据记录数组下标 $i$ 对应的值出现的次数,再通过记录来排序数值,因此只适用于 $0\sim{k}$ 之间的整数排序。其性能理论上优于比较排序算法。步骤(升序)找出等待排序序列中的最大值 $max$ 和 最小值 ...
Read more

排序算法之选择排序,堆排序,归并排序

algorithm sort
选择排序(Selection Sort)选择排序,首先在未排序序列中找到最小(大)元素,存放到排序序列的起始位置,然后,再从剩余未排序元素中继续寻找最小(大)元素,然后放到已排序序列的末尾。以此类推,直到所有元素均排序完毕。步骤(升序)找寻未排序元素中的最小值将最小值元素位置与第 1 个未排 ...
Read more

JavaScript设计模式(三)

design pattern
MVCMVC 是一种架构设计模式,他通过关注点分离来组织应用的代码。Model(模型),管理应用程序的数据,当 Model 发生改变会通知他的观察者(如 View)View( 视图),是 Model 的可视化表示,提供修改 Model 的视图界面Controller(控制器),负责处理 ...
Read more

排序算法之冒泡排序,快速排序

algorithm sort
冒泡排序(Bubble Sort)冒泡排序的思路是每次遍历比较找出最大(小)的值并排在最后(前)。步骤(升序)所有元素视为未排序序列从未排序序列的第一个元素开始,对每一对未排序序列的相邻元素做比较,如果之前的元素大于之后的元素则交换两个元素。一轮比较完后,未排序序列的最后的元素视为已排序序列 ...
Read more

Web页面性能监测 - Performance API

performance
简述Performance API 提供了监测页面性能属性以及方法,时间精度可以达到千分之一毫秒。通过这个接口我们能获取各个资源的请求时间,监听脚本再用户设备执行的性能表现,页面渲染信息,帮助我们提高 Web 应用的性能。主要属性方法如下:Performance 属性performance. ...
Read more

排序算法之直接插入排序,二分插入排序,希尔排序

algorithm sort
直接插入排序(Insertion Sort)步骤(升序)1.将以第一个元素看作已排序元素,剩下的看作未排序元素2.选择第一个未排序元素作为当前排序元素与从最后一个已排序所有元素开始倒序比较大小 2.1 当前排序元素相同或大于比较元素,或已排序全部比较完成,则停止遍历比较,执行步骤三 ...
Read more

rel=noopener/noreferrer简介

noopener noreferrer web-security
a标签的rel属性通常用于表示当前文档与目标跳转文档之间的关系。其中有两个属性noopener与noreferrer,能够增强网站的安全性,与其他网站隔离。对设置了target='_blank'属性的 a 标签而且跳转到外部网站的链接添加rel='noopener n ...
Read more

JavaScript设计模式(二)

design pattern
Prototype(原型)模式Prototype 模式是一种基于现有模板,通过克隆方式创建对象的模式。javascript 中的继承就是基于原型模式。带来性能提升,多个子类,子类实例都指向一个 prototype,节省资源。通过Object.create方法,或指定prototype属性我们 ...
Read more