MrZachary_zlc的博客

原创 SQL查询语句（基本语句、聚合及分组、表连接）

(注意：查询编辑控件可以使用选中执行 ，命令有：select update delete )一、基础查询语法：1.基本使用方法： select *（列名） from chart（表名） where name='张三'（条件）2.模糊查询及逻辑关系： select * from chart where name like '张%' and sex=''男3.添加别名：(as 可以省略)select name as 姓名 ，sex as 性别 ，邮件=email from

原创 javaScript的 this绑定分析

注意：js中的this指向是根据执行上下文来确定的：绝大多数情况：1.全局执行上下文： this 指向widnow ,严格模式下指向undefied2.函数执行上下文：默认绑定： 函数调用时无前缀，默认this 指向widnow ,严格模式下指向undefied注意：严格模式下调用不在严格模式中的函数，并不会影响this指向；隐式绑定：如果函数调用时，前面存在调用它的对象，那么this就会隐式绑定到这个对象上注意1：如果函数调用前存在多个对象，this指向距离调用自己最近的对象；注意2：隐式

原创 【本地docker部署 构建sonor】

【代码】【本地docker部署 构建sonor】

原创 我的知识脉络

代码规范与风格统一：采用ESLint、Prettier等工具来统一代码风格和规范。微前端框架：Single-SPA、qiankun（乾坤）、无界、McroApp；-CSS优化：如使用CSS预处理器、PostCSS、CSS-in-JS等。-组件化和模块化：设计可复用的组件和模块，提高开发效率和代码可维护性。-压缩资源：如图片、字体、CSS和JavaScript文件。-代码评审：通过代码评审来提高代码质量和团队协作效率。-用户体验方面：加载动画、渐进式数据分页等；-白屏调优：资源体积、缓存策略、代码分段；

原创 1、用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值

【代码】1、用递归算法实现，数组长度为5且元素的随机数在2-32间不重复的值。

原创 【SVG入门知识】

顾名思义，这种格式的图像是不会失真的，它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。所以很多渲染图像的都会基于SVG去渲染，大家熟悉的像echarts，它默认是基于canvas进行渲染的，但是我们可以选择按照SVG进行渲染，这样的图像在放大的时候就不会失真。如果不指定这两个属性，SVG 图像默认大小是300像素（宽） x 150像素（高）。属性的值有四个数字，分别是左上角的横坐标和纵坐标、视口的宽度和高度。的x属性和y属性，表示文本区块基线（baseline）起点的横坐标和纵坐标。

原创 【跨代码仓库合并方案】

解决实际开发过程中，需要同时维护两套相似度大于80%的代码仓库的解决方案

原创 uri编码处理

【代码】uri编码处理。

原创 【sleep函数 手写红绿灯】

【代码】【sleep函数 手写红绿灯】

原创 【跨仓库合并代码】仓库A合并仓库B中最新的修改内容，且不覆盖仓库B的提交树

2、项目1中完成需求并提交内容；

原创 【简化loadsh中的debounce】

loadsh debounce

原创 【Javascript 浮点数的精确计算方式】

JavaScript 浮点数计算的精确方式

原创 [河内塔]汉诺塔实现

汉诺塔

原创 实现一个 async 函数

实现一个 async 函数

原创 【获取页面所有的不重复tag】

获取页面所有不重复标签和add(1)(2)() = 3的解决方案

原创 【获取页面所有的不重复tag】

获取页面所有不重复标签

原创 liunx 常用命令（1）

1、文件和文件夹操作1.pwd 绝对路径或当前工作路径；-P 可以抛开软连接；2.cd - 最近两个路径之间反复横跳；-P 可以抛开软连接；3.ls -a 把隐藏文件一起列出来；-l 列成一行；4.mkdir A ： 创建文件夹 A 可以连续创建 mkdir A A/B ；5.touch 文件名或路径+文件名； 创建文件；6.cp– 复制文件到某个文件夹。cp 文件 目标文件夹路径；– 复制某个文件到某个文件夹下并覆盖原来的文件； cp 文件 要替换的目标文件；– 复制文件夹及其内

原创 【无标题】

vim编辑器命令

原创 linux文件夹解析

前端层面 liunx 文件夹认知

原创 【千分制显示数字的方法】想错了，入参应该是字符串不是数字~先保存一下吧

恰恰舞曲

原创 分享一个最简二分法查找目标元素索引

javascript。二分法

原创 用100行代码把Promise、Promise.all、Promise.race、Promise.finally源码大法炼成～

Promise、Promise.all、Promise.race、Promise.finally大法～

转载 2021真题

2021 js真题

原创 js 预编译原理

js

原创 【特殊字符正则】

// 特殊字符&表情const regEn = /[`~!@#$%^&*()_+<>?:"{},./;’[]]/im;const regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[]]/im;const regEmoji = /[\uD800-\uDBFF][\uDC00-\uDFFF]/;

原创 JWT鉴权

原创 sql语法

(注意：查询编辑控件可以使用选中执行 ，命令有：select update delete )一、基础查询语法：1.基本使用方法：select *（列名） from chart（表名） where name='张三'（条件）2.模糊查询及逻辑关系：select * from chart where name like '张%' and sex='男’3.添加别名：(as 可以省略)select name as 姓名 ，sex as 性别 ，邮件=email from ch

原创 webpack构建原理 引鉴

https://blog.csdn.net/weixin_43334673/article/details/107598708

原创 利用粘性定位（position: sticky；） 封装一个移动端可冻结首行和第一列的表格

兼容性分析：1.position： sticky 属性的兼容性：chrome 56 以上，edge 16以上，ie不支持；2.由上述属性决定的该表格更适用于不考虑兼容性的移动端；<template> <div class="table-container"> <table> <thead> <tr> <th v-fo

原创 vue node 做RSA加密 ；； 利用jsencrypt插件（该部分放前端） node-rsa模块（该部分放node端）

前言：1.bcrypt 进行md5 加密后存在库中的密码密文是不可逆的；2.前端再用bcrypt 进行加密，两段密文是不一样的；3.bcrypt 方法比对只有该模块提供的compare方法，但是该方法要求同时提供原明文密码和库中的密文密码（一般为了保护用户账号安全，都这样放）才可以判断出密码是否正确；4.生成公私钥的方法一般用linux系统中的openssl：生成私钥：openssl genrsa -out rsa_private_key.pem 1024生成公钥：openssl rsa -in

原创 js leetcode 全排列 数组元素任意组合不重复实现方法

function combination(target) {let result = []let group = []function comb(arr) {let currentfor(let i = 0; i < arr.length; i++) {current = arr.splice(i, 1)[0]group.push(current)if(arr.length === 0) result.push(group.slice())comb(arr)arr.splice(i

原创 服务器端（node） nodemailer outlook邮箱 node-canvas echarts 服务器动态生成图表转成base64图片以邮件形式发送

function generateLineImage (myTitle, myLegend, data) { var options = { title: { text: myTitle, left: 'center' }, legend: { bottom: 0, data: myLegend }, grid: {

原创 封装一个通过 nodemailer发送邮件的工具（node服务器发送邮件）

const nodemailer = require(“nodemailer”);let adminConfig = {host: ‘xxx.163.com’, // 邮箱主机地址// port: 465, // SMTP 端口 SSL的同465// secure: true,ignoreTLS: true,auth: {user: ‘xxx.com’, // 邮箱账号pass: ‘xxx’, //密码}}const sendEmail = async (userEmail, name

原创 axios cancelToken source 取消接口请求时遇到的坑

问题描述：按照以下axios官方文档说明，使用source.tokenhe source.cancel终止请求时，调用一次source.cancel，会把所有的请求都终止，并且再次发送请求都发不出去了;解决办法：1.请求拦截器：config里面添加token（注意source=cancelToken.source（）注意：每个请求被拦截的时候都新生成一个source；2.把刚才添加的source 存储到store的数组中（setCancelToken是存soure，setClearRequests

原创 vue3 + vant 全局的loading效果制作，写的挺好的留个底

文章链接：https://blog.csdn.net/qq_36247432/article/details/115540435

原创 Javascript 的错误类型

1.SyntaxError（语法错误）；2.ReferenceError（引用错误）；3.RangeError（范围错误）；4.TypeError（类型错误）；5.URLError（URL错误）；6.EvalError（eval错误）；

原创 react生命周期（新）

1.将会移除：willMount 和willUpdate；2.mounting阶段：constructorrendercomponentDidMountupdating阶段：rendercomponentDidUpdateunmounting阶段：componentWillUnmount

原创 理解nodejs的事件循环

nodejs的一轮事件循环包含六个阶段：timer：I/O callbacks：idle（空转）：poll：check：close callback：

原创 javascript 的事件循环（执行栈和任务队列 宏任务和微任务）

js的事件循环：特点：1.单线程 、 2.非阻塞；1.执行栈（单线程）：整体代码的执行由上而下，编译一句，执行一句；2.任务队列（非阻塞）：同步代码放到执行栈中执行，异步代码会先存放到任务队列中，执行栈代码先执行，异步代码在执行栈执行完后再执行；深入解释：宏任务与微任务分类定义：宏任务：同步代码、setTimeout、setInterval、setImmediate、i/o、UI rendering（多宏任务执行顺序）；微任务：promise、Object.observe（已废弃）、mutat

原创 基本的TS使用

NumberBooleanString数组：String[]Number[]Boolean[]泛型：ArrayArrayArrayArray元祖:[Boolean,String,Number]函数：函数function（name：String）String默认参数function add(name:String=‘zachary’)可选参数function add(name？:String=‘zachary’) 可选放后边剩余参数function add(。。。r