自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 收藏
  • 关注

原创 DataURL 从入门到放弃

DataURL 从入门到放弃原理DataURL中,图片被转换成base64编码的字符串形式,存储在URL中,冠以mime-type,这样就不用额外发请求。<img src="images/img.jpeg"> 常用的图片标签会额外向服务器发送一次拉取请求,这样做会占用网络资源。而使用DataURL就将图片嵌入在了html中。DataURL的格式为data:[<mediatype>][;base64],<data>,类似的如<img src="data:imag

2021-06-02 10:29:22 217

原创 正则表达式 使用笔记

正则表达式 使用笔记常用规则语法描述[ABC]匹配[...]中所有字符[^ABC]匹配除了[...]中的所有字符[A-Z] [a-z] [0-9]表示区间,分别表示匹配所有大写,所有数字和所有小写.匹配除换行符之外的任何单个字符\d,\D匹配一个数字,等价[0-9],大写反之\w,\W匹配一个字母、数字、下划线等同[A-Za-z0-9_],大写反之\s,\S匹配任何空白字符,匹配任何非空白字符^匹配字符串开始位置,除非在方括号

2021-05-28 16:39:19 82

原创 Tainwind CSS使用笔记

Tainwind CSS使用笔记What & WhyTainwind CSS是一个功能类优先的Atom CSS框架。正确使用的话,我们将会减少很多关于响应式的烦恼,语义化css的烦恼,CSS文件大小的烦恼。Installation对于大多数项目(并利用 Tailwind 的自定义功能),您需要通过 npm 安装 Tailwind 及其依赖项。npm install tailwindcss@latest postcss@latest autoprefixer@latest但Vue 3 和

2021-05-25 12:00:40 927

原创 Vite 使用笔记

Vite 使用笔记What & Whyvite是下一代前端开发与构建工具。目的在取代webpack,有更加快速的构建速度和热更新速度。Installationyarn create @vitejs/app按照命令行提示构建项目即可。FeaturesIUse环境变量Vite 在一个特殊的 import.meta.env 对象上暴露环境变量。这里有一些在所有情况下都可以使用的内建变量:import.meta.env.MODE: {string} 应用运行的模式。import.me

2021-05-25 11:59:53 1116

原创 Jest-使用笔记

Jest-使用笔记What&WhyJest是一个单元测试的工具,在vue上配合vue-test-utils我们可以更方便地去测试组件。测试组件的作用在于开发新功能为了确保不影响旧功能时自动化测试,前提是旧功能已经做过单元测试。一般开发时间比较紧迫可能也不会耗时去写单元测试,毕竟要达到覆盖率还是需要一定的时间的。Installation在项目新建时勾选单元测试,选择用jest。或在vue ui安装也可。vue add unit-testBrief Guide1. 新建spec.js文

2021-05-21 14:19:22 475

原创 vue-i18n-使用笔记

vue-i18n-使用笔记What&Whyvue-i18n是一个用于vue项目国际化的插件,在项目中使用后可以做到切换多语言版本。使用后不需要为每个页面开发两个版本,只需要在不同的js或json文件中翻译即可。Installationnpm install vue-i18n --saveyarn add vue-i18nvue add vue-i18n用vue命令新建会自动生成i18n.js、./locales、./components/helloi18n.vue文件或文件夹。Br

2021-05-21 14:15:55 468

空空如也

空空如也

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

TA关注的人

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