侒然-优快云博客

原创微信小程序启动自动检测版本更新，检测到新版本则提示更新

微信小程序启动自动检测版本更新，检测到新版本则提示更新updateManagerUpdateManager 对象，用来管理更新，可通过 wx.getUpdateManager 接口获取实例

2023-08-09 15:22:06 1002

原创 errMsg: “getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json

小程序获取地理位置报错：errMsg: "getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json

2023-06-13 08:59:26 715

原创阿里云ECS上安装宝塔

阿里云ECS上安装宝塔安装完之后会跳出端口号，用户名，密码，复制面板地址打开就可以，记得在安全组中配置一下需要的端口

2023-05-23 11:03:35 445

原创小程序mock数据的方法

将模拟数据编辑成json数据或者是零碎的js脚本中，通过请求，取回数据，并进行业务逻辑处理，渲染到dom，json格式也有本地格式和网路格式两种。前后端同时开发的时候，后端接口数据没有出来，前端可以mock假数据，模拟开发；在js里直接声明变量，并给变量赋值，在逻辑脚本中使用，并渲染到dom;使用工具postman或者apifox模拟接口。2.读取网络json文件。

2023-05-19 12:51:27 926

原创微信小程序之跳转与关联

wx.navigateToMiniProgram 小程序的跳转wx.navigateBackMiniProgram 返回小程序onShow或者onLaunch 可以根据extraData内的数据将两个小程序关联

2023-05-15 12:52:25 609

this.getTabBar().init() // 设置tabbar active状态。1.在根目录中创建custom-tab-bar，新建page index。init() { // 设置tab的active下标（icon）onChange(event) { // 切换tab页面。text: "首页",text: "分类",text: "我的",* 生命周期函数--监听页面显示。在tab页中的onShow()

2023-05-12 13:15:47 1032

原创 js身份证识别出生日期、年龄、性别

【代码】js身份证识别出生日期、年龄、性别。

2023-05-12 11:19:41 531

原创 uniapp开发微信小程序自定义顶部导航栏

⾃定义导航栏后页⾯就成了全屏状态，如果还要⾃定义导航栏，那么就需要重新计算导航栏的⾼度，让其⼀直 fixed 在头部。⼩程序⾃定义导航栏⾼度计算。

2023-03-31 17:28:53 841

原创 uni-app首页分享

uni-app小程序分享好友和朋友圈设置。

2023-03-31 13:36:37 241

原创 uni-app自定义底部tabbar

1.新建custom-tab-bar目录，并分别创建 (js，json,wxml,wxss）main.js中添加，解决点击两次才能选择icon。在当前页下，onShow中添加。

2023-03-28 09:26:10 1239

原创 nuxt3多环境开发配置

nuxt3多环境开发配置

2023-02-10 16:26:44 2791 1

原创 nuxt3 pinia pinia-plugin-persistedstate

nuxt3 pinia 持久化存储

2023-02-09 10:21:53 1392 2

原创 Nuxt3请求封装数据封装

Nuxt3请求封装数据 fetch的使用

2023-02-07 13:00:52 4088 3

原创 Nuxt3更改meta信息（关键词、标题、描述）

Nuxt3更改meta信息（关键词、标题、描述）

2023-02-03 15:43:39 843

原创 node版本升级：与node-sass、sass-loader版本不兼容问题

npm ERR! gyp ERR! node -v v16.18.0npm ERR! gyp ERR! node-gyp -v v7.1.2npm ERR! gyp ERR! not ok

2023-01-31 13:17:13 1932

原创原生小程序用vant组件自定义底部导航

原生小程序用vant组件自定义底部导航。

2023-01-17 17:12:38 527

原创 git问题error: remote origin already exists.

1、先删除远程 Git 仓库。2、再添加远程 Git 仓库。3、最后git push origin master，这样就推送到自己的仓库了。

2022-12-15 10:09:42 138

原创 linux部署vue项目

配置端口和目录vi /usr/local/nginx/conf/nginx.conf

2022-12-13 14:04:50 228

原创在linux上使用nginx部署

进1. 安装依赖包切换到nginx目录cd nginx解压安装包，安装Nginx执行make命令：make执行安装命令：make install查看是否安装成功：ps -ef | grep nginx（看是否有nginx进程）

2022-12-13 13:55:26 304

原创 pm2设置开机启动

生成开机启动 pm2 服务的配置文件运行：pm2 startup 命令

2022-12-12 14:01:13 4678

原创命令行查看和修改远程仓库

修改远程仓库：git remote set-url origin https://gitee.com/XX/xx.git

2022-12-12 13:20:28 209

原创 npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!

npm install xxxx --legacy-peer-deps

2022-11-22 20:23:59 1708

原创 npm ERR! ERESOLVE unable to resolve dependency tree

而npm install xxxx --legacy-peer-deps命令用于绕过peerDependency里依赖的自动安装；它告诉npm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题，以npm v3-v6的方式去继续执行安装操作。npm install xxxx --legacy-peer-deps命令与其说是告诉npm要去干什么，不如说是告诉npm不要去干什么。npm install xxxx --legacy-peer-deps命令是什么？为什么可以解决下载时候产生的依赖冲突呢？

2022-11-22 20:18:14 3479

原创 uni-app页面自定义头部导航，怎么去除这个高度

不同手机顶部导航条的高度不同，这时候要动态定义导航条的高度，下面是代码案例，仅做参考。

2022-09-23 14:29:09 865

原创 Http和https的知识点整理

http和https的基本概念http和https的区别及优缺点https协议的工作原理

2022-08-10 17:16:25 644

原创 fatal: unable to access ‘https://github.com/xxx/123.git/‘: Failed connect to github.com:443 解决方案

在linux上git clone时遇到fatal: unable to access 'https://github.com/xx/xx.git/': Failed connect to github.com:443; Connection timed out时如图解决方法：把https:改成git如果没有成功，遇上以下报错配置用户名，邮箱给该邮箱设置公钥回车三次后得到如图设置成功后进入~/.ssh, 复制公钥（ssh-rsa到邮箱那一块就是了）到github上的set

2022-07-08 13:38:34 4731 1

原创 uni-app h5 单页面自定义头部

1.打开 pages.json 将原生的导航设置为false { "path": "pages/repair/repair", "style": { "navigationBarTitleText": "", "enablePullDownRefresh": false, "navigationStyle": "custom" }, "app-plus": { //#ifdef H5 "titleNView": false //

2022-04-28 13:24:07 1719

原创时间戳格式化为yyyy-MM-dd hh:mm:ss格式

//时间戳格式化为yyyy-MM-dd hh:mm:ss格式，其他格式也可自行更改export const formatDateTime = (date) => { var date = new Date(); var month = date.getMonth() + 1; var strDate = date.getDate(); var hours = date.getHours() var minutes = date.getMinutes() var second.

2022-04-15 17:21:53 801

原创 vue根据文件名后缀区分

1、建立公共的js matchType.js// 根据文件名后缀区分文件类型 function getType(fileName) { // 后缀获取 var suffix = ''; // 获取类型结果 var result = ''; try { var flieArr = fileName.split('.'); suffix = flieArr[flieAr...

2022-04-12 14:11:31 2295

原创 vue设置显示几行，超出鼠标hover显示全部

在组件中添加vueText<template> <div class="vue-text" ref="text" :style="textStyle" @mouseenter="mouseenter" @mouseleave="mouseleave" > {{ value }} </div></template><script>export default { // 显示

2022-02-16 16:13:49 2716 1

原创 vue 前端打印pdf

方法一：jspdf+html2canvas1.首先安装jspdf，html2canvas2.在utils下新建htmlToPdf.jsimport html2canvas from 'html2canvas';import JsPDF from 'jspdf';/** * @param ele 要生成 pdf 的DOM元素（容器） * @param padfName PDF文件生成后的文件名字 * */function downloadPDF(el

2022-02-13 13:25:03 6210

原创小程序van-uploader 上传图片并压缩图片

<view class="upload"> <van-uploader file-list="{{ file }}" bind:after-read="afterRead" deletable="{{ true }}" data-id="business_license" preview-image="{{true}}" bind:delete="delete_img" /> <canvas canv...

2022-01-17 16:41:53 4112

原创 vs code vue 格式化配置

首选项-设置搜索vetur 找到setting.json "[vue]": { "editor.defaultFormatter": "octref.vetur" // 使用 vetur 格式化规则},"vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, // 去掉分号 "singleQuote": true, // true 为使用单引号 .

2022-01-11 14:40:07 879

原创 video 视频隐藏control，点击显示记录

<div class="videoDiv"><video id="videoPlay1" class="pause"><source src="https://zhipeifile.oss-cn-hangzhou.aliyuncs.com/storage/2021/October/week4/47249_e16fc9bb43950eef01903c3f121be25a.mp4" class="videoShow" type="video/mp4"></video.

2021-10-25 16:17:42 857

原创小程序城市多选组件的封装

wxml页面<scroll-view scroll-y="true" style="height:{{winHeight}}px" bindscroll="bindScroll" scroll-into-view="{{scrollTopId}}" scroll-top="{{scrollTop}}"><view class="selection" wx:for="{{cityList}}" wx:key="initial"> <view class=".

2021-08-17 23:13:07 381

原创小程序分享朋友圈

自定义分享朋友圈wxml代码<van-action-sheet bind:close="onClose" bind:cancel="onClose" cancel-text="取消" title="分享页面" show="{{ showShare }}"> <view class="shareBox"> <button open-type="share" class="share_box"> .

2021-08-12 22:56:41 176

原创 GLSL三种基本类型（着色器语言三种变量）

GLSL三种基本类型（着色器语言三种变量）着色器语言和C语言一样，通过一个表示特定数据类型的关键词声明一个变量，比如int num;通过int关键字声明一个整数型变量num，不过着色器语言还提供了三个关键字attribute、uniform和varying用来声明特定用途的变量。attribute和uniform关键字的目的主要是为了javascript语言可以通过相关的WebGL API把一些数据传递给着色器，如果一个着色器中一个变量，着色器代码中变量不通过attribute或uniform.

2021-06-18 18:26:08 886

原创 THREE.FBXLoader: External library Inflate.min.js required, obtain or import from （错误记录）

解决方法：引用 <script src="js/loaders/FBXLoader.js"></script>

2021-06-16 15:32:41 2285

原创 yarn : 无法加载文件 C:\Users\larch\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本

yarn : 无法加载文件 C:\Users\larch\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Exe cution_Policies。所在位置行:1 字符: 1+ yarn install+ ~~~~ + CategoryInfo : SecurityError: (:) []，PSSecu.

2021-06-10 17:49:51 240

原创 three.js 构建简单的房间

通过three.js构建一个简单的房间知识点轨道控制器：OrbitControls 使用ThreeBSP库进行Three.js网格组合 tweenjs动画效果就是使一个对象在一定时间内从一个状态到另外一个状态代码<!DOCTYPE html><html><head> <title>构建一个简单的房间</title> <style> body { /* se

2021-05-27 17:21:40 1169