俄小发

摘要： 背景 在项目部署时，我们需要在测试环境和生产环境使用不同的变量。 vue-cli提供了vue-cli-service build打包命令，然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建，想要实现不同环境使用不同变量 阅读全文

摘要： vue3来啦，还是得不断地学习吖！ vue3官网链接 #问题 使用vite-app创建vue3项目 安装 全局安装vue-cli npm install -g @vue/cli@next 创建项目 $ npm init vite-app vue3-demo $ cd vue3-demo $ npm 阅读全文

摘要： 场景介绍 父元素内有数量不固定的子元素，当子元素宽度之和小于父元素时，子元素平均分配父元素宽度；当子元素宽度之和大于父元素时，子元素有最小宽度，滚动条显示。 1. 子元素宽度小于父元素，上下左右留有空白 2. 子元素宽度大于父元素，上下左右留有空白 错误实现 <div class="box"> <d 阅读全文

摘要： CSS预处理器 原文链接 CSS 预处理器是什么？一般来说，它们基于 CSS 扩展了一套属于自己的 DSL，来解决我们书写 CSS 时难以解决的问题： 语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器； 没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复 阅读全文

摘要： 何时使用nvm 需要在不同项目中使用不同的node版本时，可以使用nvm管理 卸载node 卸载之前安装的node，使用nvm重新install node版本进行管理 sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/no 阅读全文

摘要： 何时使用nrm 需要在不同项目中使用不同的npm镜像源时，可以使用nrm管理 安装nrm npm install -g nrm 查看可选的镜像源 nrm ls 使用镜像源 nrm use taobao // 淘宝镜像为例 增加镜像源 nrm add [镜像名] 镜像地址 删除镜像源 nrm del 阅读全文

摘要： 本篇文章主要讲述使用Flex布局、Grid布局以及媒体查询三种方式来实现响应式布局。 文章涉及代码在线coding地址 效果图： 文字描述： 屏幕大小不同，展示列数不同，1-5号按照屏幕大小可展示2到4列不等，6号始终独占一行 Flex布局 阮一峰Flex布局讲解 方案1（每一项元素不放大） 将可能 阅读全文

摘要： 初始化 在当前目录新建一个Git代码库 git init 新建一个目录，将其初始化为Git代码库 git init [project-name] 下载一个项目和它的整个代码历史 git clone [url] 配置 Git的设置文件为.gitconfig，它可以在用户主目录下（全局配置），也可以在项 阅读全文

摘要： 之前也写过类似的两篇文章： github的pull Request使用 github上fork原项目，如何将本地仓库代码更新到最新版本？ 不同之处在于合入方式，之前写的是按照"merge pull request“合入，在最近开发中，发现这样始终会多出一个commit，在fork仓库同步的时候又会多 阅读全文

摘要： 在日常工作中，我们需要将匹配到的所有路由，映射到一个组件上。 如下代码想要达到的效果： 不传page和id，则映射到user默认list页面 传page和id，根据page不同，显示不同的页面 问题 使用以下代码片段是不能实现以上效果的，因为默认情况下page和id参数是必传的，如果不传参数，则会根 阅读全文