<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_34648151的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_34648151</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_34648151]]></copyright><item><title><![CDATA[npx storybook@latest init TypeError: Invalid version. Must be a string. Got type “object“.]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/131589362</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/131589362</guid><author>qq_34648151</author><pubDate>Fri, 07 Jul 2023 09:21:39 +0800</pubDate><description><![CDATA[最近安装 storybook，提示错误 TypeError: Invalid version. Must be a string. Got type “object”]]></description><category></category></item><item><title><![CDATA[eslint prettier husky代码规范配置]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/125668847</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/125668847</guid><author>qq_34648151</author><pubDate>Mon, 01 Aug 2022 11:23:16 +0800</pubDate><description><![CDATA[本文内容为前端代码规范配置，主要涉及eslint、prettier、husky、vscode编辑器插件配置说明，希望可以帮到遇到同样问题的朋友。]]></description><category></category></item><item><title><![CDATA[js对象中in和hasOwnProperty区别]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/123004635</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/123004635</guid><author>qq_34648151</author><pubDate>Fri, 18 Feb 2022 15:46:11 +0800</pubDate><description><![CDATA[Object.prototype.hasOwnProperty()
hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键，不包含继承属性）
var target = {
	name: 'jim',
	age: 32
}
target.hasOwnProperty('name') // true
target.hasOwnProperty('toString') // false

in
如果指定的属性在指定的对象或其原型链中，则in 运算符返回]]></description><category></category></item><item><title><![CDATA[你会用 JSON.stringify()? JSON.stringify一些坑]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/119143921</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/119143921</guid><author>qq_34648151</author><pubDate>Tue, 27 Jul 2021 15:05:46 +0800</pubDate><description><![CDATA[前言
JSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值。JSON.stringify MDN官方文档
本文着重介绍JSON.stringify()的使用方法和注意事项。
一、使用方法
1、基本用法
JSON.stringify()可以把一个JavaScript对象序列化为一个JSON字符串。
let json1]]></description><category></category></item><item><title><![CDATA[windows自定义git指令]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/118556890</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/118556890</guid><author>qq_34648151</author><pubDate>Tue, 13 Jul 2021 09:17:08 +0800</pubDate><description><![CDATA[（1）cmd 命令行执行
type nul&gt;.bashrc
（2）再C盘，C:\Users 目录下会有当前用户名称的一个目录



]]></description><category></category></item><item><title><![CDATA[TC39 将提案分为以下几个阶段]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/118362220</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/118362220</guid><author>qq_34648151</author><pubDate>Wed, 30 Jun 2021 15:30:12 +0800</pubDate><description><![CDATA[TC39 将提案分为以下几个阶段：
Stage 0 - 设想（Strawman）：只是一个想法，可能有 Babel插件。
Stage 1 - 建议（Proposal）：这是值得跟进的。
Stage 2 - 草案（Draft）：初始规范。
Stage 3 - 候选（Candidate）：完成规范并在浏览器上初步实现。
Stage 4 - 完成（Finished）：将添加到下一个年度版本发布中。

...]]></description><category></category></item><item><title><![CDATA[格言、励志]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/117810790</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/117810790</guid><author>qq_34648151</author><pubDate>Fri, 11 Jun 2021 11:30:38 +0800</pubDate><description><![CDATA[贪图安逸，迟早要付出巨大的代价，希望你不要成为这样的人！！！
每天做两件不喜欢的事情。
2分钟原则：
凡是两分钟内就可以解决的事，立刻去做，不要犹豫。
两耳不闻窗外事 一心只读圣贤书

...]]></description><category></category></item><item><title><![CDATA[配置谷歌浏览器跨域]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/116484141</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/116484141</guid><author>qq_34648151</author><pubDate>Fri, 07 May 2021 10:44:15 +0800</pubDate><description><![CDATA[配置谷歌浏览器跨域
C:\Users\libing\AppData\Local\Google\Chrome\Application\chrome.exe --disable-web-security --user-data-dir=C:\MyChromeDevUserData

]]></description><category></category></item><item><title><![CDATA[axios请求失败，获取状态码及错误信息，如何封装处理公共错误码的函数]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/114881918</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/114881918</guid><author>qq_34648151</author><pubDate>Tue, 16 Mar 2021 15:18:44 +0800</pubDate><description><![CDATA[如果axios请求失败，如何获取接口返回的状态码及错误信息？如何封装处理公共错误码的函数？
方法如下
1.使用对象，把状态码映射成对应的提示语
const codeMessage = {
    200: '服务器成功返回请求的数据。',
    201: '新建或修改数据成功。',
    202: '一个请求已经进入后台排队（异步任务）。',
    204: '删除数据成功。',
    400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
    401: '用户没有权限（令牌、用]]></description><category></category></item><item><title><![CDATA[html页面重绘和回流以及优化]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/106958157</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/106958157</guid><author>qq_34648151</author><pubDate>Thu, 25 Jun 2020 15:45:47 +0800</pubDate><description><![CDATA[什么是回流与重绘？

当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。在回流的时候，浏览器会使渲染树中受到影响的部分失效，并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。
当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。
注意：]]></description><category></category></item><item><title><![CDATA[react项目配置mockjs、跨域配置，模拟后台接口]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/106187187</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/106187187</guid><author>qq_34648151</author><pubDate>Sat, 20 Jun 2020 18:53:45 +0800</pubDate><description><![CDATA[修改 config/ webpackDevServer.config.js 大约113行

 proxy: {
        '/api/': {
		       target: 'http://172.16.136.249:8080', // 目标服务器 host
		       secure: false, 
		       changeOrigin: true, // 默认false，是否需要改变原始主机头为目标URL
		       ws: false, // 是否代理websockets]]></description><category></category></item><item><title><![CDATA[css 适配手机深色模式]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/106708630</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/106708630</guid><author>qq_34648151</author><pubDate>Fri, 12 Jun 2020 10:35:35 +0800</pubDate><description><![CDATA[背景
iOS和安卓分别从 iOS 13 和 Android 10（不同厂商不尽相同，部分 Android 9 也支持） 开始加入深色模式的支持，各大浏览器纷纷开始支持深色模式，微信 iOS 客户端 7.0.12、Android 客户端 7.0.13 也支持了深色模式，网页端适配深色模式后将更进一步提高用户体验的一致性。
如何切换深色模式
iOS：“设置”–“显示与亮度”–“外观”，选择“深色”
Android（不同厂商可能略有差别，名字也不尽相同）：“系统设置”–“显示”–“深色模式”。
适配指南
微信内置]]></description><category></category></item><item><title><![CDATA[HTML5实现输入密码(六个格子)_]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/106262617</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/106262617</guid><author>qq_34648151</author><pubDate>Thu, 21 May 2020 17:36:02 +0800</pubDate><description><![CDATA[HTML实现六个格子密码框
话不多说，直接上图。下面附上代码下载链接，往下看！！！

下载地址

]]></description><category></category></item><item><title><![CDATA[激励斗志的句子]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/106206445</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/106206445</guid><author>qq_34648151</author><pubDate>Tue, 19 May 2020 08:43:46 +0800</pubDate><description><![CDATA[只有在泥泞的道路上才能留下脚印
越努力越幸运
海阔凭鱼跃 天高任鸟飞
你要怎样度过这一生？
有人二十岁已经死了，有人七十岁还在发现生命的可能！
有人终其一生，不知道自己要的是什么？
有人为一件事着迷，简单执拗，一直到老！忠于自我未必有结果，坚持努力也不一定换来成功！但有天，回往过往，是胸怀壮阔，还是满心懊悔，取决于每一个当下，愿你能不负此生！

...]]></description><category></category></item><item><title><![CDATA[js获取data-xx自定义属性值，data-xx自定义属性]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/106112383</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/106112383</guid><author>qq_34648151</author><pubDate>Thu, 14 May 2020 09:11:06 +0800</pubDate><description><![CDATA[在当前div上定义一个点击事件
当然这里的data-xx名字时可以自己 定义的但是我们一般定义为与元素的值由对应意义的名字
&lt;div  onClick={this.handleClick}&gt;
          &lt;div data-index='1'&gt;小强&lt;/div&gt;
          &lt;div data-index='2'&gt;小红&lt;/div&gt;
          &lt;div data-index='3'&gt;小明&lt;/div&gt;
 ]]></description><category></category></item><item><title><![CDATA[React 配置全局 scss 变量]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/105964879</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/105964879</guid><author>qq_34648151</author><pubDate>Thu, 07 May 2020 09:18:23 +0800</pubDate><description><![CDATA[1、安装 sass-resources-loader
npm i sass-resources-loader --save-dev

2、找到 webpack.config.js，两种选择
（1）暴露配置文件执行 npm run eject，此时会在根目录生成 config 文件夹，里面包含webpack.config.js 配置文件。 （多人项目建议选择执行此命令）
（2）直接修改 node_m...]]></description><category></category></item><item><title><![CDATA[React生命周期]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/105838150</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/105838150</guid><author>qq_34648151</author><pubDate>Wed, 29 Apr 2020 17:02:19 +0800</pubDate><description><![CDATA[React 16之后有三个生命周期被废弃(但并未删除)
componentWillMount
componentWillReceiveProps
componentWillUpdate
目前React 16.8 +的生命周期分为三个阶段,分别是挂载阶段、更新阶段、卸载阶段
Mounting
Updataing
Unmounting
旧版本
componentWillMount 渲染前调用
comp...]]></description><category></category></item><item><title><![CDATA[promise的reject出现断点报错，resolved，Paused on promise rejection]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/105652831</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/105652831</guid><author>qq_34648151</author><pubDate>Tue, 21 Apr 2020 11:00:21 +0800</pubDate><description><![CDATA[最近在项目中遇见一个 promise 使用方式的问题，大概需求是，页面多个表单，必须同时通过之后，才能发起网络请求; 验证过程，报了一个reject()错，谷歌浏览器报错进入断点调试模式。
错误如下：

问题原因：
如果在 Promise 处理异常之前就执行了 reject() ，就会认为这个promise没有处理异常的过程，然后就报错了。
大概意思是
（1）只要没有在 Promise 的后面紧跟...]]></description><category></category></item><item><title><![CDATA[vue computed、watch、methods方法的区别]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/105612648</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/105612648</guid><author>qq_34648151</author><pubDate>Sun, 19 Apr 2020 11:56:09 +0800</pubDate><description><![CDATA[computed VS methods
computed: 在重新渲染的时候，函数总会重新调用执行。可以说使用computed性能会更好。
methods: 在重新渲染的时候，函数总会重新调用执行。可以说使用computed性能会更好。
computed VS watch
watch: 没有返回值，可以异步操作，使用定时器定义修改数据更新频率，添加中间状态等等，这些操作都是无法用计算属性实现的
c...]]></description><category></category></item><item><title><![CDATA[js中数组常用方法总结push、pop、shift、unshift、sort、concat、join、splice、slice、reverse、indexOf、lastIndexOf、includes]]></title><link>https://blog.youkuaiyun.com/qq_34648151/article/details/105414175</link><guid>https://blog.youkuaiyun.com/qq_34648151/article/details/105414175</guid><author>qq_34648151</author><pubDate>Thu, 09 Apr 2020 21:20:52 +0800</pubDate><description><![CDATA[数组相关方法 push、pop、shift、unshift、sort、concat、join、splice、slice、reverse、]]></description><category></category></item></channel></rss>