0%

在日常的工作和学习中,记住一些常用的快捷键能提高我们的效率,下面列出的是一些我常用的的快捷键。

阅读全文 »

是什么

本质上是优化高频率执行代码的一种手段

如:浏览器的 resizescrollkeypressmousemove 等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能

为了优化体验,需要对这类事件进行调用次数的限制,对此我们就可以采用 防抖(debounce)节流(throttle) 的方式来减少调用频率

阅读全文 »

引入

在 Vue 项目中引入 ElementUI 等组件库时,经常需要修改某个组件的原有样式。但我们在编写 css 样式时,都会在 <style> 标签中加上 scope 属性,这样编写的样式就只会在当前的组件上生效,不会影响到其他组件。这也带来一个问题:在带有 scope 属性的 <style> 标签中编写的修改某个组件的原有样式不会生效。

阅读全文 »

props/$emit

  • 父组件向子组件传值

在子组件中定义 props 选项,在父组件中通过 v-bind:props属性值 的方式传值给子组件。

阅读全文 »

前几天想打开博客看看之前记录的内容,发现打不开了,使用科学上网工具后又能够打开。在调试界面才发现所有使用 jsdelivr 加速的资源都访问不了,在网上搜索才知道是 cdn.jsdelivr.net 被墙了。

暂时的解决方法:把 cdn.jsdelivr.net 修改为下面这几个地址中的任意一个就行,不过估计这几个过一段时间也会被墙。

CloudFlare:test1.jsdelivr.net
CloudFlare:testingcf.jsdelivr.net
Fastly:fastly.jsdelivr.net
GCORE:gcore.jsdelivr.net

原因:和 PicGo 的快捷键冲突

解决办法:在PicGo设置中把“快捷上传”的快捷键禁用掉,或者切换为另一个快捷键。

阅读全文 »

DOM事件模型

DOM0级模型

又称为原始事件模型,在该模型中,事件不会传播,即没有事件流的概念。这种方式所有浏览器都兼容,但是逻辑与显示并没有分离。事件绑定监听函数比较简单,有两种方式:

阅读全文 »