<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[peade的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/peade</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; peade]]></copyright><item><title><![CDATA[nuxt3: 不同环境.env文件应用]]></title><link>https://blog.youkuaiyun.com/peade/article/details/127808168</link><guid>https://blog.youkuaiyun.com/peade/article/details/127808168</guid><author>peade</author><pubDate>Fri, 11 Nov 2022 16:16:46 +0800</pubDate><description><![CDATA[在经过一番努力查找之后，终于知道到了具体使用方法。文件来获取环境变量，但对于如何配置不同环境的。文件则语焉不详，根本找不到具体使用方法。从上图，可以看出，只要通过设置。等文件来配置环境变量是在。在文档中明确提到支持。]]></description><category></category></item><item><title><![CDATA[react-native-config 使用]]></title><link>https://blog.youkuaiyun.com/peade/article/details/127700868</link><guid>https://blog.youkuaiyun.com/peade/article/details/127700868</guid><author>peade</author><pubDate>Sat, 05 Nov 2022 10:47:18 +0800</pubDate><description><![CDATA[【代码】react-native-config 使用。]]></description><category></category></item><item><title><![CDATA[img onload 在chrome 与 safari中的差异]]></title><link>https://blog.youkuaiyun.com/peade/article/details/127066880</link><guid>https://blog.youkuaiyun.com/peade/article/details/127066880</guid><author>peade</author><pubDate>Tue, 27 Sep 2022 10:35:30 +0800</pubDate><description><![CDATA[这个event中， target、currentTarget、srcElement都是null， 元素，在path中。很直接的，就想到了img的onload事件，在onload事件执行的时候，再去获取图片的宽高。页面中有多张图片，在onload事件event中，获取img元素信息，是最好的方式。在开发的项目中，需要在图片加载完成后，获取图片的实际宽高。因此在onload事件中，获取元素信息的方法，要做兼容处理。在safari浏览器中，event信息打印如下。]]></description><category></category></item><item><title><![CDATA[React Native v0.70 踩坑：@tsconfig/react-native/tsconfig.json Not Found]]></title><link>https://blog.youkuaiyun.com/peade/article/details/126937784</link><guid>https://blog.youkuaiyun.com/peade/article/details/126937784</guid><author>peade</author><pubDate>Mon, 19 Sep 2022 17:12:34 +0800</pubDate><description><![CDATA[使用VS Code做开发工具，安装好依赖，打开项目后，发现报了一堆错误和警告，有很多。解决方法：选择vs code typescript为当前项目版本。文件夹中 报了这么一个错。]]></description><category></category></item><item><title><![CDATA[height:100% 失效场景]]></title><link>https://blog.youkuaiyun.com/peade/article/details/126407795</link><guid>https://blog.youkuaiyun.com/peade/article/details/126407795</guid><author>peade</author><pubDate>Thu, 18 Aug 2022 16:08:33 +0800</pubDate><description><![CDATA[这段代码存在一个问题：视频原本的高度比容器高，则容器内部元素总高度实际会超过500px。没有生效，直接按原高度展示，最终超过了容器的高度。mid的实际高度，会根据容器剩余空间自由扩展。产生这个问题的原因在于，video的。...]]></description><category></category></item><item><title><![CDATA[electron坑： 缩小放大快捷键]]></title><link>https://blog.youkuaiyun.com/peade/article/details/125426325</link><guid>https://blog.youkuaiyun.com/peade/article/details/125426325</guid><author>peade</author><pubDate>Thu, 23 Jun 2022 14:22:53 +0800</pubDate><description><![CDATA[electron缩小放大快捷键]]></description><category></category></item><item><title><![CDATA[application/x-www-form-urlencoded]]></title><link>https://blog.youkuaiyun.com/peade/article/details/125194522</link><guid>https://blog.youkuaiyun.com/peade/article/details/125194522</guid><author>peade</author><pubDate>Wed, 08 Jun 2022 23:28:52 +0800</pubDate><description><![CDATA[在请求中，有一种数据传输的 是。这种数据格式的接口，在发送请求时，与我们习惯的的形式不一样。这半个月，有个地方没理解透，被坑了很长时间。接口是通的，按接口的要求，把数据传输过去，收到的结果始终是处理错误。但是通过，用同样的数据进行请求，收到的结果就是正常的了。这种数据格式，是表单的默认格式。下面简单演示一下， 这个请求的处理要求。...]]></description><category></category></item><item><title><![CDATA[vscode eslint 报 Cannot find module ‘eslint-plugin-babel‘]]></title><link>https://blog.youkuaiyun.com/peade/article/details/124409539</link><guid>https://blog.youkuaiyun.com/peade/article/details/124409539</guid><author>peade</author><pubDate>Mon, 25 Apr 2022 18:13:43 +0800</pubDate><description><![CDATA[今天使用vscode 开发项目，在项目里一直报Cannot find module 'eslint-plugin-babel'。 在项目里看，这个依赖是在package.json里是有的，而且确定是已安装过。
出现这种状态，是使用了vscode工作区的功能，就是一个窗口里，有多个项目。我这次打开项目，就出现了其中一个项目 报了这个错。 单独窗口打开项目没有这个报错。
从网上查了半天，也没找到解决方法。最后在github上vscode-eslint上的一个issue找到了一个解决方法。这个方法就是通过open]]></description><category></category></item><item><title><![CDATA[【vscode】工作区几个错误配置]]></title><link>https://blog.youkuaiyun.com/peade/article/details/124346032</link><guid>https://blog.youkuaiyun.com/peade/article/details/124346032</guid><author>peade</author><pubDate>Fri, 22 Apr 2022 15:02:03 +0800</pubDate><description><![CDATA[今天用工作区开发项目，在vscode里，给代码报了几个错误
错误： eslint  No Babel config file detected
解决方法：.vscode/settings.json 中配置：
 "eslint.workingDirectories": [
    {
      "mode": "auto"
    }
  ],Ï

错误： Cannot find type definition file for ‘babel__template’.Ï
解决方法 .vscode/settin]]></description><category></category></item><item><title><![CDATA[qiankun: TypeError: Cannot read properties of undefined (reading ‘appWrapperGetter‘)]]></title><link>https://blog.youkuaiyun.com/peade/article/details/124248890</link><guid>https://blog.youkuaiyun.com/peade/article/details/124248890</guid><author>peade</author><pubDate>Mon, 18 Apr 2022 14:34:05 +0800</pubDate><description><![CDATA[在我的qiankun项目里，往子应用跳转的时候，控制台输出了一段警告。
TypeError: Cannot read properties of undefined (reading 'appWrapperGetter')

查了很多资料，这个warn不能在控制台中删除。这个应该是qiankun自身的问题。
在发生产的时候，打包的时候，把console移除就没有了。

...]]></description><category></category></item><item><title><![CDATA[vue-cli TypeError: Cannot read properties of undefined (reading ‘upgrade‘)]]></title><link>https://blog.youkuaiyun.com/peade/article/details/124150972</link><guid>https://blog.youkuaiyun.com/peade/article/details/124150972</guid><author>peade</author><pubDate>Wed, 13 Apr 2022 16:20:56 +0800</pubDate><description><![CDATA[今天配置vue.config.js, 配置后，启动项目，报了一个错
 INFO  Starting development server...
 ERROR  TypeError: Cannot read properties of undefined (reading 'upgrade')
TypeError: Cannot read properties of undefined (reading 'upgrade')
    at Server.&lt;anonymous&gt; (/Users/lh]]></description><category></category></item><item><title><![CDATA[nuxt2国际化该html中lang值 ，报警告Avoid using head as a function]]></title><link>https://blog.youkuaiyun.com/peade/article/details/123111230</link><guid>https://blog.youkuaiyun.com/peade/article/details/123111230</guid><author>peade</author><pubDate>Thu, 24 Feb 2022 14:38:05 +0800</pubDate><description><![CDATA[https://i18n.nuxtjs.org/seo
文档里根据语言切换html lang的值，
// nuxt.config.js
export default {
  // ...other Nuxt options...
  head () {
    const i18nHead = this.$nuxtI18nHead({ addSeoAttributes: true })
    return {
      htmlAttrs: {
        myAttribute: 'My Valu]]></description><category></category></item><item><title><![CDATA[ctrypto-js中，DES解密的iv向量处理]]></title><link>https://blog.youkuaiyun.com/peade/article/details/122991944</link><guid>https://blog.youkuaiyun.com/peade/article/details/122991944</guid><author>peade</author><pubDate>Thu, 17 Feb 2022 21:36:15 +0800</pubDate><description><![CDATA[const iv = [72,69,76,76,79]
// 转成unicode 字符串
const ivStr= String.fromCharCode(...iv)
const ivHex=crypto-js.env.Utf8.parse(ivStr)


参考
https://blog.youkuaiyun.com/Wancc123/article/details/118971910

]]></description><category></category></item><item><title><![CDATA[数字输入框 禁止输入 + - e，input number prevent - + e]]></title><link>https://blog.youkuaiyun.com/peade/article/details/122920782</link><guid>https://blog.youkuaiyun.com/peade/article/details/122920782</guid><author>peade</author><pubDate>Mon, 14 Feb 2022 11:20:23 +0800</pubDate><description><![CDATA[input number 类型下，+ - e . 都是允许录入的字符。在一些场景下，我们需要限制用户录入这些字符。
vue3 代码示例
&lt;template&gt;
&lt;input type="number" @key.down="handleKey"&gt;
&lt;template&gt;
&lt;script setup&gt;
function handleKey($event){
  if (
    $event.code === 'KeyE' ||  // 禁止 e E
    $ev]]></description><category></category></item><item><title><![CDATA[flutter起步：windows 搭建 flutter开发环境]]></title><link>https://blog.youkuaiyun.com/peade/article/details/122878284</link><guid>https://blog.youkuaiyun.com/peade/article/details/122878284</guid><author>peade</author><pubDate>Fri, 11 Feb 2022 14:18:13 +0800</pubDate><description><![CDATA[windows 下配置flutter开发环境
配置国内Flutter镜像缓解变量
环境变量分 用户变量 和 系统变量， 配置在这两个变量的任何一个变量都可以。 我这里 配置在 用户变量里。
PUB_HOSTED_URL      https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL    https://storage.flutter-io.cn


Flutter SDK


去flutter官网下载其最新可用的安装包，点击下载 ；


将安装包zip解压到]]></description><category></category></item><item><title><![CDATA[electron爬坑: ipcRenderer.sendSync]]></title><link>https://blog.youkuaiyun.com/peade/article/details/122718913</link><guid>https://blog.youkuaiyun.com/peade/article/details/122718913</guid><author>peade</author><pubDate>Thu, 27 Jan 2022 15:59:49 +0800</pubDate><description><![CDATA[electron 文档：
https://www.electronjs.org/zh/docs/latest/api/ipc-renderer
https://www.electronjs.org/zh/docs/latest/api/ipc-main
在ipc同步通信的方法 ipcRenderer.sendSync的使用上，语焉不详，没有具体的使用示例。以下是正确的使用示例
# ipcRenderer
const data={
	val:1000
}
ipcRenderer.sendSync('sync']]></description><category></category></item><item><title><![CDATA[electron-builder 打包时无法下载github上文件处理]]></title><link>https://blog.youkuaiyun.com/peade/article/details/122368409</link><guid>https://blog.youkuaiyun.com/peade/article/details/122368409</guid><author>peade</author><pubDate>Fri, 07 Jan 2022 17:07:47 +0800</pubDate><description><![CDATA[1、 从网站上下载相关文件
https://github.com/electron-userland/electron-builder-binaries/releases
2、 存放到系统的缓存库中
不同系统缓存资源目录如下
macOS: ~/Library/Caches/electron-builder
Linux: ~/.cache/electron-builder
windows: %LOCALAPPDATA%\electron-builder\cache

3、 详细结构
├── AppImage
]]></description><category></category></item><item><title><![CDATA[electron-builder 打包mac报错panic: runtime error: index out of range]]></title><link>https://blog.youkuaiyun.com/peade/article/details/122367139</link><guid>https://blog.youkuaiyun.com/peade/article/details/122367139</guid><author>peade</author><pubDate>Fri, 07 Jan 2022 16:22:33 +0800</pubDate><description><![CDATA[electron builder 打包mac 报错，详细错误信息如下
goroutine 1 [running]:
github.com/develar/app-builder/pkg/icons.ConvertIcnsToPng(0xc0000ca630, 0x2d, 0x7ffd9f40874a, 0x2e, 0x2, 0x2, 0xc0000ca630, 0x2d, 0xe53320)
	/Volumes/data/Documents/app-builder/pkg/icons/icns-to-png]]></description><category></category></item><item><title><![CDATA[cors-anywhere 类型声明 types declaration]]></title><link>https://blog.youkuaiyun.com/peade/article/details/122358501</link><guid>https://blog.youkuaiyun.com/peade/article/details/122358501</guid><author>peade</author><pubDate>Fri, 07 Jan 2022 10:06:02 +0800</pubDate><description><![CDATA[electron 中解决跨域的一个方案，在主进程中使用cros-anywhere, 起一个服务
https://github.com/Rob–W/cors-anywhere/pull/267/commits/279eaeecac9bce0476012b6510dc374f30e3663b
declare module 'cors-anywhere' {
  import { Server } from 'http';

  export function createServer(options?: Par]]></description><category></category></item><item><title><![CDATA[typescript 中 public private protect 区别]]></title><link>https://blog.youkuaiyun.com/peade/article/details/122330722</link><guid>https://blog.youkuaiyun.com/peade/article/details/122330722</guid><author>peade</author><pubDate>Wed, 05 Jan 2022 19:51:15 +0800</pubDate><description><![CDATA[在ts的class 内部属性的标记分为public、private、protect三类

public 可以被实例化的对象访问到
private 只可以被定义的class中访问使用，不可被子类继承访问，不能被实例对象访问
protect 可以被子类继承和访问到，不能被实例对象访问


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