芊芊寻的博客

var img = new Image(); img.src = (...); img.addEventListener("load",function (e) {     ... }) img.addEventListener("error",function (e) {     ... }) 原理与页面中的onerror相同   传送门：Image() - Web API 接口 | M...

项目中使用的fetch插件没有设置请求超时的属性，在部分场景中需要使用到请求超时提醒，考虑在fetch的基础上编写一个带请求超时的插件 本身fetch是根据promise开发的，考虑使用promise中的race配合settimeout来实现这个需求，下面贴上插件代码 (function (self) { "use strict"; //默认的超时时间 var op...

目前完成了一个可以自适应字号的插件，可以提供使用，项目地址，插件介绍 在开发过程中有遇到需要根据界面dom的宽高来设置自适应字号大小，现将开发思路分享 在页面dom元素的宽和高都有限制的情况下，无法为所有的元素设置同样的字号大小，而将字号设置过小又不利于界面美观，所以我开发的思路是通过JS来动态控制dom中的字号大小，即通过JS获取dom的宽度和高度，再将字号从12px开始累...

在上传图片前需要对图片进行编辑，我选用的是cropperjs插件 绘制圆图的主要思路首先是将图片选取框中的可见区域设置为圆形，再在上传图片时在原图的基础上通过JS选取出一个圆图，再将选取的圆图上传到后台接口 1.通过CSS设置cropper选取框的样式为圆形 .cropper-view-box, .cropper-face { border-radius: 50%; } 2.通过...

作用与区别 apply,call,bind的作用都是改变运行时上下文的（即函数中的this对象），区别是apply与call是立即执行，而bind的作用是改变运行上下文后返回新的函数，用于以后执行的函数；apply与call的区别在于使用方式不同，apply中传递的参数是一个数组，而call则是传递了一系列参数，下面通过一系列例子来具体说明。 举例 var tom= { name: 'tom',...

在foreach中使用async/await的问题 问题描述 在一个数组的foreach方法中需要针对数组的每一项发起一个http请求，并且每个请求都需要同步依次处理，开始的代码如下： import urlList from './url.json'; import api from './api'; ... const autoVisit = async () => { urlLis...

背景 项目中有遇到在显示数据时需要根据显示区域的大小来自适应能够显示的最大的字号大小，以使用字号大小可以跟区域大小相适应，调查了只使用css很难做到这一点，而如果只设置一个固定的字号的话，也可能出现文字溢出的情况。 思路 考虑使用JS来控制区域内的字号大小，从最小的字号开始，计算可以容纳得下的最大的字号，再使用这个字号作为这个区域的字号。 插件 前面废话了那么多，主要是分享一下完成这个需求的思路，...

背景 在项目中需要通过rem单位来实现页面适配不同分辨率，之前都是通过设置计算的比例为10或100手动计算，或者IDE提供的插件来实现，现在考虑通过node来实现一个通用的批量转换项目中的样式文件中单位的工具。 实现 开发的思路是以文件为单位，按文件来批量转换，这时只需要设置一些与文件相关的配置项来选择需要转换的文件即可，而转换的算法利用了css插件，通过使用插件取得样式后再依次转换即可。 使用 ...