最新优雅修改node_modules中的代码
patch-package这是一个专门用来修改node_modules中包的代码的工具,使用方式也很简单:
1、安装patch-package
1npm i patch-package --save-dev
2、修改node_modules
比如我想修改包hexo,那么直接在node_modules中修改,然后执行
1npx patch-package 依赖名称
1例子: npx patch-package hexo
根目录下就会出现patches这个目录,里面会出现一个包hexo的补丁文件
如果想让其他人也同步到你修改后的代码。
3、“postinstall”:“patch-package”
在package.json的script中增加:
1"postinstall": "patch-package"
这个命令的作用就是:当执行npm install的时候,会自动执行npm run postinstall这个命令,也就是执行patch-package,这时候就会去读取上面说的 patches目录,并将那些补丁打到对应的包里,达到同步修改代码的 ...
mysql记录
Mysql中的FIELD函数
SQL中查询结果集进行指定顺序排序
1select * from table where id IN (3,6,9,1,2,5,8,7) order by field(id,3,6,9,1,2,5,8,7);
集合之Map集合
什么是Map集合
Map集合是一种双列集合,每个元素都包含两个数据
Map集合的每个元素的格式:key=value(键值对元素)
Map集合也被称为“键值对集合”
Map集合的完整格式:{key1=value1,key2=value2,key3=value3….}
Map集合的体系结构
Map集合的特点是由键来决定的
Map集合的键是无序、不重复,无索引的,值不做要求可以重复
Map集合后面重复的键对应的值会覆盖前面重复键的值
Map集合的键值对都可以为null
Map集合实现类的特点
HashMap的特点
HashMap是Map里的一个实现类。它的键是无序、不重复、无索引的
HashMap跟HashSet底层原理是一样的,都是哈希表的结构,只是HashMap的每个元素包含两个值
Set集合的底层原理就是Map实现的。只是Set集合中只要键数据,不要值数据
也是依赖hashCode方法和equal方法保证键的唯一
123456//1.创建Map集合对象Map<String,Integer> maps = new HashMap<>();//2.添加数据m ...
Collections集合工具类和可变参数
可变参数
可变参数用在形参中可以接收多个数据
可变参数的格式:数据类型… 参数名称
可变参数的作用
传输参数十分灵活,可以不传输参数,也可以传输一个或多个参数,或传输一个数组
一个方法形参列表中可变参数只能有一个,并且可变参数必须放在参数列表的最后面
123456789101112131415161718192021@Testpublic void testParams(){ //不传参数 sum(); //输出 0 [] //传多个参数 sum(1,2,3); //输出 3 [1, 2, 3] //传数组 sum(new int[]{1,2,3}); //输出 3 [1, 2, 3]}/** * 注意事项: * 1.一个方法,形参列表中可变参数只能有一个 * 2.可变参数必须放在参数列表的最后面 */public static void sum(int... nums){ //可变参数在方法内部其实就是一个数组 System.out.println(nums.length); ...
提取.bank音频包
需要提取的文件是 .bank 的音频文件包,里面包含很多条音频。
工具下载:
https://www.lanzoux.com/icxq25i
1.打开quickbms
第一个窗口把文件里的Script.bms扔进去第二个窗口把你的bank文件丢进去第三个窗口选择解压到哪
然后应该会出现一个00000000.fsb
2.把fsb_aud_extr.exe与fmodL.dll丢进新建文件夹里
在同级目录下输入cmd
打开窗口输入 .\fsb_aud_extr.exe .\00000000.fsb说白了就是”fsb [TAB] [空格] 0 [TAB]”然后回车
所有东西应该都在新建文件夹里了
常用Git命令清单
常用Git命令清单一般来说,日常使用只要记住下图6个命令,就可以了。但是熟练使用,恐怕要记住60~100个命令。
下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。
Workspace:工作区
Index / Stage:暂存区
Repository:仓库区(或本地仓库)
Remote:远程仓库
一、新建代码库12345678# 在当前目录新建一个Git代码库$ git init# 新建一个目录,将其初始化为Git代码库$ git init [project-name]# 下载一个项目和它的整个代码历史$ git clone [url]
二、配置Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项目目录下(项目配置)。
123456789# 显示当前的Git配置$ git config --list# 编辑Git配置文件$ git config -e [--global]# 设置提交代码时的用户信息$ git config [--global] user.name "[name]"$ git config [-- ...
使用GitHub 自动部署
1.准备工作
GitHub 官方的 action:GitHub Actions
GitHub 仓库一般命名为 {{username}}.github.io 这种形式。
在本仓库上再创建一个分支用于保存 Hexo 开发源码。
使用建好的分支进行 Hexo 源码备份,使用 master 分支进行博客源码部署。
这里也可以建两个仓库分别进行博客源码和 Hexo 开发源码的保存,跟建两个分支一样。
确认 _config.yml 文件中有类似如下的 GitHub Pages 配置:
1234deploy: type: git repository: git@github.com:xpnobug/blog.git branch: master
注意:将 repository 修改为自己的仓库地址。
2.创建 GitHub Personal Access Token(创建个人访问令牌)用于 GitHub Actions 所构建得虚拟系统可以内容推送到仓库。要使用令牌从命令行访问仓库,请选择 **repo(仓库)**。
3.设置仓库 Secrets将 ...
应用无障碍
1.为视觉障碍用户添加替代图像的文本在其他挑战里你应该已经见到过 img 标签的 alt 属性了。 alt 属性中的文本来描述图片内容,作为备用文字。 alt 属性可以帮助用户在图片加载失败或者不可见的情况下理解图片内容, 搜索引擎也通过它来理解图片内容,并将其加入到搜索结果中。 例如:
1<img src="importantLogo.jpeg" alt="Company logo">
视觉障碍用户无法通过视觉获取信息,而是通过屏幕阅读器将网页内容转换为音频以获取信息。 他们无法通过直观的呈现理解信息。 屏幕阅读器可以识别 alt 属性,朗读其中的内容,来告知用户图片包含的关键信息。
alt 文本可以为屏幕阅读器提供图片的描述信息, 所以你应始终为图片添加 alt 属性。 另外,根据最新的 HTML5 标准,为图片添加这个属性是必须的。
碰巧,Camper Cat 是忍者中写代码最厉害的,他正在建立一个可以分享忍者知识的网站。 他打算使用的个人资料图片可以展示他的技能,且应得到所有网站访问者的赞赏。 请给 img 标签添加一个 a ...
响应式网页设计原则
1.创建一个媒体查询媒体查询是 CSS3 中引入的一项新技术,它可以根据不同的视口大小调整内容的布局。 视口是指浏览器中,用户可见的网页内容。 视口会随访问网站的设备不同而改变。
媒体查询由媒体类型组成,如果媒体类型与展示网页的设备类型匹配,则应用对应的样式。 你可以在媒体查询中使用各种选择器和样式。
下面是一个媒体查询的例子,当设备宽度小于或等于 100px 时返回内容:
1@media (max-width: 100px) { /* CSS Rules */ }
以下定义的媒体查询,是当设备高度大于或等于 350px 时返回内容:
1@media (min-height: 350px) { /* CSS Rules */ }
注意,只有当媒体类型与所使用的设备的类型匹配时,媒体查询中定义的 CSS 才生效。
请添加一条媒体查询规则,当设备的高度小于等于 800px 时,p 标签的 font-size 为 10px。
1234567891011121314151617<style> p { font-size: ...
Flex弹性盒子
1.使用 display: flex 定位两个盒子这节我们会使用不同的挑战方式来学习如何使用 CSS 更灵活地布局元素。 首先我们会通过一个挑战来解释原理,然后通过操作一个简单的推文组件来应用弹性盒子(flexbox)。
只要在一个元素的 CSS 中添加 display: flex;,就可以使用其它 flex 属性来构建响应式页面了。
请为 #box-container 添加 display 属性,并设置其属性值为 flex。
12345678910111213141516171819202122<style> #box-container { height: 500px; display: flex; } #box-1 { background-color: dodgerblue; width: 50%; height: 50%; } #box-2 { background-color: orangered; width: 50%; height: 50%; & ...
最新评论