从前有匹马叫代码

2021年6月17日

摘要： Webworker是基于HTML5提出的一种技术，允许主线程创建Worker线程，将一些任务分配给Worker运行，主线程运行同时，Worker线程在后台运行，互不干扰。等Worker线程完成计算任务，再把结果返回给主线程。主线程与worker线程通过postMessage()通信. 由于webw 阅读全文

posted @ 2021-06-17 18:33 从前有匹马叫代码阅读(118) 评论(0) 推荐(0) 编辑

2021年6月15日

vue3 如何获取 dom

摘要： 1. 通过 ref 1. 在 html 标签上指定 ref 属性 2. 在 setup 中定义并返回.注意：标签上的 ref 属性名需要跟 setup 中的对应 <h1 ref="msg">Welcome to vue3 app</h1> setup() { const msg = ref(null 阅读全文

posted @ 2021-06-15 11:25 从前有匹马叫代码阅读(2900) 评论(0) 推荐(1) 编辑

2021年4月19日

Vue3比Vue2快的体现-第二部分

摘要：这部分主要说两个方面,1是静态提升，2是事件监听缓存静态提升意思就是说，在以往Vue执行函数的时候，无论是绑定数据的节点还是没有绑定的，都会在render函数执行的时候重新渲染,如下代码所示 import { createVNode as _createVNode, toDisplayString 阅读全文

posted @ 2021-04-19 23:12 从前有匹马叫代码阅读(238) 评论(2) 推荐(0) 编辑

2021年4月18日

Vue3 比 Vue2 快的体现-第一部分

摘要： Vue3 比 Vue2 快的原因首先体现在 Diff算法的优化上， Vue2 中的虚拟DOM对比采用全量对比策略，这样的话每次渲染也就把静态dom节点做对比了。在Vue3 中 Diff算法优化了此项; Vue2模板语法编译网站 Vue3模板语法编译网站把相同的一段Vue代码片段放到Vue2 与阅读全文

posted @ 2021-04-18 23:55 从前有匹马叫代码阅读(162) 评论(0) 推荐(0) 编辑

2021年4月11日

JS 希尔排序完全理解

摘要：希尔排序的思想直白点来说就是间隔对比，比如说我有一个数组，长度为9，则第一次分割间隔为长度的1/3 + 1，则第一次对比就是1 比 4，2 比 5， 3 比 6，4 比 7，5 比 8 ， 6 比 9，然后再次分割更小的间隔对比，等到间隔为1时，就是两两对比，代码实现： function she 阅读全文

posted @ 2021-04-11 11:50 从前有匹马叫代码阅读(131) 评论(0) 推荐(0) 编辑

2021年4月4日

JS插入排序完全理解

摘要：插入排序是JS中的一种常见数组排序算法，记录一下如何理解并实现插入排序的功能; 首先看一下最直观的动态图图片来源：https://www.javascriptc.com/ 从图像可以很直观的看出，插入排序的原理是遍历数组，然后根据当前项与该项之前的项进行大小比对，在合适的位置插入该元素；代码实现阅读全文

posted @ 2021-04-04 15:22 从前有匹马叫代码阅读(260) 评论(0) 推荐(0) 编辑

2021年3月3日

页面滚动加载技术实现

摘要：场景：图片资源大，而且图片很多的页面(视频网站首页，电商首页...) 解决方案：只加载视口区域的图片，加载过的图片不会重复加载文件目录结构： demo lazy.html lazy.js load.png 代码如下： <!DOCTYPE html> <html l 阅读全文

posted @ 2021-03-03 15:32 从前有匹马叫代码阅读(539) 评论(0) 推荐(0) 编辑

2021年2月27日

ES6中的Set数据结构

摘要： Set是ES6新推出的数据结构，Set结构里面的每个元素都是唯一的；如何创建一个Set? // Set 构造函数接收一个数组进行初始化;如果什么都不传则创建一个空Set; var set = new Set(["Kuma","Hattori","Yagyu"]); Set的一些常用方法 // se 阅读全文

posted @ 2021-02-27 00:11 从前有匹马叫代码阅读(86) 评论(0) 推荐(0) 编辑

2021年2月24日

五分钟学会generator函数

摘要：什么是generator函数? 常规函数只会返回一个单一值（或者不返回任何值）。而 Generator 可以按需一个接一个地返回（“yield”）多个值。它们可与 iterable 完美配合使用，从而可以轻松地创建数据流。如何创建一个generator函数，代码如下: function* ge 阅读全文

posted @ 2021-02-24 23:09 从前有匹马叫代码阅读(434) 评论(0) 推荐(0) 编辑

2021年2月21日

Iterable object of JavaScript

摘要：数组是可迭代的，所以数组可以用于for of，字符串也是可迭代的，所以字符串也可以用作for of,那么,对象呢? 试一试： var somebody = { start:0, end:100 } for (const iterator of somebody) { console.log(iter 阅读全文

posted @ 2021-02-21 13:17 从前有匹马叫代码阅读(130) 评论(0) 推荐(0) 编辑