OBKoro1的博客

个人博客网站,喜欢我写的文章的小伙伴们可以进去逛逛哈:http://obkoro1.com/

js 普通函数和es6箭头函数的区别以及箭头函数的注意事项、不适用场景

箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱。就是这种我们日常开发中一直在使用的API,大部分同学却对它的了解程度还是不够深… 普通函数和箭头函数的区别: 箭头函数的this指向规则: 1. 箭头函数没有prototype(原型),所以箭头函数本身没...

2019-03-23 19:31:18

阅读数 135

评论数 0

js sendBeacon 刷新/关闭页面之前发送请

背景: 有一个任务非常耗时会消耗后台大量算力,所以在退出页面的时候,要求前端这边发送一个请求来杀死任务。 一开始以为这个需求非常简单,就是在进入其他路由前,发送一下请求,杀死一下任务就好了。 然而现实狠狠的打了我的脸,因为退出页面的场景不止切换路由~ 退出页面场景: 还在本网站,跳到其他路由 刷...

2019-02-25 10:33:01

阅读数 93

评论数 0

js 浏览器桌面通知npm插件 notification-koro1

H5 notification:一个浏览器桌面通知 npm 包,求 Star 轻量: 体积不超过 2KB 安装: npm i -S notification-koro1 使用: 插件在vue项目中使用的示例:.vue文件 1. 导入 && 初始...

2019-02-21 09:06:45

阅读数 69

评论数 0

js 浏览器桌面通知notification

Notification是HTML5新增的API,用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的。实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分享给大家,希望能帮你们了解这个API。 npm包: 我还发了一个npm包:notificatio...

2019-02-21 09:02:23

阅读数 104

评论数 0

var和let/const的区别

let和const是 ES6 新增的命令,用于声明变量,这两个命令跟 ES5 的var有许多不同,并且let和const也有一些细微的不同,再认真阅读了阮一峰老师的文档后,发现还是有一些不知道的细节… 博客、前端积累文档、公众号、GitHub 内容: var和let/const的区别 块...

2019-01-04 11:28:04

阅读数 65

评论数 1

浏览器重绘重排与优化-前端进阶

很多人都知道要减少浏览器的重排和重绘,但对其中的具体原理以及如何具体操作并不是很了解,当突然提起这个话题的时候,还是会一脸懵逼。希望大家可以耐着性子阅读本文,仔细琢磨,彻底掌握这个知识点! 博客、前端积累文档、公众号、GitHub 网页生成过程: HTML被HTML解析器解析成DOM 树 c...

2018-12-24 10:43:23

阅读数 105

评论数 0

web 全屏模式轻松掌握[局部元素全屏展示]

我第一次对网页全屏模式有概念,是那种网页播放视频的全屏播 放的那种。感觉很强,前几个星期有个需求也是关于全屏模式的,接触之后才知道全屏模式并不神秘,是个很容易掌握的技能… 博客、前端积累文档、公众号、GitHub CodePen Demo 地址:演示、code 进去看看,玩一下,本文将结合这...

2018-12-03 08:28:26

阅读数 105

评论数 0

前端er来学习一下webWorker吧

我们都知道,JavaScript 是单线程的,在同一时刻只能处理一个任务,我们会通过 setTimeout()、setInterval()、ajax 和事件处理程序等技术模拟“并行”。但都不是真正意义上的并行: Web Worker 是 HTML5 标准的一部分,这一规范定义了一套 API,它允...

2018-11-27 13:22:20

阅读数 54

评论数 0

一份超级详细的Vue-cli3.0使用教程[赶紧来试试!]

前言 在vue-cli 2.X的时候,也写过一篇类似的文章,在八月份的时候vue-cli已经更新到了3.X,新版本的脚手架,功能灰常强大,试用过后非常喜欢,写篇教程来帮助各位踩一下坑。 游泳、健身了解一下:博客、前端积累文档、公众号、GitHub 主要内容: 零配置启动/打包一个.vue文...

2018-11-15 10:38:51

阅读数 530

评论数 0

手摸手教你使用WebSocket[其实WebSocket也不难]

在本篇文章之前,WebSocket很多人听说过,没见过,没用过,以为是个很高大上的技术,实际上这个技术并不神秘,可以说是个很容易就能掌握的技术,希望在看完本文之后,马上把文中的栗子拿出来自己试一试,实践出真知。 游泳、健身了解一下:博客、前端积累文档、公众号、GitHub WebSocket...

2018-10-25 10:42:30

阅读数 163

评论数 0

VsCode 添加文件头部注释和函数注释[koroFileHeader]

以前发过这个插件,这回版本升级了一下,修复了以前默认配置项不能删除,顺序不能移动的问题,并且新增了光标处添加函数注释的功能,也重写了一遍readme,所以再推广一下这个插件,下一步计划是支持其他语言的注释。 以下是readme正文。 koroFileHeader 一个读取用户自定义模板,通...

2018-10-17 10:31:09

阅读数 8776

评论数 6

VsCode读取项目文件的Eslint规则 保存时自动修复格式错误

前言: 同一个项目,保持代码风格的一致,是非常重要的一个规范。但事实上项目小组成员的代码校验规则、格式化工具通常都不一致,为了避免项目到后期出现无法维护的问题,项目成员使用同一套校验规则,同一个格式化方式是相当好的步骤之一。 个人博客了解一下:obkoro1.com 保存时自动统一代码风格:...

2018-09-19 09:18:06

阅读数 3375

评论数 0

VuePress 手摸手教你搭建一个类Vue文档风格的技术文档/博客

前言: VuePress是尤大为了支持 Vue 及其子项目的文档需求而写的一个项目,VuePress界面十分简洁,并且非常容易上手,一个小时就可以将项目架构搭好。现在已经有很多这种类型的文档,如果你有写技术文档的项目的话,VuePress绝对可以成为你的备选项之一。 VuePres...

2018-09-10 10:23:03

阅读数 3324

评论数 2

前端er怎样操作剪切复制以及禁止复制+破解等

前言 有时候我们经常会碰到这些场景:玩掘金、知乎的时候复制一段文字,总是会在内容后面加上一些版权信息,以及像小说网站等都有禁止选中,禁止复制这种功能,还有点击自动复制账号的功能。 我也经常遇到这些场景,有时候会去想这后面到底是怎么做,周末趁着有空去研究了一下,然后发现这些都跟操作剪贴板...

2018-08-09 11:32:12

阅读数 188

评论数 0

Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]

前言 说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过,且Vue的生命周期在面试中也算是比较高频的考点,那么该如何回答这类问题,让人有眼前一亮的感觉呢… 个人博客了解一下...

2018-07-23 11:02:09

阅读数 251

评论数 0

JS高程中的垃圾回收机制与常见内存泄露的解决方法

前言 起因是因为想了解闭包的内存泄露机制,然后想起《js高级程序设计》中有关于垃圾回收机制的解析,之前没有很懂,过一年回头再看就懂了,写篇博客与大家分享一下。如果喜欢的话可以点波赞/关注,支持一下。 个人博客了解一下:obkoro1.com 内存的生命周期: 分配...

2018-07-09 10:08:07

阅读数 130

评论数 0

你不知道的js中关于this绑定机制的解析[看完还不懂算我输]

前言 最近正在看《你不知道的JavaScript》,里面关于this绑定机制的部分讲的特别好,很清晰,这部分对我们js的使用也是相当关键的,并且这也是一个面试的高频考点,所以整理一篇文章分享一下这部分的内容,相信看本文的解析,你一定会有所收获的,如果喜欢的话可以点波赞/关注,支持一下。 ...

2018-07-02 09:05:07

阅读数 166

评论数 1

160行代码仿Vue实现极简双向绑定[详细注释]

前言 现在的前端面试不管你用的什么框架,总会问你这个框架的双向绑定机制,有的甚至要求你现场实现一个双向绑定出来,那对于没有好好研究过这方面知识的同学来说,当然是很难的,接下来本文用160行代码带你实现一个极简的双向绑定机制。如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所...

2018-06-25 09:08:47

阅读数 340

评论数 0

JS忍者秘籍中的定时器机制详解

前言 前段时间刚看完《JS忍者秘籍》,虽说是15年出版的,有些东西是过时了,但像对原型链、闭包、正则、定时器之类的机制却是不会过时的,里面很多东西都讲的很细,还是值得一读的,本文将对这本书中对定时器机制的部分进行详细的解析,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所...

2018-06-22 09:40:25

阅读数 187

评论数 0

Js 的事件循环(Event Loop)机制以及实例讲解

前言 大家都知道js是单线程的脚本语言,在同一时间,只能做同一件事,为了协调事件、用户交互、脚本、UI渲染和网络处理等行为,防止主线程阻塞,Event Loop方案应运而生… 个人博客了解一下:obkoro1.com 为什么js是单线程? js作为主要运行在浏览器的...

2018-06-19 09:02:46

阅读数 412

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭