一个开箱即用的变量类型判断库
其中包括了一些日常开发中常用得到的函数工具默认是TypeScript版本，如需在js中使用去掉类型标注即可const opt = Object.prototype.toString; /** * 检查给定对象是否为数组。 */ export function isArray(obj: any): obj is any[] { return opt.call(obj) === '[obje
H5 苹果系统底部安全区
先在头部加上下面的代码<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover" />然后就可以使用以下变量了，直接
python的pip设置阿里源
1、step1 设置pip的全局安装源为阿里云镜像pip config set global.index-url https://mirrors.aliyun.com/pypi/simple2、step2 设置pip安装时信任的主机地址pip config set install.trusted-host mirrors.aliyun.com
git常用命令
# 将工作区重置为最后一次提交的状态。这将丢弃所有未提交的更改 git reset --hard HEAD # 撤销最新的提交，并保留该提交所做的更改在工作区，适用于提交了但未推送 git reset --soft HEAD~ # 撤销最新的提交，并保留更改 git reset HEAD～ # 撤销这次合并操作，这个命令会将当前的工作目录和暂存区恢复到合并之前的状态，但不会影响已经提交的历史
Vue3等比例缩放图片组件
今天遇到一个需求，设计需要我无论什么情况都要保持图片比例不变，于是顺手写了个这个组件，组件基于vue3+ts，其实核心代码就是那几句css<template> <div style="position: relative" :style="ratioStr"> <div style="posit
写一套拟物风格的UI组件
准备写一套拟物风格的UI组件，先发篇文章后续慢慢补充吧?大概以后会长这样：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content=&
TypeScript中，如何利用数组生成一个联合类型
在开发中我们常常会遇到这样一个问题，代码如下：const arr = [ "a", "b", "c", "d", "e", "f", "g", "h", "i", "j&
如何评估算法的效率
前言在算法设计和分析中，时间复杂度是衡量算法运行时间随输入规模增长而增长的速度的一种方法，通过分析算法的时间复杂度，我们可以评估算法的效率和性能。在对一些数据量特别大的场景来说，优化算法是一件很重要的事情?，所以不能忽视。什么是时间复杂度？时间复杂度是指算法运行所需的时间与输入规模之间的关系。通常用大O符号（O）来表示，称为“大O记号”。时间复杂度描述的是算法的运行时间与输入规模之间的增长关系，而
如何降低耦合度提高代码质量
前言代码耦合度是一个重要的概念，它影响着代码的可维护性、可扩展性和可重用性。什么是代码耦合？代码耦合是指软件系统中不同模块之间相互依赖的程度。当一个模块的改变会影响到其他模块时，我们称这些模块之间存在耦合关系。代码耦合度分为紧耦合和松耦合两种情况。紧耦合：模块之间关联度高，修改一个模块可能会影响到其他模块，代码难以重用和维护。松耦合：模块之间关联度低，修改一个模块不会影响到其他模块，代码易于重用和
前端工程化
前言在2010年前，前端只是一个项目的“附赠品”，对于整个项目来说他显得无关紧要，甚至没有前后端之分，但后来为了提升用户体验，工程师们不得不把界面和交互做的更加优美和便捷，于是前端慢慢地脱离出来变成了一个单独地岗位和方向。随着前端项目复杂度的提升，传统的前端开发方式（html+css+js）已经无法满足复杂多变的开发需求，因为无论是从开发效率、心智负担、时间成本等各个方面来看都是非常不划算的，于是