<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[guo8ke的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/guo8ke</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; guo8ke]]></copyright><item><title><![CDATA[同时多项目多个node版本-比nvm好用的volta]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/131685230</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/131685230</guid><author>guo8ke</author><pubDate>Wed, 12 Jul 2023 17:18:33 +0800</pubDate><description><![CDATA[直接在项目目录中执行 node -v ， volta会自动安装对应的node版本，安装完成输出对应的版本号。c:  除了管理node包还会管理对应版本下的其他包（npm、yarn、typescript）2、开发环境中多个项目需要node版本不同，且同时不止是一个项目在开发中，用了nvm进行node版本管理和切换，但是太麻烦。1、服务器上跑的多个node项目需要不同的node版本，且没条件上docker。a：和nvm类似都可以管理切换node版本。配置好后，安装当前项目的依赖包，后启动项目。]]></description><category></category></item><item><title><![CDATA[vue组件测试-Vue Test Utils 应用入门]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/119728308</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/119728308</guid><author>guo8ke</author><pubDate>Mon, 16 Aug 2021 11:47:57 +0800</pubDate><description><![CDATA[一、前言 

我们在vue项目中Vue Test Utils 测试环境已经搭建完成的基础上来进行演示，搭建环境可以看我之前的文章。

本文中使用的相关技术点连接：

 测试环境： Vue Test Utils 

 断言库：chai



二、基础

 1、describe:

 存放测试用例的容器，一个describe中可以定义多个测试用例。

...]]></description><category></category></item><item><title><![CDATA[jest搭建vue项目单元测试-现有老项目]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/119514265</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/119514265</guid><author>guo8ke</author><pubDate>Sun, 08 Aug 2021 15:29:11 +0800</pubDate><description><![CDATA[说到项目会分为新建的醒目和老项目两种。

jest搭建vue项目单元测试-vue-cli创建新项目

我们接下来说现有老项目。

现有的vue老项目或者没使用vue-cli创建项目搭建jset单元测试：




 1、安装


npm i @vue/test-utils babel-jest jest jest-serializer-vue jest-transform-stub vue-jest -D



 2...]]></description><category></category></item><item><title><![CDATA[jest搭建vue项目单元测试-vue-cli创建新项目]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/119444214</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/119444214</guid><author>guo8ke</author><pubDate>Sun, 08 Aug 2021 14:18:34 +0800</pubDate><description><![CDATA[说道项目会分为新建的醒目和老项目两种，我们先来说新项目。

一、新项目加入jest单元测试

 1、创建项目

 使用vue脚手架创建项目 test-vue-jest

vue create test-vue-jest

 2、创建项目过程中配置选项

 在配置项中按照正常创建项目选择配置项即可，此外需要选择单元测试“Unit Testing” 和 “Jest”选项如下图：

...]]></description><category></category></item><item><title><![CDATA[jest搭建前端测试]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/119416890</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/119416890</guid><author>guo8ke</author><pubDate>Thu, 05 Aug 2021 15:10:44 +0800</pubDate><description><![CDATA[市面上主流的前端测试框架


	Jasmine ： JavaScript测试框架（BDD），这个也算是比较早的测试框架。
	
	
	MOCHA: 它是一个功能丰富的JavaScript测试框架，运行在Node.js和浏览器中，使异步测试变得简单有趣。也是非常优秀的框架。
	
	
	Jest：目前最流行的前端测试框架，几乎国内所有的大型互联网公司都在使用
	
之前有安装过karma+mocha+chai+webpack，不过配置起来有些繁琐。jest作为目前最流行的测试框架，安装配置比较简单，容易上手。我们今]]></description><category></category></item><item><title><![CDATA[前端脚手架搭建]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/119350332</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/119350332</guid><author>guo8ke</author><pubDate>Tue, 03 Aug 2021 15:24:57 +0800</pubDate><description><![CDATA[在前段开发中很多时候我们需要自动化做一些事情，比如vue-cli，我们可以通过他来快速创建一个项目。不过每个公司团队的技术体系不同和需求不同，我们可不可以按照个性化需求来创建自己的脚手架呢，可以的。

一、创建脚手架项目并安装依赖

 1、初始化项目

npm init my-test-cli

 2、安装依赖

commander命令注册库，通过他来注册命令。

c...]]></description><category></category></item><item><title><![CDATA[前端单元测试-karma+mocha+chai]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/119345558</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/119345558</guid><author>guo8ke</author><pubDate>Tue, 03 Aug 2021 14:57:07 +0800</pubDate><description><![CDATA[一、概念普及

 1、单元测试运行环境：

 运行环境是集成一系列功能的工具，我们可以通过它来选择“测试框架”、自动打开浏览器、查看测试结果等功能。我们可以把它近似的理解为vue的vue-cli。

 我们选用karma作为运行环境

 2、单元测试框架：

 测试框架规定了测试用例的代码结构和测试流程。我们可以近似理解为类似vue的概念。

 我们选用moch...]]></description><category></category></item><item><title><![CDATA[js __proto__、prototype 、constructor 三者关系总结]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/103893541</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/103893541</guid><author>guo8ke</author><pubDate>Wed, 08 Jan 2020 16:47:21 +0800</pubDate><description><![CDATA[一__proto__属性：

__proto__ ，怎么读？ 杠杠？proto？杠杠？

__proto__ 读作“dunder proto”，“double underscore proto”的缩写。并且它前后两边 分别是 两个 “_”(下划线)。



由__proto__属性来连接对象，直到null，就是所谓的“原型链”。原型链概念时必须了解的 。



对象的__proto__链接到...]]></description><category></category></item><item><title><![CDATA[JS事件循环机制（event loop）：宏任务和微任务]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/103893082</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/103893082</guid><author>guo8ke</author><pubDate>Wed, 08 Jan 2020 16:13:34 +0800</pubDate><description><![CDATA[在学习js事件循环机制（event loop）时候，为了加强理解记忆，作下记录：



每个线程都会有它自己的event loop(事件循环)，在event loop任务队列中分为宏任务和微任务。



macro-task(宏任务)：包括整体代码script，setTimeout，setInterval

micro-task(微任务)：Promise，process.nextTick

...]]></description><category></category></item><item><title><![CDATA[Anaconda python 使用笔记]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/100122357</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/100122357</guid><author>guo8ke</author><pubDate>Wed, 28 Aug 2019 16:53:07 +0800</pubDate><description><![CDATA[1、创建环境

conda create --name &lt;env_name&gt; &lt;package_names&gt;

例如 ：conda create --name python2 python=2.7

env_name：即创建的环境名

package_names：即安装在环境中的包名





2、切换环境

linux和mac：

source activate &l...]]></description><category></category></item><item><title><![CDATA[发布npm包-简要记录]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/99948237</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/99948237</guid><author>guo8ke</author><pubDate>Wed, 21 Aug 2019 12:05:33 +0800</pubDate><description><![CDATA[1注册账号

注册npm账号，需要邮箱。

激活npm账号，npm账号注册成功以后会收到邮件，邮件中有个链接，点进去进行激活。



2创建项目

npm init 创建项目：

name 命名规则-不能包含大写字母，空格及下滑线

version 创建时候默认1.0.0就行，以后可以在package.json中去修改

description： 描述，可以不填，以后再package.json中...]]></description><category></category></item><item><title><![CDATA[解决浏览器记住密码后表单自动填充问题]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/94733813</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/94733813</guid><author>guo8ke</author><pubDate>Fri, 05 Jul 2019 14:20:20 +0800</pubDate><description><![CDATA[1、autocomplete="new-password"

在input 标签中 增加autocomplete="new-password" 属性，但是有些浏览器失效。

2、增加form标签

在input外面要有form标签包裹，但是有些浏览器也会存在自动填充问题。

3readonly onfocus="this.removeAttribute('readonly');"

我目前用的...]]></description><category></category></item><item><title><![CDATA[git 分支操作记录]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/92837314</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/92837314</guid><author>guo8ke</author><pubDate>Wed, 19 Jun 2019 16:48:23 +0800</pubDate><description><![CDATA[查看分支：

查看本地分支：

git branch

查看远程分支：

git branch -r

查看全部分支（本地和远程）:

git branch -a



新建分支：

创建新分支：

git branch &lt;新分支名&gt; [commitid]

创建新分支并且切换到新分支为当前分支：

git checkout -b &lt;新分支名&gt; [commitid]

/...]]></description><category></category></item><item><title><![CDATA[Vue Element-ui el-table sortablejs 表格拖拽排序]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/92800726</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/92800726</guid><author>guo8ke</author><pubDate>Tue, 18 Jun 2019 22:09:17 +0800</pubDate><description><![CDATA[首先要在项目中本地安装 sortablejs：


执行 ：npminstallsortablejs--save

然后在要实现表格拖拽的.vue文件中 引入 sortablejs：


import Sortable from 'sortablejs'

基本排序功能 templete里面的表格（el-table）不需要进行设置。



只需要在vue 的mounted 方法中 进...]]></description><category></category></item><item><title><![CDATA[Element Ui 源码本地化修改使用]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/90669554</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/90669554</guid><author>guo8ke</author><pubDate>Wed, 29 May 2019 14:05:59 +0800</pubDate><description><![CDATA[一、获取源码：

先创建要保存源码的文件夹，进入该文件夹

使用 git clonehttps://github.com/ElemeFE/element.git

把Element Ui 的源码 克隆到本地，会发现当前文件夹下生成了一个element目录，这就是克隆到本地的源码了。



二、安装依赖

进入element目录， 命令行终端 运行 npm install 。

这样 依赖包...]]></description><category></category></item><item><title><![CDATA[vue 依赖注入 provide/inject 实战]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/90668337</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/90668337</guid><author>guo8ke</author><pubDate>Wed, 29 May 2019 13:22:49 +0800</pubDate><description><![CDATA[官网描述是：

provide选项允许我们指定我们想要提供给后代组件的数据/方法。在这个例子中，就是&lt;google-map&gt;内部的getMap方法：


provide: function () {
  return {
    getMap: this.getMap
  }
}

然后在任何后代组件里，我们都可以使用inject选项来接收指定的我们想要添加在这个实例上的...]]></description><category></category></item><item><title><![CDATA[前端数据展现发展浅析]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/90384598</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/90384598</guid><author>guo8ke</author><pubDate>Tue, 21 May 2019 00:03:26 +0800</pubDate><description><![CDATA[从页面数据展现可以分为服务端渲染，和前端渲染。

一、下面代码大家都不陌生，这事ASP的服务端渲染的写法：

&lt;%="首页"%&gt;

&lt;%response.write("首页")%&gt;

&lt;%

for i = 1 to 10
%&gt;

&lt;p&gt;&lt;%=i%&gt;&lt;/p&gt;

&lt;%
next

%&gt;

这种写法最大的不便就是每次想...]]></description><category></category></item><item><title><![CDATA[Vue快速搭建]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/90383742</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/90383742</guid><author>guo8ke</author><pubDate>Mon, 20 May 2019 22:41:31 +0800</pubDate><description><![CDATA[一、node安装

1、首先安装node

下载地址：https://nodejs.org/en/download/

目前新版本的 node都内置 npm，所以npm无需在单独安装。



2、检测node是否运行成功

打开 命令行 运行 node -v， 如果node安装并运行成功会 显示 node版本号。



3查看npm是否安装成功

npm -v



二、配置npm淘宝镜像
...]]></description><category></category></item><item><title><![CDATA[import export 用法解析]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/90295916</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/90295916</guid><author>guo8ke</author><pubDate>Fri, 17 May 2019 17:29:42 +0800</pubDate><description><![CDATA[回想起当年 看到

import myImport from '@/api/paiExportTest.js'; 

import * as myImportfrom '@/api/paiExportTest.js'; 

之类的引入犯晕的时候，今天再次总结一下各种 import方式，加深记忆，楼座备忘。

闲话少叙 直接上码。

首先 创建被引入的 文件paiExportTest.j...]]></description><category></category></item><item><title><![CDATA[目录路径：/ ./ ../ 描述备忘录]]></title><link>https://blog.youkuaiyun.com/guo8ke/article/details/73613583</link><guid>https://blog.youkuaiyun.com/guo8ke/article/details/73613583</guid><author>guo8ke</author><pubDate>Fri, 23 Jun 2017 09:46:33 +0800</pubDate><description><![CDATA[目录路径访问规则备忘]]></description><category></category></item></channel></rss>