<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[kevin的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/kai_vin</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; kai_vin]]></copyright><item><title><![CDATA[git学习笔记06：git commit回退]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/129053913</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/129053913</guid><author>kai_vin</author><pubDate>Thu, 16 Feb 2023 08:17:15 +0800</pubDate><description><![CDATA[git commit后需要回退该如何操作]]></description><category></category></item><item><title><![CDATA[git学习笔记05：多人开发代码上传合并命令]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/120839095</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/120839095</guid><author>kai_vin</author><pubDate>Tue, 19 Oct 2021 09:03:37 +0800</pubDate><description><![CDATA[正常项目开发管理过程中常用的git命令如下：
git add .
git commit -m "本次修改主要内容"
git push origin master
// github新建项目主分支名已变更为main，老项目目标不变，新命令如下
git push origin main

以上是正常情况下， 多人协作开发项目不存在同时修改同一个页面的情况，如果在项目开发过程中，存在多人同时修改了同一个文件，此时如果按以上命令，多人分别执行，则就会产生代码提交冲突，Git有如下几个命令，用来先解决冲突，再进行上传]]></description><category></category></item><item><title><![CDATA[vue+element+aixos上传文件formData形式传参]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/119149335</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/119149335</guid><author>kai_vin</author><pubDate>Tue, 27 Jul 2021 18:26:13 +0800</pubDate><description><![CDATA[element的上传文件组件可在action里直接写上传文件的接口，但一般vue+element项目都是封装了axios请求的，所以都会选择适用http-request做自定义上传，我在做这个的过程中遇到的问题：
我的代码是这样子滴：
&lt;el-upload
    class="upload-demo"
    action="none"
    :on-remove="handleRemove"
    :before-remove="beforeRemove"
    :http-request=]]></description><category></category></item><item><title><![CDATA[HTML页面中meta的相关配置]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/100653422</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/100653422</guid><author>kai_vin</author><pubDate>Mon, 09 Sep 2019 10:08:28 +0800</pubDate><description><![CDATA[1. Keywords (关键字)
说明：告诉搜索引擎你网页的关键字是什么。
用法：
&lt;meta name="keywords" content="***"&gt;

2. Description (网页描述)
说明：Description用来告诉搜索引擎你的网页主要内容。
用法：
&lt;meta name="description" content="***" /&gt;

3. Rob...]]></description><category></category></item><item><title><![CDATA[scss安装及使用总结]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/90763326</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/90763326</guid><author>kai_vin</author><pubDate>Wed, 05 Jun 2019 17:45:19 +0800</pubDate><description><![CDATA[安装scss
这里说一下比较常用的方法，我这里主要是针对项目开发方式的不同，使用两种不同的方法：
模块化开发
模块化开发通常因为会使用gulp、grunt、 webpack等工具，所以scss会作为项目的一个模块来使用，这种情况下，通常是通过npm包管理来下载scss相关插件包，并在项目中设置好让scss能正常工作的配置，关于这些配置，可以看我的webpack4.x系列的样式配置相关文章。
非模块...]]></description><category></category></item><item><title><![CDATA[常用scss占位符、混合宏mixin及引用方法]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/90375459</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/90375459</guid><author>kai_vin</author><pubDate>Mon, 20 May 2019 15:17:59 +0800</pubDate><description><![CDATA[水平居中
// Center-align a block level element
// block得有宽度margin左右为auto才能居中
@mixin center-block {
  margin-left: auto;
  margin-right: auto;
}
%center-block{
  @include center-block;
}

绝对居中
@mixin cente...]]></description><category></category></item><item><title><![CDATA[整理css小样式]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/90375068</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/90375068</guid><author>kai_vin</author><pubDate>Mon, 20 May 2019 15:03:10 +0800</pubDate><description><![CDATA[背景透明文字不透明
background: #ffffff;
background:rgba(255,255,255,.8) none repeat scroll 0 0 !important;
filter:Alpha(opacity=80);

半透明
opacity:0.8;
filter:alpha(opacity=80);

多行文本溢出显示省略号
overflow : hidden;
...]]></description><category></category></item><item><title><![CDATA[webpack4配置之——26：postcss-loader遇到的坑]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89109272</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89109272</guid><author>kai_vin</author><pubDate>Mon, 08 Apr 2019 21:27:36 +0800</pubDate><description><![CDATA[如果你喜欢这系列的文章，欢迎star我的项目，源码地址，点击这里
postcss.config.js 文件的数据格式问题
在我配置vue项目时，需要用vue-loader配合postcss-loader做配置时，发现了本项目存在的一个问题：
我在postcss.config.js中配置了parser:'postcss-scss'，这里在未配置vue-loader之前，只有css,scss,less...]]></description><category></category></item><item><title><![CDATA[git学习笔记04：创建、合并、删除分支]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89073433</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89073433</guid><author>kai_vin</author><pubDate>Sun, 07 Apr 2019 19:04:10 +0800</pubDate><description><![CDATA[在多人协作开发一个项目，或者需要重现BUG测试时，都需要去创建分支，最后再归到一起提交到远程。
创建分支
// 创建并切换到dev分支
git checkout -b dev

这是一个合并的命令，其相当于以下两个命令：
// 创建dev分支
git branch dev
// 切换到dev分支
git checkout dev

查看当前分支：
git branch

该命令会列出所有分支，当前...]]></description><category></category></item><item><title><![CDATA[git学习笔记03：从远程克隆库]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89073228</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89073228</guid><author>kai_vin</author><pubDate>Sun, 07 Apr 2019 18:49:06 +0800</pubDate><description><![CDATA[在此之前已经知道了如何将本地库的代码上传到远程库，这里会记录一下如何从远程克隆库到本地。
当需要从github上下载别人的代码，或者下载自己在其他电脑上传的项目代码时，我们需要先在终端中定位到该项目想放在的父级文件夹下，然后执行如下操作：
git clone git@github.com:yourName/RepositoryName.git

在命令执行完后，该项目就已经被克隆到本地了，如果是自...]]></description><category></category></item><item><title><![CDATA[git学习笔记02：添加远程库]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89072893</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89072893</guid><author>kai_vin</author><pubDate>Sun, 07 Apr 2019 18:19:36 +0800</pubDate><description><![CDATA[当本地版本库创建好后，需要将其添加到远程仓库，这样才能做到多人协作，或者在不同电脑获取同一项目代码。
创建ssh key 关联
添加远程库，首先需要注册并登录github,然后启动git bash，创建本地ssh key 在git bash中输入以下命令：
ssh-keygen -t rsa -C "yourEmail@email.com"

之后会要求确认路径和密码，使用默认就是不设置密码，一路...]]></description><category></category></item><item><title><![CDATA[git学习笔记01：创建版本库并添加文件到版本库]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89072395</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89072395</guid><author>kai_vin</author><pubDate>Sun, 07 Apr 2019 17:38:03 +0800</pubDate><description><![CDATA[创建版本库
让git管理项目，每个文件的删除、修改、添加，git都能追踪到
给项目创建本地版本库非常简单，终端找到项目根目录，并执行以下命令：
git init

此时，本地版本库就已经创建好了，在当前根目录下回多出一个.git目录，这个目录是git用来管理版本库的，该目录默认是隐藏状态，用ls -ah命令可以看见该目录。
文件添加到版本库
git add demo.html

git add d...]]></description><category></category></item><item><title><![CDATA[webpack4配置之——25：webpack引入eslint]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89026115</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89026115</guid><author>kai_vin</author><pubDate>Thu, 04 Apr 2019 16:07:49 +0800</pubDate><description><![CDATA[如果你喜欢这系列的文章，欢迎star我的项目，源码地址，点击这里
webpack 引入 eslint
首先安装webpack支持eslint三件套:
yarn add eslint eslint-loader eslint-friendly-formatter -D

然后修改webpack.dev.conf.js文件，添加如下rule：
{
    test: /\.js$/,
    use:...]]></description><category></category></item><item><title><![CDATA[webpack4配置之——24：细说webpack4打包及拆分代码]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89026077</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89026077</guid><author>kai_vin</author><pubDate>Thu, 04 Apr 2019 16:06:40 +0800</pubDate><description><![CDATA[如果你喜欢这系列的文章，欢迎star我的项目，源码地址，点击这里
webpack4.x打包拆分
在第14章开发、生产环境的拆分代码中，其实已经对webpack4.x的打包拆分，做过简单的介绍，但是在当时我对这一块其实也是一脸懵逼状态，只知道是这样配置的，但是具体该如何操作也是不清楚的，这里会略微细说一下，当然也只是个人了解到的了
在上一章中，说到过对第三方插件库的打包问题，说到了打包速度和打包后包...]]></description><category></category></item><item><title><![CDATA[webpack4配置之——23：细说webpack4引入第三方库]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89026027</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89026027</guid><author>kai_vin</author><pubDate>Thu, 04 Apr 2019 16:05:29 +0800</pubDate><description><![CDATA[如果你喜欢这系列的文章，欢迎star我的项目，源码地址，点击这里
webpack4 对 JS 文件的引入
在本项目的第19章引入第三方插件库中，已经说过一种对 JS 的引入方法，就是使用 expose-loader，而对非npm 包的引入也在那一章做过介绍，那么引入第三方插件并不是只有那一种办法，这里主要介绍一下其他的引入方法。
其实不用expose-loader也能引入，也能用，只是不够完美，这...]]></description><category></category></item><item><title><![CDATA[webpack4配置之——22：辅助插件-cross-env、friendly-errors-webpack-plugin、node-notifier、webpack-bundle-analyzer]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89025966</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89025966</guid><author>kai_vin</author><pubDate>Thu, 04 Apr 2019 16:03:56 +0800</pubDate><description><![CDATA[如果你喜欢这系列的文章，欢迎star我的项目，源码地址，点击这里
cross-env
yarn add cross-env -D

cross-env 能够跨平台的设置及使用环境变量，修改package.json 文件的命令：
"dev": "cross-env NODE_ENV=development webpack --config webpack.dev.conf.js",
"start":...]]></description><category></category></item><item><title><![CDATA[webpack4配置之——21：生产环境打包静态资源]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/89025874</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/89025874</guid><author>kai_vin</author><pubDate>Thu, 04 Apr 2019 16:01:21 +0800</pubDate><description><![CDATA[如果你喜欢这系列的文章，欢迎star我的项目，源码地址，点击这里
生产环境打包静态资源
一个完整的项目，不仅有开发依赖的各种文件需要打包上传到服务器上，也许还会有各种开发文档，项目中没引用过的图片、设计图、或者会有一些静态页面不需要编译，也要上传到服务器上，以方便预览。
这里就需要用到插件copy-webpack-plugin，首先下载该插件：
yarn add copy-webpack-plug...]]></description><category></category></item><item><title><![CDATA[yarn常用命令、设置镜像以及设置node-sass镜像源]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/88901778</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/88901778</guid><author>kai_vin</author><pubDate>Fri, 29 Mar 2019 20:59:51 +0800</pubDate><description><![CDATA[项目初始化
yarn init
yarn init --yes / yarn init -y

全局安装
yarn global add packageName

安装项目依赖
yarn add packageName

安装开发依赖
yarn add packageName --dev/yarn add packageName -D

移除安装包
yarn remove packageName/...]]></description><category></category></item><item><title><![CDATA[判断IE浏览器的文档模式以及浏览器模式]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/88791847</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/88791847</guid><author>kai_vin</author><pubDate>Mon, 25 Mar 2019 13:27:42 +0800</pubDate><description><![CDATA[IE浏览器的浏览器模式和文档模式
判断浏览器模式：
function IEVersion() {
    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
    var isIE = userAgent.indexOf("compatible") &gt; -1 &amp;&amp; userAgent.indexOf("MS...]]></description><category></category></item><item><title><![CDATA[webpack4配置之——20：发布并预览测试及生产环境]]></title><link>https://blog.youkuaiyun.com/kai_vin/article/details/88722677</link><guid>https://blog.youkuaiyun.com/kai_vin/article/details/88722677</guid><author>kai_vin</author><pubDate>Thu, 21 Mar 2019 18:43:13 +0800</pubDate><description><![CDATA[发布测试及生产环境
一个项目从开发到测试到上线，这个过程的三个阶段，需要三个环境的代码,也就需要三套webpack配置文件

开发环境(webpack.dev.conf.js)：怎么方便怎么来~，想怎么配置就怎么配置；
测试环境(webpack.test.conf.js)：测试环境的配置与生产环境要一致，以达到在测试环境还原生产环境BUG的目的，其与生产环境不同之处在于，测试环境打包可以不用压缩，...]]></description><category></category></item></channel></rss>