前端40个基础小技巧
# 数字转换
# 进制转换
将 10 进制转换成 n 进制,可以使用 toString (n)
const toDecimal = (num, n = 10) => num.toString(n) | |
// 假设数字 10 要转换成 2 进制 | |
toDecimal(10, 2) // '1010' |
将 n 进制转换成 10 进制,可以使用 parseInt (num, n)
// 10 的 2 进制为 1010 | |
const toDecimalism = (num, n = 10) => parseInt(num, n) | |
toDecimalism(1010, 2) |
jsdelivr的CDN加速替换方案
jsdeliver 突然挂了,2022 年某一天,突然发现自己的 hexo 博客的图床全部崩溃,个别依赖如评论组件也是用不了,一查,原来 cdn.jsdelivr 加速直接不可用了,广大博主都同一时间遇到这个问题,后将 cdn.jsdelivr 替换为 fastly.jsdelivr 解决,并且将图床移至到了自己的服务器, 还是句话:“免费的东西最贵” # 本地化 / 自建 CDN 最靠谱的方法还是本地化或者把需要的 js 等文件自己进行 CDN。 一般个人博客使用的静态资源还是有限的,就那么几个,还不如自己下载下来,放到对应的目录。或者加到自己的服务器或者 CDN。 使用...
more...HTML水平垂直居中
# 一、 负外边居中
/* 省略了尺寸的设置,侧重了重点,读者可以把部分内容加上 */ | |
.main{/* 父元素 */ | |
position: relative; | |
} | |
.child{/* 子元素 */ | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
margin-left: /* 负的自身宽度一半 */ | |
margin-top: /* 负的自身高度一半 */ | |
} |
如何在Vue 3中设置具有多个动态参数的动态路由(Vue Router)
在 Vue 3 中设置具有多个动态参数的动态路由,可以通过 Vue Router 的 routes 配置来实现。以下是具体的步骤和示例代码:
# 基础概念
动态路由是指在路由路径中使用冒号 : 来定义参数,这些参数可以在组件内通过 this.$route.params 访问。多个动态参数意味着路由路径中可以有多个这样的参数。
# 类型
- 单动态参数路由:如
/user/:id - 多动态参数路由:如
/user/:id/profile/:profileId
# 应用场景
当需要根据不同的参数展示不同的内容时,可以使用动态路由。例如,一个用户管理系统,可能需要根据用户 ID 和用户的个人资料 ID 来展示不同的信息。
对比总结 Vue3 的新写法
本文的目的,是为了让已经有 Vue2 开发经验的 人 ,快速掌握 Vue3 的写法。
因此, 本篇假定你已经掌握 Vue 的核心内容 ,只为你介绍编写 Vue3 代码,需要了解的内容。
linux 中,mysql数据库备份操作
1. 新建一个 sh 脚本(可以先建一个 txt 文本,然后改为 sh 文件)。 代码如下: #!/bin/bash#设置 mysql 备份目录folder=/**/**cd $folderday=`date +%Y%m%d`rm -rf $daymkdir $daycd $day#数据库服务器ip=IP地址#数据库端口号host=数据库端口#用户名user=root#密码password=数据库root的密码#要备份的数据库db=数据库名称#数据要保留的天数days=7mysqldump -h$ip -P$host -u$user -p$password $db>...
more...读Immer.js源码
# 1 引言 Immer 是最近火起来的一个项目,由 Mobx 作者 Mweststrate 研发。 了解 mobx 的同学可能会发现,Immer 就是更底层的 Mobx,它将 Mobx 特性发扬光大,得以结合到任何数据流框架,使用起来非常优雅。 # 2 概述 # 麻烦的 Immutable Immer 想解决的问题,是利用元编程简化 Immutable 使用的复杂度。举个例子,我们写一个纯函数: const addProducts = products => { const cloneProducts = products.slice()...
more...immer.js 入门
# 前言
Immer 是 mobx 的作者写的一个 immutable 库,核心实现是利用 ES6 的 proxy,几乎以最小的成本实现了 js 的不可变数据结构,简单易用、体量小巧、设计巧妙,满足了我们对 JS 不可变数据结构的需求。
无奈网络上完善的文档实在太少,所以自己写了一份,本篇文章以贴近实战的思路和流程,对 Immer 进行了全面的讲解。









