博客园 - 俄小发
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=82340
2020-12-11T08:41:21Z
俄小发
https://www.cnblogs.com/eyunhua/
feed.cnblogs.com
https://www.cnblogs.com/eyunhua/p/14121161.html
vue-cli-service build 不同环境配置 - 俄小发
背景 在项目部署时,我们需要在测试环境和生产环境使用不同的变量。 vue-cli提供了vue-cli-service build打包命令,然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建,想要实现不同环境使用不同变量
2020-12-11T08:41:00Z
2020-12-11T08:41:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】背景 在项目部署时,我们需要在测试环境和生产环境使用不同的变量。 vue-cli提供了vue-cli-service build打包命令,然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建,想要实现不同环境使用不同变量 <a href="https://www.cnblogs.com/eyunhua/p/14121161.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/14121151.html
vite创建vue3.x项目报404的解决方案 - 俄小发
vue3来啦,还是得不断地学习吖! vue3官网链接 #问题 使用vite-app创建vue3项目 安装 全局安装vue-cli npm install -g @vue/cli@next 创建项目 $ npm init vite-app vue3-demo $ cd vue3-demo $ npm
2020-12-11T08:40:00Z
2020-12-11T08:40:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】vue3来啦,还是得不断地学习吖! vue3官网链接 #问题 使用vite-app创建vue3项目 安装 全局安装vue-cli npm install -g @vue/cli@next 创建项目 $ npm init vite-app vue3-demo $ cd vue3-demo $ npm <a href="https://www.cnblogs.com/eyunhua/p/14121151.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/14103850.html
子元素内容超出父元素时,padding-right失效,没有留白 - 俄小发
场景介绍 父元素内有数量不固定的子元素,当子元素宽度之和小于父元素时,子元素平均分配父元素宽度;当子元素宽度之和大于父元素时,子元素有最小宽度,滚动条显示。 1. 子元素宽度小于父元素,上下左右留有空白 2. 子元素宽度大于父元素,上下左右留有空白 错误实现 <div class="box"> <d
2020-12-08T09:41:00Z
2020-12-08T09:41:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】场景介绍 父元素内有数量不固定的子元素,当子元素宽度之和小于父元素时,子元素平均分配父元素宽度;当子元素宽度之和大于父元素时,子元素有最小宽度,滚动条显示。 1. 子元素宽度小于父元素,上下左右留有空白 2. 子元素宽度大于父元素,上下左右留有空白 错误实现 <div class="box"> <d <a href="https://www.cnblogs.com/eyunhua/p/14103850.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/14063315.html
Less常用语法总结 - 俄小发
CSS预处理器 原文链接 CSS 预处理器是什么?一般来说,它们基于 CSS 扩展了一套属于自己的 DSL,来解决我们书写 CSS 时难以解决的问题: 语法不够强大,比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器; 没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重复
2020-11-30T12:07:00Z
2020-11-30T12:07:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】CSS预处理器 原文链接 CSS 预处理器是什么?一般来说,它们基于 CSS 扩展了一套属于自己的 DSL,来解决我们书写 CSS 时难以解决的问题: 语法不够强大,比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器; 没有变量和合理的样式复用机制,使得逻辑上相关的属性值必须以字面量的形式重复 <a href="https://www.cnblogs.com/eyunhua/p/14063315.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/14063309.html
nvm的安装与使用 - 俄小发
何时使用nvm 需要在不同项目中使用不同的node版本时,可以使用nvm管理 卸载node 卸载之前安装的node,使用nvm重新install node版本进行管理 sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/no
2020-11-30T12:05:00Z
2020-11-30T12:05:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】何时使用nvm 需要在不同项目中使用不同的node版本时,可以使用nvm管理 卸载node 卸载之前安装的node,使用nvm重新install node版本进行管理 sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/no <a href="https://www.cnblogs.com/eyunhua/p/14063309.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/14049024.html
nrm的安装与使用 - 俄小发
何时使用nrm 需要在不同项目中使用不同的npm镜像源时,可以使用nrm管理 安装nrm npm install -g nrm 查看可选的镜像源 nrm ls 使用镜像源 nrm use taobao // 淘宝镜像为例 增加镜像源 nrm add [镜像名] 镜像地址 删除镜像源 nrm del
2020-11-27T08:49:00Z
2020-11-27T08:49:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】何时使用nrm 需要在不同项目中使用不同的npm镜像源时,可以使用nrm管理 安装nrm npm install -g nrm 查看可选的镜像源 nrm ls 使用镜像源 nrm use taobao // 淘宝镜像为例 增加镜像源 nrm add [镜像名] 镜像地址 删除镜像源 nrm del <a href="https://www.cnblogs.com/eyunhua/p/14049024.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/13745648.html
Flex、Grid、媒体查询实现响应式布局 - 俄小发
本篇文章主要讲述使用Flex布局、Grid布局以及媒体查询三种方式来实现响应式布局。 文章涉及代码在线coding地址 效果图: 文字描述: 屏幕大小不同,展示列数不同,1-5号按照屏幕大小可展示2到4列不等,6号始终独占一行 Flex布局 阮一峰Flex布局讲解 方案1(每一项元素不放大) 将可能
2020-09-28T08:53:00Z
2020-09-28T08:53:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】本篇文章主要讲述使用Flex布局、Grid布局以及媒体查询三种方式来实现响应式布局。 文章涉及代码在线coding地址 效果图: 文字描述: 屏幕大小不同,展示列数不同,1-5号按照屏幕大小可展示2到4列不等,6号始终独占一行 Flex布局 阮一峰Flex布局讲解 方案1(每一项元素不放大) 将可能 <a href="https://www.cnblogs.com/eyunhua/p/13745648.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/13745579.html
Git常用命令大全 - 俄小发
初始化 在当前目录新建一个Git代码库 git init 新建一个目录,将其初始化为Git代码库 git init [project-name] 下载一个项目和它的整个代码历史 git clone [url] 配置 Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项
2020-09-28T08:46:00Z
2020-09-28T08:46:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】初始化 在当前目录新建一个Git代码库 git init 新建一个目录,将其初始化为Git代码库 git init [project-name] 下载一个项目和它的整个代码历史 git clone [url] 配置 Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项 <a href="https://www.cnblogs.com/eyunhua/p/13745579.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/13215936.html
github Pull Request合入全流程介绍 - 俄小发
之前也写过类似的两篇文章: github的pull Request使用 github上fork原项目,如何将本地仓库代码更新到最新版本? 不同之处在于合入方式,之前写的是按照"merge pull request“合入,在最近开发中,发现这样始终会多出一个commit,在fork仓库同步的时候又会多
2020-06-30T12:59:00Z
2020-06-30T12:59:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】之前也写过类似的两篇文章: github的pull Request使用 github上fork原项目,如何将本地仓库代码更新到最新版本? 不同之处在于合入方式,之前写的是按照"merge pull request“合入,在最近开发中,发现这样始终会多出一个commit,在fork仓库同步的时候又会多 <a href="https://www.cnblogs.com/eyunhua/p/13215936.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/11389289.html
vue-router动态路由设置参数可选 - 俄小发
在日常工作中,我们需要将匹配到的所有路由,映射到一个组件上。 如下代码想要达到的效果: 不传page和id,则映射到user默认list页面 传page和id,根据page不同,显示不同的页面 问题 使用以下代码片段是不能实现以上效果的,因为默认情况下page和id参数是必传的,如果不传参数,则会根
2019-08-21T08:01:00Z
2019-08-21T08:01:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】在日常工作中,我们需要将匹配到的所有路由,映射到一个组件上。 如下代码想要达到的效果: 不传page和id,则映射到user默认list页面 传page和id,根据page不同,显示不同的页面 问题 使用以下代码片段是不能实现以上效果的,因为默认情况下page和id参数是必传的,如果不传参数,则会根 <a href="https://www.cnblogs.com/eyunhua/p/11389289.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/8463200.html
github上fork原项目,如何将本地仓库代码更新到最新版本? - 俄小发
场景: 在github上fork原项目,项目组成员发起pull request提交了代码,这时自己在本地仓库该如何更新到最新代码? 操作方法如下: 方法一、从github上进行操作然后更新 登录自己的github账号,在fork的项目内点击“New pull request”: 将base fork
2018-02-23T11:11:00Z
2018-02-23T11:11:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】场景: 在github上fork原项目,项目组成员发起pull request提交了代码,这时自己在本地仓库该如何更新到最新代码? 操作方法如下: 方法一、从github上进行操作然后更新 登录自己的github账号,在fork的项目内点击“New pull request”: 将base fork <a href="https://www.cnblogs.com/eyunhua/p/8463200.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/8433193.html
github的pull Request使用 - 俄小发
场景: teamA要一起做一个项目,选择用github管理自己的代码仓库,这时userA在github上新建了一个远程仓库,其他人需要通过pull request来实现提交。那么,问题来了,pull request是什么?大家又该怎么操作呢? pull request是什么? 知乎上这篇文章讲的特别
2018-02-08T12:54:00Z
2018-02-08T12:54:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】场景: teamA要一起做一个项目,选择用github管理自己的代码仓库,这时userA在github上新建了一个远程仓库,其他人需要通过pull request来实现提交。那么,问题来了,pull request是什么?大家又该怎么操作呢? pull request是什么? 知乎上这篇文章讲的特别 <a href="https://www.cnblogs.com/eyunhua/p/8433193.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/7993433.html
vue2.X版本vue-cli生成项目后运行失败,报错信息为getaddrinfo ENOTFOUND localhost - 俄小发
问题: 1、使用vue-cli生成项目 2、npm install 3、npm run dev,报错信息如下 解决方法: 经查,发现package.json中dev的脚本变成了"webpack-dev-server --inline --host 0.0.0.0 --progress --confi
2017-12-06T08:31:00Z
2017-12-06T08:31:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】问题: 1、使用vue-cli生成项目 2、npm install 3、npm run dev,报错信息如下 解决方法: 经查,发现package.json中dev的脚本变成了"webpack-dev-server --inline --host 0.0.0.0 --progress --confi <a href="https://www.cnblogs.com/eyunhua/p/7993433.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/7832331.html
npm在linux即mac下更新时报错 - 俄小发
nam在linux即mac下需要更新到新版本: 运行:npm i -g npm 报错如下: 这时候通过查资料发现是因为-g安装到全局没有权限 运行命令:sudo npm i -g npm,成功更新
2017-11-14T06:19:00Z
2017-11-14T06:19:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】nam在linux即mac下需要更新到新版本: 运行:npm i -g npm 报错如下: 这时候通过查资料发现是因为-g安装到全局没有权限 运行命令:sudo npm i -g npm,成功更新 <a href="https://www.cnblogs.com/eyunhua/p/7832331.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/7462021.html
数组Array和字符串String的indexOf方法,以及ES7(ES2016)中新增的Array.prototype.includes方法 - 俄小发
前言 我们在判断某一个字符是否存在于一个字符串中或者某一个值是否存在于一个数组中时,ES7之前我们需要使用indexOf,ES7引入了新的方法includes 语法 数组:Array.inexOf(searchElement, startIndex) 字符串:String.inexOf(search
2017-09-01T02:36:00Z
2017-09-01T02:36:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】前言 我们在判断某一个字符是否存在于一个字符串中或者某一个值是否存在于一个数组中时,ES7之前我们需要使用indexOf,ES7引入了新的方法includes 语法 数组:Array.inexOf(searchElement, startIndex) 字符串:String.inexOf(search <a href="https://www.cnblogs.com/eyunhua/p/7462021.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/6769878.html
less的使用总结 - 俄小发
简单执行less 一、使用npm全局安装less: 二、创建less文件 三、执行命令将less文件转换成css文件 less语法概括 参考文档:http://www.1024i.com/demo/less/document.html 1、变量 变量是按需加载的,不必在使用前申明 // 变量 @f9
2017-05-03T09:22:00Z
2017-05-03T09:22:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】简单执行less 一、使用npm全局安装less: 二、创建less文件 三、执行命令将less文件转换成css文件 less语法概括 参考文档:http://www.1024i.com/demo/less/document.html 1、变量 变量是按需加载的,不必在使用前申明 // 变量 @f9 <a href="https://www.cnblogs.com/eyunhua/p/6769878.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/6770399.html
ssh连接github连不上 - 俄小发
连接github报端口22连接不上: 输入命令展示出ssh_config内容后: 或者使用open /etc/ssh/ssh_config命令在文本编辑器中打开修改 修改Port:443 输入命令:ssh -T -p 443 git@ssh.github.com查看是否链接成功 然后加上: 输入命令
2017-04-26T11:51:00Z
2017-04-26T11:51:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】连接github报端口22连接不上: 输入命令展示出ssh_config内容后: 或者使用open /etc/ssh/ssh_config命令在文本编辑器中打开修改 修改Port:443 输入命令:ssh -T -p 443 git@ssh.github.com查看是否链接成功 然后加上: 输入命令 <a href="https://www.cnblogs.com/eyunhua/p/6770399.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/6735379.html
svn与git区别简介,git分支操作在mac客户端soureTree和使用命令行如何实现 - 俄小发
svn与git区别简介: 性能方面(经过实践的) svn:下载速度慢,因为它其中的源文件太多,并且在show log日志的时候每次都需要去服务器拉取,速度很慢 git:下载速度快,并且git clone项目后在本地可形成自己的服务器,这时show log日志的时候就不需要去中心服务器上拉取,很快便可
2017-04-20T06:53:00Z
2017-04-20T06:53:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】svn与git区别简介: 性能方面(经过实践的) svn:下载速度慢,因为它其中的源文件太多,并且在show log日志的时候每次都需要去服务器拉取,速度很慢 git:下载速度快,并且git clone项目后在本地可形成自己的服务器,这时show log日志的时候就不需要去中心服务器上拉取,很快便可 <a href="https://www.cnblogs.com/eyunhua/p/6735379.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/6728201.html
vue.js的package.json相关问题解惑 - 俄小发
使用vue-cli创建vue、webpack项目,在项目中用到了iSlider移动端滑动插件,只在本地命令工具中npm install islider.js;提交之后,partner下载代码后一直运行不起来,报islider.js包相关的错误,最终问题定位在package.json文件中的depen
2017-04-18T07:49:00Z
2017-04-18T07:49:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】使用vue-cli创建vue、webpack项目,在项目中用到了iSlider移动端滑动插件,只在本地命令工具中npm install islider.js;提交之后,partner下载代码后一直运行不起来,报islider.js包相关的错误,最终问题定位在package.json文件中的depen <a href="https://www.cnblogs.com/eyunhua/p/6728201.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/eyunhua/p/6624541.html
git的常用操作指令 - 俄小发
git学习网址: http://www.backlogtool.com/git-guide/cn/intro/intro2_3.html 廖雪峰的git教程 git的工作区和暂存区(描述git的工作流) git init:初始化git仓库 git add <filename>:添加文件到仓库,可反复
2017-03-26T14:52:00Z
2017-03-26T14:52:00Z
俄小发
https://www.cnblogs.com/eyunhua/
【摘要】git学习网址: http://www.backlogtool.com/git-guide/cn/intro/intro2_3.html 廖雪峰的git教程 git的工作区和暂存区(描述git的工作流) git init:初始化git仓库 git add <filename>:添加文件到仓库,可反复 <a href="https://www.cnblogs.com/eyunhua/p/6624541.html" target="_blank">阅读全文</a>