《JavaScript DOM 编程艺术》小记 发表于 2022-07-24 | 分类于 读书笔记 在HTML中的Script块中可以使用HTML注释,甚至可以不写结尾。如,以下代码都是可以正常运行的。 12345<script type="text/JavaScript"> console.log(1); <!-- 运行后打印1 1 --> ... 阅读全文 »
《Web性能实战》读书笔记 发表于 2022-06-04 | 分类于 读书笔记 Web性能调优一直是高级前端必须掌握的技能,市面上不少书简绍性能调优的书总是告诉读者一些理论性的东西,而如何去实践说的却不多,这本书不仅告诉读者Web性能优化的理论知识,同时还会告诉读者怎么用node去设置,是一本前端进阶必看的书。 理解Web性能Web性能主要指网站的加载速度。你可以通过提高网 ... 阅读全文 »
请你挑战一下这几道nextTick面试题 发表于 2021-07-30 | 分类于 JavaScript Vue大家再熟悉不过了,Vue的this.$nextTick大家也再熟悉不过了,今天我们就来看看自创的nextTick相关的几道面试题,看看你是否真正理解Vue的nextTick。 题目1123456789101112131415161718192021222324<template> ... 阅读全文 »
for...of循环的使用 发表于 2021-06-24 | 分类于 JavaScript for…of语句在可迭代对象(包括 Array,Map,Set,String,TypedArray,arguments 对象等等)上创建一个迭代循环,调用自定义迭代钩子,并为每个不同属性的值执行语句。– MDN 基本使用for…of的基本使用比较简单: 12345678910111213141 ... 阅读全文 »
vue2你该知道的一切(下) 发表于 2021-06-19 | 分类于 JavaScript 本章继续回顾Vue相关的知识,主要针对组件这块,基础部分请看上一章。 组件基础简单的组件: 12345678910111213141516<div id="app"> <custom-button></custom-button></ ... 阅读全文 »
vue2你该知道的一切(上) 发表于 2021-06-19 | 分类于 JavaScript Vue知识点众多,这两章记录一下Vue2.x版本的常规使用方法。如果你是一名使用Vue框架开发的前端工程师,那么这两章的内容会让你对Vue的知识点记得更牢固。 如何引入HTML只要引入Vue就可以直接使用了,这里可以使用CDN地址https://unpkg.com/vue来引入Vue: 12345 ... 阅读全文 »
《CSS选择器世界》读书笔记 发表于 2021-05-23 | 分类于 读书笔记 你敢相信吗,CSS选择器都可以写一本书!张鑫旭大佬的这本书绝对值得一读! 概述CSS选择器可分为4类:选择器(如body{})、选择符(如相邻兄弟关系选择符+)、伪类(如:hover)和伪元素(如::before)。 CSS只有一个全局作用域,但是Shadow DOM中的样式不会影响外面的样式。 ... 阅读全文 »
Canvas系列(17):碰撞检测 发表于 2021-03-05 | 分类于 Canvas 碰撞检测顾名思义就是检测两个物体是否发生碰撞,今天我们就来研究一下常用的碰撞检测技术。主要有圆与圆的碰撞检测,长方形与长方形的碰撞检测,以及圆与长方形的碰撞检测。 圆与圆的碰撞检测我们前几章,讲的都是小球相关的操作,这里的小球就是圆,那么首先讲的当然是圆的碰撞检测了。在说碰撞检测之前我们先把拖拽相 ... 阅读全文 »
promisify与unpromisify 发表于 2021-01-18 | 分类于 JavaScript Promise是JavaScript中一种常用的异步处理的方式,它可以有效地避免回调地狱。那么promisify是什么意思呢?在英语中ify结尾的单词一般为动词,表示“使……化”,那么很显然promisify就是“使Promise化”,通俗一点就是把回调函数转化为Promise这种形式。 promi ... 阅读全文 »
我的跑步之旅-征程 发表于 2020-12-08 | 分类于 运动与健身 19年上半年跑了3个马拉松,下半年第一时间报了杭马,结果杭马又没有中签,为了能够中签,我采用了一个策略,就是多报几个,最后我报了杭州湘湖马拉松、杭州女子马拉松、绍兴马拉松、诸暨马拉松!想着应该可以中一个的吧,结果运气比较好,全部都中了,于是我就得在前后一个月内总共跑4次了。 杭州湘湖马拉松有一次我 ... 阅读全文 »