摘要：
今天做了两道编程题，拿到题目的第一感觉是真tm简单。经过这半年多被无情的吊打，已经开始怀疑人生了，今晚突然来这么一下，这久违的感觉，舒服～，就感觉自己还是能做一些事情的。但是故事并没有像我们想象的那样发展，明明知道它简单容易，却就是不能快速搞定它，或者说不能把它做好，做到自己都开始崇拜自己。这是什么 阅读全文
摘要：
写在前面 2021年的第一个月过去了，只产出了一篇2020年的年终总结。博客数量产出为啥变得少了？一方面与年底加班多有关系，不过github我依旧每天都会提交代码，不曾懈怠。为什么要每天都提交代码呢？我渴望改变，渴望提升，渴望成长，当然也很热爱前端。另一个方面是自己想法改变了，看了自己过去2年写的博 阅读全文
摘要：
2021.1.3参加了一场线下的读书会，名字叫做启发读书会，确实给人不少启发。第一是它的创始人是一名学生，研究生在读，我觉得这着实了不起，这是一个比较有想法的年轻人，回想我当年在大学本科的日子都在荒废时光，技术，技术没学好，朋友交际，认识的人没几个，每每想到这里总会让人羞愧不已。第二是活动形式是我参 阅读全文
摘要：
什么是事件？ 事件是您在编程时系统内发生的动作或者发生的事情，系统响应事件后，如果需要，您可以某种方式对事件做出回应。浏览器和Node的事件有所不同 使用方式不同。浏览器中使用dispatchEvent 来发布事件，使用addEventListener来绑定并监听事件。Node中使用emit触发事件 阅读全文
摘要：
模块化发展历程 IIFE： 使用自执行函数来编写模块化，特点：在一个单独的函数作用域中执行代码，避免变量冲突。 (function(){ return { data:[] } })() AMD(Asynchronous Module Definition)： 使用requireJS 来编写模块化，特 阅读全文
摘要：
前言 作用域和作用域链说白了还是函数和对象之间的关系，作用域即执行环境 浏览器中存在全局执行环境的上下文变量window node中存在全局执行环境的上下文对象global，模块的全局执行上下文对象module 下面是一道题目，输出打印的结果 console.log('this',this); // 阅读全文
摘要：
每一个函数都会自带3个属性(construtor,__proto__,prototype) 每一个对象都会自带2个属性(constructor,__proto__) 什么是constructor、什么是__proto__、什么是prototype? 它们之间的关系是怎样的？ 它们的作用是什么？ __ 阅读全文
摘要：
变量类型判断方法 Object.prototype.toString.call(),例如 Object.prototype.toString.call('hello'); // "[object String]" Object.prototype.toString.call({name:'jack' 阅读全文
摘要：
四种方法 /** * 数字金额化： * @param {*} num * 入参： 数字，例如：459087578 * 出参：字符串并逗号分割，例如：89,459,087,578 */ /** * 方法一 */ function num2amount1(num){ num += ''; let ans 阅读全文
摘要：
原文地址：Micro Frontends extending the microservice idea to frontend development 由多个拥有独立发布能力的团队构建现代Web应用程序的技术，策略和方法。 什么是微前端？ "微前端"一词最早于2016年底出现在ThoughtWor 阅读全文
摘要：
原文地址:Draw images and sprite animations 在画布上绘制自己的图像，并学习如何拉伸，缩放和旋转它们。对精灵图剪裁来创建精灵动画。在本教程结束时，您可以在画布上绘制自己的图像和动画，并在游戏中使用它们。 在本教程中，您将继续构建HTML5游戏，但首先要对如何在画布上绘 阅读全文
摘要：
原文地址:Collision detection and physics 使用JavaScript执行碰撞检测并产生物理反应。检查图形之间是否重叠，应用Hitbox并计算新速度。通过物体的质量，重力和恢复力使其更自然。 在本教程结束时，您将在游戏中运行基本的物理模拟。 创建一些移动的对象 如果您已经 阅读全文
摘要：
原文地址：Create a smooth canvas animation 在HTML5画布上创建动画，无论帧频如何均可流畅运行。了解如何调用时间和缓动函数。在本教程结束时，您可以使用JavaScript创建基本的动画。 创建web动画 您在本教程中学习创建动画的基础知识是创建游戏的关键组成部分，但 阅读全文
摘要：
原文地址:Create a proper game loop 在JavaScript中创建适当的游戏循环，并了解帧频。测量并显示fps，以查看循环效果。请求动画帧，并在本HTML5游戏教程结束之前运行自己的循环。 为什么你需要一个游戏循环 在上一教程中，您已经创建了一个在HTML5画布上绘制矩形的应 阅读全文
摘要：
原文地址:Draw shapes, paths and text 在HTML5画布上使用形状和路径绘制图形。 使用SVG路径创建矩形，圆形，直线，三角形和更复杂的形状。 在本教程结束时，您可以在画布上绘制自己的图形和文本。 绘制一个矩形 在上一教程中，您学习了如何使用上下文和画布创建HTML文件以及 阅读全文
摘要：
原文地址:Set-up an HTML5 canvas 用canvas创建HTML5文件。 了解如何缩放画布和执行绘图操作。 在本教程结束时，您可以将第一个图形绘制到屏幕上。 什么是HTML5画布? 当您想使用HTML5制作自己的图像，动画或游戏时，将需要一块画布。 <canvas>标签首先随HTM 阅读全文
摘要：
原文地址:Develop an HTML5 game 使用HTML5和JavaScript创建自己的游戏。 了解游戏循环，动画和精灵图、碰撞检测、物理和用户输入。 跟着本教程系列学习，结束之后你将拥有属于自己的基本HTML5游戏。 什么是HTML5游戏？ 本教程系列都是关于构建HTML5游戏的。 但 阅读全文
摘要：
今天晚上面试被问到用canvas实现一个扇形，现在就来总结一下前端实现一个扇形的几种方式 源文件地址：实现一个扇形 代码实现 方法1. border-radius HTML <div class="sector1"></div> CSS width: 50px; height: 50px; bord 阅读全文
摘要：
原文地址：React Hooks: everything you need to know! 🚀 从React 16.8.0开始，有新的方法可以优雅地调用异步代码，从而更轻松地在组件之间重用逻辑。 作为reactjs开发人员，您有责任了解最新的react框架功能。不是为了取悦您的老板，而是要在该领 阅读全文
摘要：
原文地址: What Is Webpack and How Does It Work WebPack基本上是模块或模块捆绑器的包装器，但是由于其组件之一即插件，可以用作任务执行器，即我们可以执行各种任务，例如移动目录，清理等。 要了解什么是Webpack，让我们分析一下此图。 Webpack概念 为 阅读全文