麒零小学生

在学习原生canvas，顺便做一个canvas进行图片剪切的小练习，加深自己对canvas的理解。计划做一个很简单很简单版的小demo，主要使用到canvas元素和一些鼠标监听事件。小demo: http://121.4.85.主要使用到了canvas中自带的drawImage(...

封装一个很简单的函数，简单的理解一下call的工作机制。不考虑各种传参问题，假设按正常规则进行传参。Function.prototype.fnCall = function (thisArg, ...thisArg.const res = thisArg.fn(...delete...

在写对象相关方法时用到了instanceof来判断对象是否属于某种类型，研究一下是怎么实现的，加深自己的理解。console.其实instanceof原理是判断左边对象的原型链中是否存在右边对象的原型对象。 封装一个很简单版的函数，便与理解instanceof工作机制。if (O...

前言环境package-lock.今天在摸鱼时看到一篇文章，讲到了pnpm这个包管理工具，完全不知道是啥。突然发现npm我都不怎么了解呢，想了解一下。 记得在项目开发时，从仓库clone代码到本地后，会有一个package-lock.json文件，只知道这个文件是用来锁定依赖包版...

抽了两天空闲时间玩了一下拖拽布局，用的少有点生疏，通过学习熟练一下各种拖拽事件。 主要有列表拖拽、表格拖拽、表单拖拽、自定义拖拽布局等，本文会使用开源库来实现这几种拖拽，自定义布局中也可以手撸代码。我的demo演示地址：http://121.4.85.SortableJS开源库是...

根据上一篇webpack打包优化之后，想将成果物在本地打开运行，发现只能展示空白页面。为何将成果包扔在线上可以正常运行呢，本文探讨一下。打包后的成果物文件如下图所示。 直接打开index.html文件，页面显示空白。 去网上搜了一下原因，发现是资源路径的问题，具体讲述可看下面这篇...

使用原生javascript的方法将canvas元素转为图片并导出有两种方式:canvas.toDataURL()和canvas.toBlob()。 但是在项目中具体使用中发现，这两种方法导出的图片效果都不是很好，有一定的模糊感；尤其是不管canvas元素是啥背景色，canvas...

之前使用webpack进行项目搭建配置时，都是操作一些基础的loader、基础插件配置与开发环境配置，没怎么考虑过打包配置。所以想整一下生产环境的配置，加深自己的理解。当不进行任何打包配置时，使用的是production环境下webapck默认的配置。我将自己之前用webpack...

前言 在开发中涉及到对象或数组的深拷贝，推荐使用lodash库中的cloneDeep方法，我在github上看这个方法已经好几年没更新了，说明已经很成熟了。哪怕自己封装，封装到最完善也和这个方法一样，