自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 问答 (1)
  • 收藏
  • 关注

原创 利用nvm安装npm失败的解决办法 Downloading npm version 6.14.18... Error while downloading

然后转到 C:\Users\xxx\AppData\Roaming\nvm\v10.16.3\node_modules\npm\bin 并复制两个 npm 文件。然后将下载的 npm 压缩文件解压到 C:\Users\xxx\AppData\Roaming\nvm\v10.16.3\node_modules\npm。现在进入 C:\Users\xxx\AppData\Roaming\nvm\v10.16.3\node_modules\ 并创建新的 npm 文件夹。打开cmd并运行命令。

2024-04-16 09:59:28 1082 1

原创 any与unknown的区别

any和unknown的主要区别在于类型检查的严格程度。any允许对其进行任意操作,而unknown需要进行类型检查或类型断言后才能进行操作,从而避免了any类型污染问题,提供了更强的类型安全性。在使用时,应尽量使用unknown类型代替any类型,并在需要时进行类型检查和类型断言,以提高代码的类型安全性。

2023-12-02 12:32:45 560

原创 用customize-cra+react-app-rewired配置px2rem

【代码】用customize-cra+react-app-rewired配置px2rem。

2023-11-29 11:25:27 630

原创 用customize-cra+react-app-rewired配置less+css module

直接导出,会报以下错误。

2023-11-29 11:08:32 944

原创 http协议

请求体的内容格式是非常灵活的,可以设置任意内容。

2023-11-21 16:22:33 90

原创 Webpack5 系列:Babel 的配置

本篇将介绍对于项目中 JS 文件的处理。

2023-10-31 19:24:23 635

原创 Webpack5中devServer配置contentBase报错的问题

结果报错,没有contentBase这个属性,已经被弃用了。

2023-10-30 19:42:23 373

原创 设计模式-综合应用(一)

介绍使用jQuery做一个模拟购物车的示例用到的设计模式工厂模式 单例模式装饰器模式 观察者模式状态模式 模板方法模式 代理模式UML类图

2023-10-19 19:57:41 232

原创 设计模式-中介者模式

【代码】设计模式-中介者模式。

2023-10-18 19:55:15 446

原创 设计模式-备忘录模式

【代码】设计模式-备忘录模式。

2023-10-18 09:42:34 380

原创 设计模式-命令模式

【代码】设计模式-命令模式。

2023-10-17 20:02:53 732

原创 设计模式-职责链模式

【代码】设计模式-职责链模式。

2023-10-17 19:32:02 365

原创 设计模式-享元模式

【代码】设计模式-享元模式。

2023-10-10 20:07:26 373

原创 设计模式-组合模式

整体和单个节点的操作是一致的整体和单个节点的数据结构也保持一致。

2023-10-10 12:50:22 370

原创 设计模式-桥接模式

【代码】设计模式-桥接模式。

2023-10-10 12:33:05 292 1

原创 设计模式-状态模式

if else。

2023-10-09 13:07:43 500

原创 设计模式-迭代器模式

【代码】设计模式-迭代器模式。

2023-09-26 20:08:25 277

原创 设计模式-观察者模式

【代码】设计模式-观察者模式。

2023-09-25 15:18:07 529

原创 设计模式-外观模式

【代码】设计模式-外观模式。

2023-09-20 19:39:27 418

原创 设计模式-代理模式

【代码】设计模式-代理模式。

2023-09-20 19:14:19 402

原创 装饰器模式

【代码】装饰器模式。

2023-09-15 20:10:49 225

原创 设计模式-适配器模式

【代码】设计模式-适配器模式。

2023-09-12 10:02:39 498

原创 设计模式-单例模式

【代码】设计模式-单例模式。

2023-09-11 19:56:25 285

原创 git 操作

查看当前remote。

2023-08-15 11:55:36 401

原创 svg圆形进度条

css3实现的圆形进度条较复杂,代码量较多,本文稍微讲解下如何使用svg实现圆形进度条。以上代码绘制一个半径为50的圆。

2023-08-11 11:19:59 222

原创 svg的使用方式

【代码】svg的使用方式。

2023-08-03 19:12:51 45

原创 CSS条件选择器:has()和:nth-last-child()

列表有时候需要根据个数显示不同的样式,这时候,CSS条件选择器能帮上大忙!主要利用CSS伪类:has()和。

2023-05-19 11:20:25 367

原创 【无标题】

屏幕转动,设置根元素字号。

2023-04-25 17:45:18 75

原创 快速搭建React TypeScript项目

其实放在两个文件夹区别就在于是否会被webpack所处理,如果您将文件放入该public文件夹,webpack将不会处理它,在你打包的时候,会将public文件夹直接复制一份到你构建出来的文件夹中。当然,在实际项目中,公共文件夹public还是有它的作用的,如果你希望你的文件不被编译,比如jquery.min.js,或者压缩好的js插件等,你就可以把文件放在public文件夹中,这样还可以减少文件构建时间,可以减少构建文件的大小。缺少文件会导致编译错误,而不是用户的404错误。...

2022-08-01 10:00:23 443

原创 【无标题】css实现高度动态过渡

css 实现高度动态过渡

2022-07-29 20:21:07 994

原创 Linux之ssh-copy-id命令

ssh-copy-id 命令可以把本地主机的公钥复制到远程主机的 authorized_keys 文件上。authorized_keys 文件用来验证 client 。使用 ssh-copy-id 命令将本地公钥复制到远程主机之后可以实现免密登录远程主机。ssh-copy-id 用来将本地公钥复制到远程主机。如果不传入 -i 参数,ssh-copy-id 使用默认 ~/.ssh/identity.pub 作为默认公钥。如果多次运行 ssh-copy-id ,该命令不会检查重复,会在远程主机中多次写入 aut

2022-06-10 11:33:02 1669

原创 配置vscode 远程开发+ 免密登录

配置vscode远程开发,免密登陆

2022-06-10 11:28:38 483 1

原创 列表一行显示一个元素,两个元素,三个元素,四个元素时的样式

情景:有时候想要这样一种效果,当列表中有一个元素时,显示一个元素并且充满整一行;当列表中有两个元素时,显示两个元素并且平分宽度;当列表中有三个元素时,三等分宽度;当列表中有四个元素时,四等分宽度;…实现:利用css的选择器实现。......

2022-06-08 11:22:21 794

原创 es6 export、import、export default命令

ES6模块是编译时加载,在编译时就能确定模块的依赖关系。ES6模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。//ES6模块import { stat, exists, readFile } from 'fs';上面代码实质是从fs模块加载3个方法,其他方法不加载。这种加载称为“编译时加载”或者静态加载,即ES6可以在编译时就完成模块加载。import()ES2020提案引入import()函数,支持动态加载模块。import(specifier)上

2022-02-10 11:00:55 713

原创 css引入外部字体

css引入外部字体@font-face { font-family: "FontName"; src: url($img + "fonts/TTTGB-Medium.ttf") format('truetype'), url($img + "TTTGB-Medium.eot") format('embedded-opentype'), url($img + 'TTTGB-Medium.woff') format('woff');}字体后缀和浏览器有关,如下所示

2022-01-26 10:16:10 549

原创 react中px转rem,踩坑记

临近放假,公司没什么事,从GitHub拉个项目来学习下。想不到刚刚搭建项目就遇到了问题。问题:postcss-px2rem与postcss8不兼容问题。因为是移动端项目,所以用rem做单位,所以运行命令npm i postcss-px2rem安装px2rem根据网上的教程:在webpack.config.js配置文件中做相应的配置:const px2rem = require('postcss-px2rem');一顿操作后,运行项目npm start报错改为用postcss-pxtor

2022-01-25 15:19:36 1168 2

原创 移动端适配

网页适配 iPhoneXiPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。适配之前需要了解几个新知识安全区域安全区域指的是一个可视窗口范围,处于安全区域的内容不受圆角(corners)、齐刘海(sensor housing)、小黑条(Home Indicator)影响,如下图蓝色区

2021-09-17 11:49:05 1388

原创 error An unexpected error occurred: “https://registry.nlark.com/date-fns/download/date-fns-2.23.0.tg

解决方案:运行命令,把资源地址设置成npm淘宝源npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist结果还是不行,继续百度一通。运行删除代理命令:npm config rm proxy npm config rm https-proxy重新yarn,ok了。...

2021-09-17 11:47:48 3827

转载 Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node-sass运行报错

vue安装node-sass编译报错安装node-scss报错安装node-scss报错在搭建vue脚手架 或者是在vue项目中,想使用sass的功能,npm install node-sass --save-dev //安装node-sassnpm install sass-loader --save-dev //安装sass-loadernpm...

2019-11-14 17:40:46 150

原创 不同路由,同一个组件

在真实的业务中,不同的路由匹配同一个组件的场景很多,官方推荐用watch $route的变化来做处理,麻烦且难以实现,百度发现有大神通过在router-view上加上一个唯一放入key值,来保证路由切换是都会重新渲染触发钩子。<router-view :key="key" > </router-view>computed:{ key() { ...

2019-11-06 18:17:24 603

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除