peade-优快云博客

原创 nuxt3: 不同环境.env文件应用

在经过一番努力查找之后，终于知道到了具体使用方法。文件来获取环境变量，但对于如何配置不同环境的。文件则语焉不详，根本找不到具体使用方法。从上图，可以看出，只要通过设置。等文件来配置环境变量是在。在文档中明确提到支持。

2022-11-11 16:16:46 3370 3

原创 react-native-config 使用

【代码】react-native-config 使用。

2022-11-05 10:47:18 1767

原创 img onload 在chrome 与 safari中的差异

这个event中， target、currentTarget、srcElement都是null，元素，在path中。很直接的，就想到了img的onload事件，在onload事件执行的时候，再去获取图片的宽高。页面中有多张图片，在onload事件event中，获取img元素信息，是最好的方式。在开发的项目中，需要在图片加载完成后，获取图片的实际宽高。因此在onload事件中，获取元素信息的方法，要做兼容处理。在safari浏览器中，event信息打印如下。

2022-09-27 10:35:30 863

原创 React Native v0.70 踩坑：@tsconfig/react-native/tsconfig.json Not Found

使用VS Code做开发工具，安装好依赖，打开项目后，发现报了一堆错误和警告，有很多。解决方法：选择vs code typescript为当前项目版本。文件夹中报了这么一个错。

2022-09-19 17:12:34 2748

原创 height:100% 失效场景

这段代码存在一个问题：视频原本的高度比容器高，则容器内部元素总高度实际会超过500px。没有生效，直接按原高度展示，最终超过了容器的高度。mid的实际高度，会根据容器剩余空间自由扩展。产生这个问题的原因在于，video的。...

2022-08-18 16:08:33 9752

原创 electron坑：缩小放大快捷键

electron缩小放大快捷键

2022-06-23 14:22:53 1647

原创 application/x-www-form-urlencoded

在请求中，有一种数据传输的是。这种数据格式的接口，在发送请求时，与我们习惯的的形式不一样。这半个月，有个地方没理解透，被坑了很长时间。接口是通的，按接口的要求，把数据传输过去，收到的结果始终是处理错误。但是通过，用同样的数据进行请求，收到的结果就是正常的了。这种数据格式，是表单的默认格式。下面简单演示一下，这个请求的处理要求。...

2022-06-08 23:28:52 40106 2

原创 vscode eslint 报 Cannot find module ‘eslint-plugin-babel‘

今天使用vscode 开发项目，在项目里一直报Cannot find module 'eslint-plugin-babel'。在项目里看，这个依赖是在package.json里是有的，而且确定是已安装过。出现这种状态，是使用了vscode工作区的功能，就是一个窗口里，有多个项目。我这次打开项目，就出现了其中一个项目报了这个错。单独窗口打开项目没有这个报错。从网上查了半天，也没找到解决方法。最后在github上vscode-eslint上的一个issue找到了一个解决方法。这个方法就是通过open

2022-04-25 18:13:43 2189

原创【vscode】工作区几个错误配置

今天用工作区开发项目，在vscode里，给代码报了几个错误错误： eslint No Babel config file detected解决方法：.vscode/settings.json 中配置： "eslint.workingDirectories": [ { "mode": "auto" } ],Ï错误： Cannot find type definition file for ‘babel__template’.Ï解决方法 .vscode/settin

2022-04-22 15:02:03 727

原创 qiankun: TypeError: Cannot read properties of undefined (reading ‘appWrapperGetter‘)

在我的qiankun项目里，往子应用跳转的时候，控制台输出了一段警告。TypeError: Cannot read properties of undefined (reading 'appWrapperGetter')查了很多资料，这个warn不能在控制台中删除。这个应该是qiankun自身的问题。在发生产的时候，打包的时候，把console移除就没有了。...

2022-04-18 14:34:05 2556 1

原创 vue-cli TypeError: Cannot read properties of undefined (reading ‘upgrade‘)

今天配置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.<anonymous> (/Users/lh

2022-04-13 16:20:56 13328 1

原创 nuxt2国际化该html中lang值，报警告Avoid using head as a function

https://i18n.nuxtjs.org/seo文档里根据语言切换html lang的值，// nuxt.config.jsexport default { // ...other Nuxt options... head () { const i18nHead = this.$nuxtI18nHead({ addSeoAttributes: true }) return { htmlAttrs: { myAttribute: 'My Valu

2022-02-24 14:38:05 441

原创 ctrypto-js中，DES解密的iv向量处理

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

2022-02-17 21:36:15 770

原创数字输入框禁止输入 + - e，input number prevent - + e

input number 类型下，+ - e . 都是允许录入的字符。在一些场景下，我们需要限制用户录入这些字符。vue3 代码示例<template><input type="number" @key.down="handleKey"><template><script setup>function handleKey($event){ if ( $event.code === 'KeyE' || // 禁止 e E $ev

2022-02-14 11:20:23 820 1

原创 flutter起步：windows 搭建 flutter开发环境

windows 下配置flutter开发环境配置国内Flutter镜像缓解变量环境变量分用户变量和系统变量，配置在这两个变量的任何一个变量都可以。我这里配置在用户变量里。PUB_HOSTED_URL https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cnFlutter SDK去flutter官网下载其最新可用的安装包，点击下载；将安装包zip解压到

2022-02-11 14:18:13 2514

原创 electron爬坑: ipcRenderer.sendSync

electron 文档：https://www.electronjs.org/zh/docs/latest/api/ipc-rendererhttps://www.electronjs.org/zh/docs/latest/api/ipc-main在ipc同步通信的方法 ipcRenderer.sendSync的使用上，语焉不详，没有具体的使用示例。以下是正确的使用示例# ipcRendererconst data={ val:1000}ipcRenderer.sendSync('sync'

2022-01-27 15:59:49 5554 2

原创 electron-builder 打包时无法下载github上文件处理

1、从网站上下载相关文件https://github.com/electron-userland/electron-builder-binaries/releases2、存放到系统的缓存库中不同系统缓存资源目录如下macOS: ~/Library/Caches/electron-builderLinux: ~/.cache/electron-builderwindows: %LOCALAPPDATA%\electron-builder\cache3、详细结构├── AppImage

2022-01-07 17:07:47 1789

原创 electron-builder 打包mac报错panic: runtime error: index out of range

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

2022-01-07 16:22:33 1000 1

原创 cors-anywhere 类型声明 types declaration

electron 中解决跨域的一个方案，在主进程中使用cros-anywhere, 起一个服务https://github.com/Rob–W/cors-anywhere/pull/267/commits/279eaeecac9bce0476012b6510dc374f30e3663bdeclare module 'cors-anywhere' { import { Server } from 'http'; export function createServer(options?: Par

2022-01-07 10:06:02 407

原创 typescript 中 public private protect 区别

在ts的class 内部属性的标记分为public、private、protect三类public 可以被实例化的对象访问到private 只可以被定义的class中访问使用，不可被子类继承访问，不能被实例对象访问protect 可以被子类继承和访问到，不能被实例对象访问...

2022-01-05 19:51:15 772

原创 vue vite项目报ts错误

使用vite 创建vue3 的ts项目后，用vscode打开，报了错误vue vite ts Cannot find module or its corresponding type declarations.ts(2307)解决方法：使用项目中的ts版本。VS code 中，F1， "typescript: select Typescript version"，选择 workspace 下的 typescript 即可...

2021-11-20 10:43:50 2002

原创 UMD写法

UMD js 写法(function (root, factory) { if (typeof define === "function" && define.amd) { define(["libName"], factory); } else if (typeof module === "object" && module.exports) { module.exports = factory(require("libNa

2021-10-10 14:53:30 302

原创移动端h5禁止页面滚动

在做H5页面，发现在ios下，存在以下的现象：A,B两个兄弟元素，A覆盖在B上面。在A上面滑动手指，会引起B元素内部滚动。body元素和内部元素。内部元素A绝对定位在上面。在A上面滑动手指，body会滚动。针对 1 情况，目前没想到解决方法。针对 2 情况，解决方法如下：简单处理 overflow方案export const bodyScroll={ stop(){ document.body.style.overflow='' }, restore(){

2021-09-23 17:17:44 2093

原创主动关闭浏览器tab标签页

需求最近有一个需求，需要关闭前一个页面打开的新标签页。查了很多资料，最终解决问题。关闭标签页所需条件标签页必须由js代码打开window.opener不能未null当前标签页history栈只能有一条具体代码// 以下两种方式都可以window.close()open(location.href, '_self').close()参考资料https://stackoverflow.com/questions/2076299/how-to-close-current-tab-in

2021-08-27 17:25:14 1598

原创无法引入umd模块

今天遇到一个问题，在项目里，引入umd模块时报错了。解决方案是，需要增加一个babel插件：安装插件：npm i -D @babel/plugin-transform-modules-umd配置.babelrc.jsmodule.exports = { presets: ['react-app'], plugins: ['@babel/plugin-transform-modules-umd'],}...

2021-08-26 15:28:16 1847

原创 ios 12 iframe无法滚动

缘起最近在做的一个项目，用iframe展示法律条款，判断滚动到底部时，允许进行下一步操作。页面里采用flex布局，分三块，上面标题、中间iframe展示，底部下一步操作按钮。愉快地开发完成后，经测试，各个手机都很正常，唯有一个ios12的手机，iframe无法滚动。分析ios12是支持flex布局的。但是页面呈现的时候，iframe本身的高度似乎是完全展开的。问题应该就是ios12及以下版本对iframe的处理不一样。在更高版本的ios系统，并没有这个问题。解决参考： https://www.

2021-08-18 14:15:27 776

原创 git rebase 操作

rebase 命令操作创建分支分支main基于main分支创建test分支main和test分支操作main分支创建a0.txt，并committest分支创建b0.txt,并commitmain 分支创建a1.txt, 并committest 分支创建b1.txt,并commit4个commit的时间线为main分支test分支commit时间hashtest add b110:074444main add a110:063333

2021-07-02 10:37:44 919

原创移动端H5视频video开发兼容性总结

在开发移动端视频video时，存在两个兼容性问题：视频播放时全屏视频播放时层级最高视频播放时全屏移动端浏览器在播放时，默认是全屏播放。改为内联播放方式为：ele.setAttribute('playsinline', props.options.playsinline);ele.setAttribute( 'webkit-playsinline', props.options.playsinline);ele.setAttribute('x5-video-player-type', 'h

2021-07-01 16:55:31 1462

原创 eggjs指定运行环境

官网指引报错官网文档运行环境通过 EGG_SERVER_ENV 环境变量指定运行环境更加方便，比如在生产环境启动应用：EGG_SERVER_ENV=prod npm start参照官网这么来配置package.json"start:stage":"EGG_SERVER_ENV=prod npm start"运行结果会毫不留情地报错:EGG_SERVER_ENV‘ 不是内部或外部命令解决方法官网文档应用部署里面有设置 env 项。设置好以后就可以了。–env=prod 框架运行环境

2021-06-30 14:46:04 2312

原创 vs code中 prettier对js不起作用设置

.vscode目录下的settings.json里，加入edtior相关配置{ // settings.json中的其他配置信息 //.... // 设置编辑器的默认格式化工具为prettier "editor.defaultFormatter": "esbenp.prettier-vscode", // 为javascript语言指定格式化工具为prettier "[javascript]": { "editor.defaultFormatter": "esbe

2021-06-28 14:05:53 2219

原创阿里云服务器ubuntu系统学习：mysql安装与链接

mysql安装与链接安装mysqlmysql 账号密码查看默认账号密码添加root用户名和密码修改配置文件取消ip访问限制和修改端口号设置mysql用户链接ip限制配置阿里云服务器端口号总结安装mysqlsudo apt-get install mysql-server安装完成后，在终端输入mysql，就可以了看到正在运行的mysql了mysql 账号密码查看默认账号密码sudo cat /etc/mysql/debian.cnf会看到里面的默认账号和密码user = debian-s

2021-06-27 18:34:36 136 2

原创阿里云服务器学习： nginx安装

nginx安装ubuntu 安装nginxnginx使用参考ubuntu 安装nginxsudo apt-get install nginx1.找到nginx命令所在目录which nginx结果：/usr/sbin/nginx2.查看配置文件所在目录（/usr/sbin/nginx 为上述命令运行结果）/usr/sbin/nginx -tnginx使用参考nginx 最全操作总结...

2021-06-26 11:32:08 86

原创阿里云服务器学习：node环境安装

node环境安装nodejs官网指引阿里云指引nodejs官网指引入门教程安装http://nodejs.cn/learn/how-to-install-nodejs指引进入这个链接：https://nodejs.org/en/download/package-manager/找到ubuntu相关，再进入以下这个链接https://github.com/nodesource/distributions/blob/master/README.md安装命令：16.x是指对应版本# Using

2021-06-25 22:40:22 224

原创移动端浏览器 userAgent 汇总截止2021-06-22

汇总安卓浏览器浏览器userAgent小米浏览器Mozilla/5.0 (Linux; U; Android 11; zh-cn; Redmi K30 Pro Build/RKQ1.200826.002) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/79.0.3945.147 Mobile Safari/537.36 XiaoMi/MiuiBrowser/14.7.10华为浏览器Mozilla/5.0 (

2021-06-22 13:58:54 8128

原创 jest在node中使用：jest Cannot use import statement outside a module

jest在node中使用在node中直接使用jest问题原因所在解决方法一：使用babel解决方法二：使用es6 module实验性支持功能在node中直接使用jest本人在做一些小的功能，需要用jest进行一下单元测试。在使用中，发现简单运行jest会报错以下是我的package.json{ "name": "leet", "version": "1.0.0", "description": "leetcode", "main": "index.js", "scripts":

2021-06-04 17:44:13 5218

原创 The import path cannot end with a ‘.ts‘ extension

这是在用 vite+vue+ts 的时候，项目里报出来的。页面里的代码是这么写的<script lang="ts">import settings from '@/settings'export default { setUp() { console.log(settings) return { settings } },}</script>解决方法是在tsconfig.json里改一点东西：{ "compilerOptions": {

2021-06-03 21:30:18 6549 6

原创 svelte调用子组件方法

教程中对this的绑定https://www.sveltejs.cn/tutorial/bind-this来源 https://stackoverflow.com/questions/61333755/svelte-access-child-components-method作者： rixoHidden.svelte<script> let shown = false; export function show() { shown = true;

2021-05-19 09:28:46 998

原创 linux学习笔记：安装redis

Ubuntu 20.04安装redis

2021-04-05 22:05:05 89

原创 linux学习笔记：安装nginx

如何在 Ubuntu 20.04 中安装和配置 Nginx

2021-04-05 14:06:45 122

原创 linux学习笔记：连接mysql

Ubuntu 安装mysql安装：sudo apt updatesudo apt install mysql-server查看mysql状态sudo systemctl status mysqlUbuntu 查看mysql账户密码sudo cat /etc/mysql/debian.cnf取消ip访问限制MySQL取消ip访问限制.注释bind-address = 127.0.0.1。命令：sudo vim /etc/mysql/mysql.conf.d/mysqld.cnf

2021-04-02 23:24:17 319

phaser第一个游戏资源

phaser官网示例，第一个游戏中的图片资源。里面有星星、人物、背景、平台。简单的图片资源，游戏里加载后使用。

2020-05-25

状态管理库vuex的官方文档

vuex的官方文档。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

2017-09-05