yy6818的博客

原创 uniapp让输入框保持聚焦状态，不会失去焦点

当输入框还有发送按钮的时候，点击发送希望软键盘不消失，还可以继续输入，或者避免因输入图片标签造成的屏闪问题。多次尝试后发现一个很实用的方法，适用input输入框和editor输入框。

原创 JSON格式化的另类方法

json的另类方法

原创 gyp ERR! stack Error: Could not find any Python installation to use

需要python

原创 SpringBoot中addCorsMappings配置跨域与拦截器互斥问题

项目场景：项目场景：SpringBoot里配置拦截器和跨域 来解决前端问题问题描述在使用的过程中跨域突然就不生效了 直接出现了跨域原因分析：提示：我简单说这是一个执行顺序问题，因为跨域的原因是的得不到后端的回答，我是让你过呢还是不过呢？得不到回答前端就默认拒绝了，所以要么让浏览器允许跨域（不推荐），原因是浏览器问 这个接口能不能过呀 然后拦截器把它拦截在门外了，迟迟得不到不回答解决方案：、、在拦截器里判断是不是询问接口能不能过的，是的就放行..

原创 uniapp实时通信腾讯云demo运行

首先登录[即时通信 IM 控制台]单击**创建新应用**，在**创建应用**对话框中输入您的应用名称，单击**确定**。创建完如图根据您的实际业务需求，下载 SDK 及配套的 [Demo 源码] 。我们用这个为例解压后找到uniapp版本的demo打开后找到这个拖入uniapp编辑器 ,打开目录填写appid 和key然后再生成自定义基座，然后就可以在手机上运行看效果了如有疑问加我微信：yanhz527...

原创 UNIAPP 单位px和rpx的转换

开发中难免出现单位问题，就像获取系统信息，里面的屏幕宽度什么的都是px作为单位的，因此这里说明一下uniapp的转换使用rpx转pxuni.upx2px(rpx的值)px转rpxpx的值/(uni.upx2px(10)/10)使用的时候可以 let px = uni.upx2px(rpx的值)什么的 返回值就是计算好了的...

原创 关于Global CSS cannot be imported from files other than your Custom ＜App＞. Due t

问题描述：提示：我们在运行Next项目时候出现全局样式不可导入或者导入失败例如：Global CSS cannot be imported from files other than your Custom <App>. Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. ...

原创 uniapp文件缓存技术（非tree版本）

话不多说上代码用的封装方式只需要导入19行的使用只需要38行的这个代码存到你封装的对应位置export const getFileCache = function(filePath, fileName, fileType) { // 缓存key值 let storageKey = 'FILE_CACHE_INFO_' + fileName + fileType const cacheFileInfo = uni.getStorageSync(storageKey).

原创 uniapp+H5+移动端配置地图（保姆教程）

uniapp H5使用高德地图开发保姆教程

原创 uni里封装日常常用js工具类~ ~~持久更新~

有常用的校验，防抖，节流，数组对象去重，等let _debounceTimeout = null, _throttleRunning = false/** * @param {Object} arr 传进来的对象数组 * @param {Object} fn 回调 */export const arrObjSet = function(arr,fn){ let nArr = producterList.filter((element,index,self)=>{ re.

原创 [渲染层网络层错误] Failed to load local image resource /uni_modules/uview-ui/components//static/icon/person.

类似于这种解决办法在uni开发过程中，uview的图片组件使用相对路径也就是 ../../../xxx的时候在hbuilder里可能就正常显示，但微信里显示不了 这时候就得使用觉得路径，也就是如果图片资源在你的根目录static文件夹下就直接 /static/xxx这样问题就直接解决...

原创 uniapp获取微信授权登录和手机号一键登录（保姆教程）

uniapp获取微信用户手机号（保姆教程）第一步下载解密文件‘mWXBizDataCrypt’没有文件就复制该文件的代码创建一个var crypto = require('crypto')function WXBizDataCrypt(appId, sessionKey) { this.appId = appId this.sessionKey = sessionKey}WXBizDataCrypt.prototype.decryptData = function (en

原创 nuxt单页面seo优化

1.下载axiosnpm i @nuxtjs/axios -s2. 在nuxt.config.js中配置axiosmodules: [ '@nuxtjs/axios', ],此时， 就可以在组件中使用async asyncData({$axios}) { let { res } = await $axios.get(`https://xxx.com/api/xxx`) console.log(res) }import Vue from .

原创 展示星期+日期的组件（自己封装一下）

效果图<template> <view> <view class="app"> <view class="head"> <view class="cander"> <view class="week"> <view :class="currentDay == 1 ?'fontW':'day' "> {{currentDay == 1 ?'今日':'一'}..

原创 Vue3手动装配路由Router

yarn add vue-router@4或者npm i vue-router@4 -Smain.js里面import { createApp } from 'vue'import App from './App.vue'import router from './router/index'//注意use要在mount之前createApp(App).use(router).mount('#app')新建路由文件夹路由inde里面import {createRo..

原创 微信小程序radio巧用

页面代码 <radio-group bindchange="radioChange"> <radio class="radio_class" wx:for="{{useAlbum}}" value="{{item.id}}" checked="checked">{{item.name}}</radio> </radio-group>js代码date里useAlbum: [{ name: '关闭', id: 0,checked:

原创 indexOf在数组里面的巧用

1，删除数组下标元素 let index =1 //要删除的 let ni = [1,2,3,6,4,8] //当前的那个数组 console.log(index) console.log(ni.indexOf(index) < 0) if(ni.indexOf(index) != -1){ //如果数组里面存在那个值就会返回下标 ni.splice(ni.indexOf(index),1) //splice(数组下标，删除后面几个)

原创 不允许使用头 ‘access-control-allow-origin‘

错误如下原因 服务器配置的响应头和本地配置的请求头冲突解决方案 本地不配置请求头

原创 vue-element-admin - 配置接口请求，跨域，版本4

vue-element-admin - 配置接口请求，跨域，版本4网上常规方法是这么说的，修改.env.development，然后就Ok# base api# VUE_APP_BASE_API = '/dev-api'VUE_APP_BASE_API = 'http://111.11.111.11'但是我失败了，然后找到了proxy代理第一步，还是修改这个文件.env.development# base api# VUE_APP_BASE_API = '/dev-.

原创 vue.config配置跨域失败

如果你的跨域配置一直得不到成功请看network里面你的访问地址是否正确

原创 纯前端创接口Node+express

首先确保你安装有node使用node -v 可查看是否安装成功 为了提高电脑性能 你应该这样修改npm 然后安装expressnpm命令npm i express -gnpm i -g express-generator yarn命令yarn global add express yarn global add express-generator 准备好之后来创建项目在你准备的文件夹 使用cmd 或者shit+鼠标右键打开cmd初始化一个项目 使...

原创 vue利用滚轮让地图进行缩放

滚轮判断在我的发布文章里有滚轮方向判断这里使用的是百度地图先把zoom做成绑定的然后再修改就可以实现地图缩放

原创 vue监听鼠标滚轮滚动方向

第一步 现在挂在里添加一个事件监听 mounted(){ //监听鼠标滚动事件 window.addEventListener( this.menu, true)||window.addEventListener(this.menu,false) },第二步就是逻辑这个写在methods里面menu(e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件

原创 对象的操作 你细品

原创 vue中的Object.defineProperty

Object.defineProperty 毫无疑问字面上的意思就是 对象.定义属性例如let person ={ name:'zs', sex:'man'}Object.defineProperty(person,'age',{ value:18 })//等价于let person ={ name:'zs', sex:'man', age:18}但是Object.defineProperty 这个就比较高级了通过d..

原创 微信小程序 在页面里面执行js

微信小程序 在页面里面执行js例如 我想写个js<!-- 有效 --> <view>{{ 1+1 }}</view> <view>{{ 2>1 ? '是':'否'}}</view> <!-- 无效 --> <view>{{ Math.random() > 0.5 ? '大于':'小于' }}</view> <view wx:for="{{'1,2,3'.spl

原创 在微信里判断链接是图片还是视频

在微信里判断链接是图片还是视频啥的一锅端出品（未经授权禁止转载）求 一箭三联废话不多说 先上代码关键api wx.getImageInfo先看我的代码banimg(arrs,ind){ let arr =arrs let index = ind let i = 0 let a = [] fac() function fac(){ if(i<arr.length){ wx.getImag.

原创 定时器的单利模式

主要代码用的时候看使用说明 不懂滴留言（求求关注）var HashMap = require('../tools/HashMap')/** * 使用说明： * 1、引入 var timeTool=require("../utils/timeTool.js") * 2、onload 里面实例化并调用start方法： * mtimeTool = new timeTool( this); mtimeTool.start();添加监听函数：keykey随意写不要重复

原创 数组里对象去重

const house_id = 'house_id';//重复依据 const r = arr.reduce((all, next) => all.some((atom) => atom[house_id] == next[house_id]) ? all : [...all, next],[]);//去重复

原创 前端常用词汇（求一箭三联）

HTML部分一、html结构部分单词html:（Hyper Text Markup Language）超文本标记语言 DOCTYPE:（Document Type）文档类型 lang：（language）语言 head：头 body：身体 meta：用于声明关键词 charset：字符集 title：标题 name：名字 content：内容 initial-scale：初始缩放比例二、常规标签和单词示意font：字体 size：大小 h：（headline）标题 .

原创 微信小程序影藏左上角的home按钮

api wx.hideHomeButton()

原创 js数据校验工具 js

var regexEnum = { intege : "^-?[1-9]\\d*$", // 整数 intege1 : "^[1-9]\\d*$", // 正整数 intege2 : "^-[1-9]\\d*$", // 负整数 num : "^([+-]?)\\d*\\.?\\d+$", // 数字 num1 : "^([+]?)\\d*$", // 正数（正整数 + 0） num2 : "^-[1-9]\\d*|0$", // 负数（负整数 + 0） .

原创 微信几种信息提示框

第一种：弹出提示框，可以选择确定或者取消。 代码： wx.showModal({ title: '提示', content: '这是一个模态弹窗', success: function (res) { if (res.confirm) {//这里是点击了确定以后 console.log('用户点击确定') } else {//这里是点击了取消以后 console.log('用户点击取消..

原创 微信小程序获取定位 （小白版）

微信小程序获取定位 （小白版）onload 掉这个wx.authorize({ scope: 'userLocation', success: res => { console.log(res) }, fial: e => { console.log(e) } })方法调这个locationFail() { wx.getSetting({ success

原创 使用MyBatis的第一步 误区

package com.yan.util;import org.apache.ibatis.io.Resources;import org.apache.ibatis.session.SqlSessionFactory;import org.apache.ibatis.session.SqlSessionFactoryBuilder;import java.io.IOException;import java.io.InputStream;/** * 工程 * * @author Ya.

原创 微信小程序 组件数据传到页面

组件里有个确定事件 里面有this.triggerEvent('changeDataOk', { year: this.data.cur_year, month:this.data.cur_month, day:cur_day + 1 })changeDataOk 为向外部页面发送的事件方法year啥的都是发送的数据 <timePicker bind:changeDataOk = "changeDataOk">&lt

原创 Vue中使用cookie

Vue中使用cookie使用外部js导入代码/** * cookie中获取域名 * */function GetCookieDomain() { var host = location.hostname; var ip = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|..

原创 Vue通过路由传参数

跳转这样写 this.$router.push({ path:'/user',//跳转的地址 query: { TName: res.data.user[0].teacherName,//TName参数 mailBox: res.data.user[0].mailbox, telephone: res.data.user[0].mailbox, .

原创 关于parseInt的参数

parseInt是一种字符串转数字的例如parseInt("123abc")结果就位123 但第一位不是数字就NaN了parse

原创 使用mixin抽离公共数据方法

假若 a页和b页面有共同的数据 或者数据结构方法，我们就可以把公共部分抽离假若我这有个公共数据 写在mixin.js里面