JS简单实现姓名（单姓、复姓）的脱敏

前言互联网个人姓名隐私，大部分都喜欢对名称脱敏处理。形如： 许** 马** 欧阳**代码实现 function formatName(name) { // 复姓氏 var doubleSurname = [ '欧阳', '太史', '端木', '上官', '司马', '东方', '独孤', '南宫', '万俟', '闻人', '夏侯', '诸葛', '尉迟', '公羊', '赫连', '澹台', '皇甫', '宗政', '濮阳', '公冶', '太叔', '申屠', '公孙', '慕容', '仲孙', '钟离', '长孙', '宇文', '司徒', '鲜于', '司空', '闾丘', '子车', '亓官', '司寇', '巫马', '公西', '颛孙', '壤驷', '公良', '漆雕', '乐正', '宰父', '谷梁', '拓跋', '夹谷', '轩辕', '令狐', '段干', '百里', '呼延', '东郭', '南门',

学习 · 2022-02-16

Canvas 简单实现分享海报

前言现存大部分系统中，用于引流分享必不可少的就是海报分享，海报分享的特性莫过于便捷的传播、新用户的了解和加入系统。在每次开发系统中，都需要重新编写一套海报生产代码，造成了大量时间的荒废，故此简单封装canvas生产海报的方法，如有bug请勿打扰！实现入参规范1.canvas 整体宽高 width height2.背景色3.渲染内容 completelyCanvas(750, 1334, '#fff', overly) 其中渲染内容是一个数组，数组内容包含背景图，二维码和相应文本内容等等...字段说明{ // 二维码图片 type: 'image', // 绘制类型 text / image data: 'https://qiniu.lettered.cn/2022/01/06/100073.png', // 内容信息（图片使用的url） width: 175, // 绘制宽度 height: 175,// 绘制高度度 xAxis: 77, // x轴位置（起始点） yAxis: 1108 // y轴位置（起始点） }举个例子let overly = [ {

学习 · 2022-01-07

实现节流函数throttle

// 第四版 function throttle(func, wait, options) { var timeout, context, args, result; var previous = 0; if (!options) options = {}; var later = function() { previous = options.leading === false ? 0 : new Date().getTime(); timeout = null; func.apply(context, args); if (!timeout) context = args = null; }; var throttled = function() { var now = new Date().getTime(); if (!previous && options.leading === false) previous =

学习 · 2021-11-30

实现防抖函数debounce

function debounce(func, wait, immediate) { var timeout, result; var debounced = function () { var context = this; var args = arguments; if (timeout) clearTimeout(timeout); if (immediate) { // 如果已经执行过，不再执行 var callNow = !timeout; timeout = setTimeout(function(){ timeout = null; }, wait) if (callNow) result = func.apply(context, args) } else { timeout = setTimeout(function(){ result = func.apply(cont

学习 · 2021-11-30
2020 - 2025 LETTERED. All Rights Reserved.
Theme Jasmine by Kent Liao | 桂ICP备15008025号-6