<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[hangGe0111的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/hangGe0111</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; hangGe0111]]></copyright><item><title><![CDATA[element-ui 表单验证，rules给自定义方法传参数，rules正则验证]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/117623398</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/117623398</guid><author>hangGe0111</author><pubDate>Sun, 21 Aug 2022 11:36:29 +0800</pubDate><description><![CDATA[el-form表单rules扩展传参]]></description><category></category></item><item><title><![CDATA[HTTP错误状态码]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/116243988</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/116243988</guid><author>hangGe0111</author><pubDate>Wed, 28 Apr 2021 21:38:39 +0800</pubDate><description><![CDATA[一、常见状态码

200：正确的请求返回正确的结果，如果不想细分正确的请求结果都可以直接返回200。
	201：表示资源被正确的创建。比如说，我们 POST 用户名、密码正确创建了一个用户就可以返回 201。
	202：请求是正确的，但是结果正在处理中，这时候客户端可以通过轮询等机制继续请求。
	203：请求的代理服务器修改了源服务器返回的 200 中的内容，我们通过代理服务器向服务器 A 请求用户信息，服务器 A 正常响应，但代理服务器命中了缓存并返回了自己的缓存内容，这时候它返回 203 告诉我们这部分]]></description><category></category></item><item><title><![CDATA[vue路由传参的三种基本方式]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/116243636</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/116243636</guid><author>hangGe0111</author><pubDate>Wed, 28 Apr 2021 21:26:40 +0800</pubDate><description><![CDATA[项目中很多情况下都需要进行路由之间的传值，想过很多种方式

sessionstorage/localstorage/cookie 进行离线缓存存储也可以，用vuex也可以，不过有些大材小用吧，不管怎么说因场景而异

下面我来说下vue自带的路由传参的三种基本方式

先有如下场景 点击当前页的某个按钮跳转到另外一个页面去，并将某个值带过去


&lt;div class="examine" @click="insurance(2)"&gt;查看详情&lt;/div&gt;

第一种方法 页面刷新数据不会丢失
]]></description><category></category></item><item><title><![CDATA[ue中二次封装axios请求，支持url参数拼接、blob数据流和formdata上传等]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/116242823</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/116242823</guid><author>hangGe0111</author><pubDate>Wed, 28 Apr 2021 21:17:51 +0800</pubDate><description><![CDATA[可以滑到页面最底部，之前的部分为思路部分

现在vue项目基本上都是使用axios进行请求操作，但是axios有时候并不能完全满足业务的需求，因为官方axios只支持一些比较规则的请求参数和方式，比如body类型的post，params类型的get。

而实际业务中后台给的接口可不会那么如你所愿的规范，当后台同事肆意挥洒，尽情装逼，完全是即兴发挥，不考虑前端感受的时候，往往给出来的api接口是很变态的：

get方法的url后面拼接参数？



没办法，谁让前端是万能的呢，只能将就一下后台同事了。

实际项]]></description><category></category></item><item><title><![CDATA[使用vue-quill-editor实现富文本编辑器]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/116242461</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/116242461</guid><author>hangGe0111</author><pubDate>Wed, 28 Apr 2021 20:27:59 +0800</pubDate><description><![CDATA[一、什么是富文本编辑器?



简单介绍一下，看过上面的图，您大致对富文本编辑器有个了解了，传统的textArea输入框输入的内容没法做格式上的更改，它的功能跟我们的word一样，可以对其中内容的格式做一些调整，还可以添加图片等等，它在开发中有个专有名词，叫富文本编辑器。

1、ueditor
国内人用ueditor的比较多，真的很中国化，经常在贴吧或论坛里看到这种风格的富文本编辑器。

2、bootstrap-wysiwyg
这个插件是bootstrap官网推荐的。

3、vue-quill-editor]]></description><category></category></item><item><title><![CDATA[vue项目中路由不匹配或者路径错误，添加默认404页面的方法]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/116242275</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/116242275</guid><author>hangGe0111</author><pubDate>Wed, 28 Apr 2021 20:19:33 +0800</pubDate><description><![CDATA[在Vue项目中，当访问的页面路由不存在或错误时，页面显示为一片空白。然而，通常我们需要对访问url不存在或者错误的情况下添加默认的404页面，即not found页面。处理方法如下，在router中添加方法：


router.beforeEach((to, from, next) =&gt; {
  if (to.matched.length === 0) { //匹配前往的路由不存在
    from.name ? next({
      name: from.name
    }) : next(']]></description><category></category></item><item><title><![CDATA[elementUI之表格排序失效，表格宽度可拖拽变宽变窄]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/116241905</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/116241905</guid><author>hangGe0111</author><pubDate>Wed, 28 Apr 2021 19:59:31 +0800</pubDate><description><![CDATA[在elementUI官网有介绍到给表格排序的方法



之所以失效是因为我没在&lt;el-table-column&gt;上加上prop='stime'

原本，如果内容需要&lt;template&gt;来存放，在&lt;el-table-column&gt;上加prop就没有意义，但在使用sortable排序时，prop是起作用的



说明：

1.转载地址：https://blog.youkuaiyun.com/Annexiaobin/article/details/103067101
...]]></description><category></category></item><item><title><![CDATA[js打开一个新窗口]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/115709519</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/115709519</guid><author>hangGe0111</author><pubDate>Wed, 14 Apr 2021 21:14:11 +0800</pubDate><description><![CDATA[1.code


&lt;html&gt;

	&lt;head&gt;
		&lt;title&gt;&lt;/title&gt;
		&lt;style type="text/css"&gt;
			a,
			div {
				display: inline-block;
				margin: 10px;
				cursor: pointer;
			}
		&lt;/style&gt;
	&lt;/head&gt;

	&lt;body&gt;
		&lt;a id="a1"&gt;windo]]></description><category></category></item><item><title><![CDATA[elementUI键盘回车键触发搜索，el-form阻止页面刷新]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114647612</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114647612</guid><author>hangGe0111</author><pubDate>Wed, 10 Mar 2021 21:54:34 +0800</pubDate><description><![CDATA[键盘enter提交输入内容


&lt;el-form :model="test" size="mini" label-width=“70px” @submit.native.prevent&gt;
&lt;el-input v-model="account" placeholder="请输入搜索内容" @keyup.enter.native="search()"&gt;&lt;/el-input&gt;
&lt;/el-form&gt;

须给el-form添加@submit.native.prevent]]></description><category></category></item><item><title><![CDATA[html input 禁止输入中文]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114647156</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114647156</guid><author>hangGe0111</author><pubDate>Wed, 10 Mar 2021 21:33:36 +0800</pubDate><description><![CDATA[思路一：


html input 禁止输入中文：


&lt;input type="text" class="username" οnkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')" placeholder="请输入账号" /&gt;

输入中文时，直接替换为空格。



思路二：

'/[\u4e00-\u9fa5]/ig'这是匹配到中文的正则表达式，获取input的value值和这个正则匹配，如果匹配上了就给用户提示就行了（例如；在elemen.]]></description><category></category></item><item><title><![CDATA[vue中点击复制粘贴功能]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114295348</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114295348</guid><author>hangGe0111</author><pubDate>Tue, 02 Mar 2021 21:48:05 +0800</pubDate><description><![CDATA[1.下载clipboard.js


cnpm install clipboard --save 

2.引入，可以在mian.js中全局引入也可以在单个vue中引入


import Clipboard from 'clipboard'; 

3.使用，在template中，这里我用了elementui框架


&lt;el-table-column
        label="taskId"&gt;
        &lt;template slot-scope="scope"&gt;
       ]]></description><category></category></item><item><title><![CDATA[vue 如何下载文件]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114272354</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114272354</guid><author>hangGe0111</author><pubDate>Mon, 01 Mar 2021 21:35:30 +0800</pubDate><description><![CDATA[import axios from 'axios'
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    config.headers.common['contentType'] = 'application/json;charset=utf-8';
    const token = localStorage.getItem('token');
    if (token) {
     .]]></description><category></category></item><item><title><![CDATA[js判断一个字符串是以某个字符串开头]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114272234</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114272234</guid><author>hangGe0111</author><pubDate>Mon, 01 Mar 2021 21:30:39 +0800</pubDate><description><![CDATA[方法1:

substr() 方法


if("123".substr(0, 2) == "12"){
    console.log(true);
}

方法2:

substring() 方法


if("123".substring(0, 2) == "12"){
    console.log(true);
}

方法3:

slice()方法


if("123".slice(0,2) == "12"){
    console.log(true);
}

方法4:

indexOf() 方法

]]></description><category></category></item><item><title><![CDATA[elementui el-form 默认不支持回车提交，回车第一次页面刷新]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114272103</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114272103</guid><author>hangGe0111</author><pubDate>Mon, 01 Mar 2021 21:24:20 +0800</pubDate><description><![CDATA[概念：

1.在表单的提交按钮上添加 Vue 原生属性native-type="submit"可以让按钮变为表单提交按钮；

2.阻止表单默认提交事件（默认是阻止），在表单上（即&lt;el-form&gt;标签上）添加@submit.native.prevent即可

3.因为el-form默认不支持表单回车提交，在表单上（即&lt;el-form&gt;标签上）添加@keyup.enter.native="submitForm('form')"可实现回车提交表单

template:


&lt...]]></description><category></category></item><item><title><![CDATA[Element的input 实现带图标密码框的明密文（点击眼睛显示密码,再次点击图标隐藏密码）]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114271968</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114271968</guid><author>hangGe0111</author><pubDate>Mon, 01 Mar 2021 21:16:11 +0800</pubDate><description><![CDATA[点击眼睛图标显示密码,再次点击图标隐藏密码
一、知识点：
带 icon 的输入框，可以通过 prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标，也可以通过 slot 来放置图标。
因为图标涉及点击事件，带 icon 的输入框，采用的是 slot 方式。
slot="suffix" 表示，图标会出现在input 的尾部；
二、实现思路
要变化的有，图标样式和input的显示方式
定义一个flag默认false，绑定input 的type值，flag为true时，]]></description><category></category></item><item><title><![CDATA[element UI hover把线压断了]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114271896</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114271896</guid><author>hangGe0111</author><pubDate>Mon, 01 Mar 2021 21:12:17 +0800</pubDate><description><![CDATA[::v-deep .el-table td,
.el-table th.is-leaf {
	border-top: 1px solid #EBEEF5;
	border-bottom: 0;
}
:v-deep .el-table__body{
	border-bottom: 1px solid #EBEEF5;
}


]]></description><category></category></item><item><title><![CDATA[vue+django——webshell的实现，xterm.js实现webshell]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114271216</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114271216</guid><author>hangGe0111</author><pubDate>Mon, 01 Mar 2021 20:57:58 +0800</pubDate><description><![CDATA[Webshell
“web”的含义是显然需要服务器开放web服务，“shell”的含义是取得对服务器某种程度上操作权限。webshell常常被称为通过网站端口对网站服务器的某种程度上操作的权限。

一方面，webshell被站长常常用于网站管理、服务器管理等等，根据FSO权限的不同，作用有在线编辑网页脚本、上传下载文件、查看数据库、执行任意程序命令等。

另一方面，被入侵者利用，从而达到控制网站服务器的目的。这些网页脚本常称为WEB脚本木马，比较流行的asp或php木马，也有基于.NET的脚本木马与JSP脚]]></description><category></category></item><item><title><![CDATA[vue yaml代码编辑器组件,elementui的弹窗把错误遮挡]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/114270898</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/114270898</guid><author>hangGe0111</author><pubDate>Mon, 01 Mar 2021 20:40:46 +0800</pubDate><description><![CDATA[一、前期准备
  此组件的功能主要依赖于codemirror，另外加入了js-yaml进行语法检查，方便在实时编辑时提示语法不正确的地方。因此首先需要在项目中安装codemirror与js-yaml:
codemirror: npm install codemirror
js-yaml: npm install js-yaml --save

二、组件源码及说明
新建@/components/YamlEditor/index.vue文件：



&lt;template&gt;
  &lt;div cla.]]></description><category></category></item><item><title><![CDATA[js面试题vue.js（2）]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/111319104</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/111319104</guid><author>hangGe0111</author><pubDate>Thu, 17 Dec 2020 17:01:14 +0800</pubDate><description><![CDATA[1.几个简单的

1.1 普通函数和箭头函数的区别：

###***1https://blog.youkuaiyun.com/m0_37686205/article/details/88776259

2.vue.js相关

###***1https://segmentfault.com/a/1190000016344599

###***2https://zhuanlan.zhihu.com/p/92407628

###***3https://www.cnblogs.com/bk770466199...]]></description><category></category></item><item><title><![CDATA[js面试题小结（1）]]></title><link>https://blog.youkuaiyun.com/hangGe0111/article/details/111317834</link><guid>https://blog.youkuaiyun.com/hangGe0111/article/details/111317834</guid><author>hangGe0111</author><pubDate>Thu, 17 Dec 2020 16:34:23 +0800</pubDate><description><![CDATA[1.性能优化

1.1优化原则和方向

原则
- 多使用内存、缓存或者其他方法
- 减少 CPU 计算、较少网络

方向
- **加载页面和静态资源**
- **页面渲染**

1.2方法：
## 加载资源优化
- 静态资源的压缩合并（JS代码压缩合并、CSS代码压缩合并、雪碧图）
- 静态资源缓存（资源名称加 MD5 戳）
- 使用 CND 让资源加载更快
- 使用 SSR 后端渲染，数据直接突出到 HTML 中

## 渲染优化
- CSS 放前面 JS 放后面
- 懒加载（图片懒加载、下拉加载更多）
]]></description><category></category></item></channel></rss>