随笔分类 - JS理论知识
1
摘要：大家好，我是Mokou，好久没有冒泡了，最近一直在看研究算法和数据结构方面的东西，但是似乎很多前端不喜欢看这种东西，而且目前本人算法方面也很挫，就不献丑了。 当然了，最近也开始研究React了，这篇文章主要是讲述 Ref 相关的内容，如有错误请指正。 ref 的由来 在典型的 React 数据流中，
阅读全文
摘要：大家好，我是Mokou，最近一直在做 vue3 相关内容，比如源码解析和mini-vue3的开发。 回顾下前几章的内容，在前几章中主要讲述了以下内容。 新构建工具 vite 的原理和从零开始实现 vue3 使用新姿势 新api：reactive 使用和源码解析 追踪收集 track 实现和源码解析
阅读全文
摘要：本人系一个惯用Vue的菜鸡，恰巧周末和大佬扯蛋，峰回路转谈到了fiber，被大佬疯狂鄙视... 大佬还和我吐槽了现在的忘了环境 百度是不可信的，百度到的东西出来广告其他都是出自同一个作者（大部分情况确实这样） 很多水文都是以 copy 的形式产生的，你看到的文章说不定已经过时好几个版本了（大部分情况
阅读全文
摘要：webpack webpack 最出色的功能之一就是，除了 ，还可以通过 引入 任何其他类型的文件 。 Webpack 核心概念： （入口）：Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 （出口）：指示 webpack 如何去输出、以及在哪里输出 （模块）：在 Webpac
阅读全文
摘要：循序渐进，越往后越难！！！ 实现浅拷贝 如果给一个变量赋值一个对象，那么两者的值会是同一个引用，其中一方改变，另一方也会相应改变。针对引用类型我们需要实现数据的拷贝。 1. 用 实现 2. 用 实现 3. 用 实现 深拷贝 通常浅拷贝就能解决大部分问题，但是只解决了第一层的问题，如果接下去的值中还有
阅读全文
摘要：2019年度已经过去了，2020年面试高峰期又来了。经过2019年的学习和面试经历，统计了下面一些最常见的面试题。 JavaScript 中的强制转型（coercion）是指什么？ 难度：简单 在 JavaScript 中，两种不同的内置类型间的转换被称为强制转型。强制转型在 JavaScript
阅读全文
摘要：一直以来，关于“代码规范”的话题都备受关注，业界甚至有很多流传甚广的段子不断调侃之。既然代码规范能引起这么大的共鸣，那么今天我们谈谈一个程序员的自我修养——如何写出优雅的代码？ 一、接口的流畅性 好的接口是流畅易懂的，他主要体现如下几个方面： 1. 简单 操作某个元素的css属性，下面是原生的方法:
阅读全文
摘要：关于 webpack 相关的文章太多了，何不一起从零开始手写一个配置呢？ 真的3秒能打包一个three.js项目吗？真的，后面会提供源文件地址哦。 要打包的项目是这个样子的。 从零开始 关于 的安装和使用部分都省略。 首先是最基础的。我们需要安装 1. 目前最流行的运行跨平台设置和使用环境变量的脚本
阅读全文
摘要：与React类组件相比，React函数式组件究竟有何不同？ 一般的回答都是： 1. 类组件比函数式组件多了更多的特性，比如 ，那如果有 之后呢？ 2. 函数组件性能比类组件好， 但是在现代浏览器中，闭包和类的原始性能只有在极端场景下才会有明显的差别。 1. 性能主要取决于代码的作用，而不是选择函数式
阅读全文
摘要：从一个 组件开始，一步步写一个可插拔式的组件。 处理一个正常的支付流程（比如支付宝购买基金） 1. 点击购买按钮 2. 如果风险等级不匹配则：弹确认框（Confirm） 3. 用户确认风险后：弹出支付方式选择弹窗（Dialog） 4. 选择好支付方式后：弹窗调用指纹验证（Dialog） 5. 如果关
阅读全文
摘要：要完成一个这样的抽奖功能 构思 1. 奖励物品是通过接口获取的（img） 2. 奖励结果是通过接口获取的（id） 3. 抽奖的动画需要由慢到快再到慢 4. 抽奖转动时间不能太短 6. 抽奖结束需要回调 7. 业务代码和功能代码要分离 先完成一个 UI 使用 flex 来布局，easy，当 等于当前奖
阅读全文
摘要：阅读 facebook大佬：Dan Abramov 的文章颇有感悟 大佬 github地址 https://github.com/gaearon 重点总结 1. 是同步的 2. 状态是捕获的当前 和 3. 可以通过 获取改变后的 和 4. 依赖项 不能欺骗 5. 复杂的状态变化应该使用 6. 可以使
阅读全文
摘要：夯实Javascript基础。 基本类型有六种： null，undefined，boolean，number，string，symbol。 基本类型的值是保存在 中的简单数据段 基础类型特性 基础类型最重要的特性 基础类型是不变的 因此：基础类型没有splice，sort之类的直接改变变量的方法 强
阅读全文
摘要：Javascript是一种单线程开发语言。理解Javascript的运行机制是日常编码必须要掌握的技能。 为什么是单线程？ JavaScript的主要用途是与用户交互，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。 假设：如果JavaScript支持多线程，一个线程在某个DOM
阅读全文
摘要：本身就是 的语法糖。 本文主要讲述以下内容 1. async awiat 实质 2. async await 主要特性 async await 实质 下面使用 promise + generate 实现 async await async await 特性 1. async 一定会返回 promis
阅读全文
摘要：面试必考题吧，所以在这会详细介绍以下内容 1. 跨域产生的原因 2. 罗列最常用的解决方法 3. 分析各种方法原理 4. 罗列各种方法优缺点 什么是跨域 由于浏览器厂商对安全性的考虑，提出了 做为解决方案。它是一个用于隔离潜在恶意文件的重要安全机制。同源即 、`域名 端口`三者一致。不同源即跨域。
阅读全文
摘要：1：原生链：prototype 儿子能够继承父亲的属性，也可以觉得遗传基因不好自己改属性，（但是不能改变老爸的属性）。 看例子： 2：call（list） 和 apply（arry） ： 用法1： 对象1.方法.call(对象2)， 对象1的方法使用对象2的属性， 用法2： 对象1.call(对象2
阅读全文
摘要：Step-animate: 分为3部分：{配置},{step:function(){...},duration:1000} 通过 queue删除动画 队列， 用 dequeue继续动画
阅读全文
摘要：细说addEventListener与事件捕获、事件冒泡（一）addEventListener的基本用法在复杂的项目开发中，javascript和html的解耦变得至关重要，我们被推荐使用事件动态绑定的方式来处理按钮的事件。W3C为我们提供了addEventListener()函数用来为指定的dom
阅读全文
摘要：九个Console命令，让js调试更简单 By.cllgeek 一、显示信息的命令 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <title>常用console命令</title> 5: <meta http-equiv="Content-Type" cont
阅读全文
1
浙公网安备 33010602011771号