![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端
陈小浩同学
这个作者很懒,什么都没留下…
展开
-
ts+fetch实现选择文件上传
上传类型:File: (binary)请求头:content-type: multipart/form-data;html部分<input id="updateImg" type="file"/>js代码部分const updateImg = document.querySelector<HTMLInputElement>("#updateImg")!;updateImg.addEventListener('change',(e:any)=>{ con.原创 2022-05-26 17:45:11 · 654 阅读 · 0 评论 -
JS使用递归实现无限分类
后台返回的数据格式const data = [ { "id": 1, "name": "标题1", "pid": 0 }, { "id": 2, "name": "标题2", "pid": 0 }, { "id": 3, "name":原创 2021-09-30 13:43:16 · 785 阅读 · 0 评论 -
在window操作系统下使用微信开发工具调试公众号页面 打开http网址自动跳转到https
博主在使用微信开发工具测试的时候多加了一个s,清除缓存也不行,后来经过一顿百度最终找到了如下解决方案打开 C:\Users\Administrator\AppData\Local\微信开发者工具\User Data文件夹,删除User Data 下的所有文件夹即可,然后重新打开就可以了;要先关闭开发工具才可以删除百度解释:HSTS 的工作机制可描述如下:服务器端配置支持 HSTS 后,会在给浏览器返回的 HTTP 首部中携带 HSTS 字段。浏览器获取到该信息后,会将所有 HTTP 访问请求.原创 2021-11-12 11:48:16 · 10329 阅读 · 0 评论 -
Vue3安装commitlint 做git提交规则校验
yarn or npm i 都可以,这里以yarn形式安装如果执行yarn cz报错如下内容,请安装 yarn add right-pad -D安装完right-pad 之后,可以再次执行 yarn cz原创 2021-12-01 09:17:24 · 722 阅读 · 0 评论 -
解决vue3.0报错:Cannot find module ‘vue-loader-v16/package.json‘
报错信息如下:问题原因:应该npm版本过低,作者亲身测试,更新npm或者用方案1解决方案1:使用命令 cnpm -- install 代替 cnpm install 解决方案2npm i -g npmcnpm i-g cnpm转载 2021-09-30 13:08:28 · 426 阅读 · 0 评论 -
vue3中提示 找不到模块 “path“ 或其相对应的类型声明
错误提示:找不到模块“path”或其相应的类型声明 或者 找不到名称“__dirname对node进行类型声明yarn add @types/node -Dnpm i @types/node --D原创 2021-09-30 14:51:27 · 4608 阅读 · 0 评论 -
electron+vue3的基本使用及通信
环境参数node -v v14.16.0vue --version @vue/cli 4.5.11electron应用是多进程的,而这个进程是分两种,一种是主进程[main](主进程就是background.js所来承载的进程就是主进程),还有一种就是渲染进程[ready](渲染进程就是打开的窗口);主进程就一个,而渲染进程会有多个;至于为什么electron应用采用的是多进程,而不是多线程,这主要是因为electron基于Chrome内核,而Chrome内核就是多进程的一、创建vue3.原创 2021-10-23 16:36:11 · 7354 阅读 · 4 评论 -
uniapp 接入web3js
在模板文件index.html里引入web3js;也可以通过npm i web3 ;还有把文件下载到项目中 import web3 from ‘x/web3.min.js’; 这里博主是在index.html里引入template.h5.html<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compa.原创 2022-03-07 21:04:59 · 2726 阅读 · 1 评论 -
h5端实现在微信浏览器下唤起app
一、前期配置微信公众号唤起app文档https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_H5_Launch_APP.htmlhttps://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#1【给做安卓和ios的技术看】https://developers.weixin.qq.com/doc/offiaccount/OA_原创 2021-11-10 17:38:41 · 1211 阅读 · 0 评论 -
H5移动端适配iPhone X/XS/XS Max底部导航栏+底部栏
博主是用uniapp开发的一个商城,本身就做了tabbar兼容;打包上线后,发现在其他浏览器下都可以正常显示,唯独微信浏览器,我真的是***;如下就是解决方案viewport-fit=cover 这个很重要,它可以帮你在微信浏览器下适配,不加这个会被底部的横杠挡住噢~<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-sc原创 2021-10-21 17:13:01 · 2929 阅读 · 0 评论 -
uniapp本地资源打包app或运行到模拟器
uniapp离线sdk及Android Studio下载地址:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android一、打包本地项目菜单:发行->原生App-本地打包->生成本地打包App资源二、配置1、导入官方 demo 到 Android Studio2、删除 " HBuilder-Integrate-AS\simpleDemo\src\main\assets\apps "下的所有文件,并打本地打包的项目放入到a原创 2021-10-18 12:53:53 · 2354 阅读 · 3 评论 -
uni-app App端配置urlSchemes
注意不要使用大写及中文以及特殊字符等;配置好后需要打包后才能生效IOS配置路径打开manifest->源码视图,在app-plus->distribute->ios 输入下面的代码在另一个应用或者H5端中访问 testshop://"urltypes" : [ { "urlidentifier" : "com.testshop.test", "urlschemes" : [ "testshop" ] }]android配置打开mani.原创 2021-09-30 15:14:54 · 3579 阅读 · 0 评论 -
uni-app H5端唤起App
在唤起应用页面用JS代码请求该协议,如果在3000ms内有应用程序能解析这个协议,那么就能打开该应用;如果超过3000ms就跳转到app下载页。//直接调用这个方法即可async checkInstallApp() { var u = navigator.userAgent; var isWeixin = u.toLowerCase().indexOf('micromessenger') !== -1; // 微信内 if(isWeixin){ alert('请在浏览器上打开').原创 2021-09-30 15:01:58 · 1005 阅读 · 0 评论 -
uni-app 使用阿里oss上传图片
其他相关JS文件在底部import Crypto from './crypto.js';import './hmac.js';import './sha1.js';import { Base64 } from './base64.js';const uploadFileSize = 1024 * 1024 * 100; // 上传文件的大小限制100mconst accesskey = "key"const accessId = "id"const ossDomain = 'http:.原创 2021-09-30 14:15:39 · 771 阅读 · 0 评论 -
uni-app返回上一级页面刷新页面并更新数据字段 兼容H5、App
常用于选择数据后返回到上一页更新数据const pages = getCurrentPages(); //获取当前页面的页面栈,是个数组const currPage = pages[pages.length - 1]; //当前页面const prevPage = pages[pages.length - 2]; //上一个页面// #ifdef H5 prevPage.addressItem = item; prevPage.getData();// #endif// #ifdef.原创 2021-09-30 13:56:04 · 563 阅读 · 0 评论