<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_42514643的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_42514643</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_42514643]]></copyright><item><title><![CDATA[集成editorconfig配置，使用prettier工具，使用ESLint检测，git Husky和eslint，git commit规范，代码提交验证]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/127111446</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/127111446</guid><author>qq_42514643</author><pubDate>Fri, 30 Sep 2022 12:45:57 +0800</pubDate><description><![CDATA[4.1 .prettierrc   自定义格式规则{4.2 .prettierignore   忽略配置/ dist /*.local.output.js/public/*4.3 package.json中添加脚本 配置一次性修改的命令// ESlint 检查配置 module . exports = {]]></description><category></category></item><item><title><![CDATA[v3+ts慢慢学习路之五【webpack基本使用，安装和普通打包】]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/125257411</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/125257411</guid><author>qq_42514643</author><pubDate>Mon, 13 Jun 2022 16:39:38 +0800</pubDate><description><![CDATA[webpack基本使用，安装和打包]]></description><category></category></item><item><title><![CDATA[v3+ts慢慢学习之路四【v-for和它当中的key】]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/125198120</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/125198120</guid><author>qq_42514643</author><pubDate>Thu, 09 Jun 2022 13:10:20 +0800</pubDate><description><![CDATA[v-for中的key使用]]></description><category></category></item><item><title><![CDATA[v3+ts慢慢学习路之三【methods方法中的this】]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/125181857</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/125181857</guid><author>qq_42514643</author><pubDate>Wed, 08 Jun 2022 16:00:49 +0800</pubDate><description><![CDATA[搞懂vue-methods方法中的this]]></description><category></category></item><item><title><![CDATA[v3+ts慢慢学习路之二【v3源码下载】+【v3基础应用】]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/122428712</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/122428712</guid><author>qq_42514643</author><pubDate>Tue, 11 Jan 2022 14:01:21 +0800</pubDate><description><![CDATA[能够跨越时间告别，已经不是浅的缘分了

一、v3源码下载
打开github搜索 https://github.com/  vue-next

1、下载github 桌面端clone地址，切换到最新的tags分支中

clone下来之后，先通过 git tag 查看最新的标记分支
在切换到标记分支名 git checkout v3.0.0   git会提示你当前处于“detached HEAD” 状态
在tag基础代码上创建一个分支 git checkout -b v3.0.0
此时就可以在新的分支测试了
.]]></description><category></category></item><item><title><![CDATA[v3+ts慢慢学习路之一【了解vue生态现状】+【为什么要学TypeScript】]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/122425178</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/122425178</guid><author>qq_42514643</author><pubDate>Tue, 11 Jan 2022 11:36:23 +0800</pubDate><description><![CDATA[其实之前写过V3的入门，确实，那就是入门要掌握的API，随着v3的版本不断更新，周边组件不断完善，是时候展示真正的掌握核心技术了

一、Vue3生态现状
1、vue版本的更新情况 npm view vue versions
从目前版本迭代来看已经到了3.2.26 算是更新非常快速了

2、周边vuex 版本更新情况 npm view vuex versions

3、周边vue-router版本更新情况 npm view vue-router versions

4、周边element-plus UI库更.]]></description><category></category></item><item><title><![CDATA[记录一个小程序 input输入框格式手机号方法]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/121559051</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/121559051</guid><author>qq_42514643</author><pubDate>Fri, 26 Nov 2021 14:17:47 +0800</pubDate><description><![CDATA[记录小程序input输入框 输入格式显示为手机格式 133 8888 6666

&lt;input class="input" type="number" maxlength="13" @input="handleInput" placeholder="请输入手机号" placeholder-class="holderClass" autocomplete="off" /&gt;

		handleInput(event) {
				let value = event.target.value.rep.]]></description><category></category></item><item><title><![CDATA[VSCode+Prettier+ESLint团队代码风格统一，保存自动根据ESLint格式化]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/118685742</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/118685742</guid><author>qq_42514643</author><pubDate>Mon, 12 Jul 2021 23:00:41 +0800</pubDate><description><![CDATA[VSCode+Prettier+Eslint团队代码风格统一，保存自动根据Eslint格式化
团队协作代码风格保持一致-----Prettier
代码格式校验保持一致----Eslint

代码规范除了编辑器检查以外，还有一些譬如变量名、样式名的规范，可以参考腾讯的代码规范或者百度的代码规范
腾讯代码规范
百度代码规范
1、先行安装如下四个插件插件

2、VScode编辑器设置
settings.json
{
    //主题和图标配置，根据自己情况配置
    "workbench.iconTheme".]]></description><category></category></item><item><title><![CDATA[AOP面向切片的一些记录]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/117217438</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/117217438</guid><author>qq_42514643</author><pubDate>Mon, 24 May 2021 10:13:03 +0800</pubDate><description><![CDATA[面向切片的主要作用是把一些跟核心业务逻辑无关的功能模块抽离出来

应用场景

日志统计
安全控制
异常处理
…各种数据埋点

// 在function的原型上绑定一个之前执行的方法
Function.prototype.before = function before(beforeFn){
	if(typeof beforeFn!=='function') throw new TypeError('beforeFn is not function')
	const that = this
	return .]]></description><category></category></item><item><title><![CDATA[vue3之入门，掌握这6个api就够了]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/117001042</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/117001042</guid><author>qq_42514643</author><pubDate>Tue, 18 May 2021 21:08:40 +0800</pubDate><description><![CDATA[vue3 正式版都发布这么久了，周边的生态也都支持了vue3。那还等什么呢，一起来了解一下这6个API吧


&lt;template&gt;
    &lt;div class="hello"&gt;
        &lt;h1 ref="h1Dom"&gt;果果帅吗？&lt;/h1&gt;
        &lt;button @click="handleChange('sup')"&gt;支持&lt;/button&gt;
        &lt;button @click="handleChan.]]></description><category></category></item><item><title><![CDATA[项目中的axios简单封装]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/116786650</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/116786650</guid><author>qq_42514643</author><pubDate>Fri, 14 May 2021 12:43:46 +0800</pubDate><description><![CDATA[简单的axios封装，用于平时的项目，虽然简单但基本够用，仅供自己参考

// 此文件叫http.js，主要用于封装axios 里面用到的axios 和 qs 都需要自己npm安装
import axios from 'axios'
import qs from 'qs'

// 默认配置
// axios.defaults.xxx

// 拦截器处理
// axios.interceptors.request
// axios.interceptors.response

// 创建一个实例，可以用于多.]]></description><category></category></item><item><title><![CDATA[npm相关功能浅析]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/116279079</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/116279079</guid><author>qq_42514643</author><pubDate>Thu, 29 Apr 2021 23:59:33 +0800</pubDate><description><![CDATA[用于记录平时在工作中使用到NPM安装包的常见命令，仅供自己参考

背景：
目前工程化/自动化开发都是基于node环境，基于npm管理包，基于webpack实现模块之间依赖打包，部署上线等
npm常规操作

npm install xxx 把模块安装到当前目录（在哪个目录下执行命令，这个目录就是当前目录下）
npm install xxx -g 把模块安装在全局目录下
npm uninstall xxx / npm uninstall xxx -g 卸载模块
npm install xxx@xxx 安装指定.]]></description><category></category></item><item><title><![CDATA[Vue3.0源码学习之一手撸reactive]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/114083336</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/114083336</guid><author>qq_42514643</author><pubDate>Thu, 25 Feb 2021 15:49:31 +0800</pubDate><description><![CDATA[文章仅用于记录自己在学习vue3.0过程中的理解，将分为多个版本来解读核心源码，有问题请多看vue3官方文档vue3.0-- 传送门

如果想要测试下面代码，直接通过官方cli 搭建vue3
把不要的东西删除之后的项目结构

main.js
	// import {reactive,effect,computed,ref } from '@vue/reactivity' //官方包，可以用作自己手撸代码的标准
	// 引入自己的包，手写reactive 分析其原理
	import { reactive, .]]></description><category></category></item><item><title><![CDATA[uniApp H5微信网页授权，微信支付]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/113696751</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/113696751</guid><author>qq_42514643</author><pubDate>Fri, 05 Feb 2021 17:09:28 +0800</pubDate><description><![CDATA[用于记录 uniapp 编译成H5后，完成微信授权和微信支付，微信浏览器中主要看场景二

业务场景介绍
业务需要在H5中完成支付功能（微信支付）
使用场景介绍
1、H5运行在普通浏览器中；
2、H5运行在微信浏览器中。
分析过程
场景一：H5运行在普通浏览器中
H5普通浏览器支付过程并不复杂，大致流程如下：
a、前端发起支付请求给后端，后端收到后，调用微信支付接口下单；
b、微信支付接口会返回一个支付链接给到后端；
c、后端把微信返回的支付链接通过支付请求(a)接口返回给前端；
d、前端拿到链接之后，跳转.]]></description><category></category></item><item><title><![CDATA[最简单的发布订阅]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/108662793</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/108662793</guid><author>qq_42514643</author><pubDate>Fri, 18 Sep 2020 12:04:56 +0800</pubDate><description><![CDATA[这可能是最简单的发布订阅

/**
 * 发布订阅模式
 * 特点是：发布和订阅是可以单独执行的
 * on 发布
 * emit 订阅
 */
let events ={
    _arr:[],
    on(o){
        this._arr.push(o)
    },
    emit(data){
        this._arr.forEach(o=&gt;o(data))
    }
}

events.on(function(data){
    console.log(dat.]]></description><category></category></item><item><title><![CDATA[观察者模式，浅析]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/108662220</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/108662220</guid><author>qq_42514643</author><pubDate>Fri, 18 Sep 2020 11:38:11 +0800</pubDate><description><![CDATA[观察者模式，各种大型框架都会用到。
里面结合发布订阅

/**
 *  观察者模式
 *  内部结合发布订阅
 * */

// 观察者
class Observer {
    constructor(name) {
        this.name = name
    }
    // 观察者更新数据
    updata(data) {
        console.log(this.name + ':' + data)
    }
}
// 被观察者
class Subject {
    .]]></description><category></category></item><item><title><![CDATA[node-sass 安装总是报错解决方案]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/107872136</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/107872136</guid><author>qq_42514643</author><pubDate>Fri, 07 Aug 2020 22:58:15 +0800</pubDate><description><![CDATA[仅供自己参考

解决方案一：安装时使用淘宝镜像安装
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

解决方案二：设置全局镜像源
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

解决方案三：设置环境变量
// lmac 下
SASS_BINARY_SITE=https://npm.taobao.org.]]></description><category></category></item><item><title><![CDATA[浅谈模块发展，仿写node中的require方法]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/107602843</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/107602843</guid><author>qq_42514643</author><pubDate>Mon, 27 Jul 2020 00:17:03 +0800</pubDate><description><![CDATA[common.js规范发展历程
模块存在的原因？
解决的问题：变量污染问题
尝试1：单例模式
var obj ={
a:1
b:2
c:function(){
}
}
…
存在的问题：如果多人开发也会存在变量重名
尝试2：IFFE 自执行函数(高级单例模式) 解决尝试1的问题
var obj =(function(){
var a=1;
var b=1;
function c(){
}
return{
c:c
}
})
obj.c()
…
随着尝试2的发展，就有了许多库
1、sea.js cmd
2、amd]]></description><category></category></item><item><title><![CDATA[把多维数组变成1维数组reduce应用]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/106531277</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/106531277</guid><author>qq_42514643</author><pubDate>Wed, 03 Jun 2020 19:27:28 +0800</pubDate><description><![CDATA[仅供参考

let arr =[1,2,3,[89,90,901],[3],[4],[5,6,7,8],6,[6,7,8]]
let reduceFn = (list,newArr=[])=&gt;{
    return list.reduce(function (a,b) {
        if(Array.isArray(b)){
            reduceFn(b,a)
        }else{
            a.push(b)
        }
        ret.]]></description><category></category></item><item><title><![CDATA[uniapp小程序增加自定义字体]]></title><link>https://blog.youkuaiyun.com/qq_42514643/article/details/106472788</link><guid>https://blog.youkuaiyun.com/qq_42514643/article/details/106472788</guid><author>qq_42514643</author><pubDate>Mon, 01 Jun 2020 15:15:28 +0800</pubDate><description><![CDATA[仅供自己参考，不做任何讨论
在线转换工具 https://transfonter.org/
1、在app.vue中引入复制好的字体文件css

2、在公共样式文件中，加入一个样式名，以便文件中使用

3、 在需要的文件中使用

4、如下就是转换的详细步骤，仅供参考。





...]]></description><category></category></item></channel></rss>