源哥哥呐-CSDN博客

原创 Vue 在H5 项目中使用融云进行实时个人单聊通讯

Vue 在H5 项目中使用融云进行实时个人单聊通讯由于其他博客的相关融云的Vue项目开发不是特别完善，此项目加入了自己的一些思考，可供大家有一点方向。1.融云官网注册账号，获取----。。。## Vue 在H5 项目中使用融云进行实时通讯由于其他博客的相关融云的Vue项目开发不是特别完善，此项目加入了自己的一些思考，可供大家有一点方向。1.融云官网注册账号，创建应用并获取必要的初始化参数 appkey2.融云web开发文档本人使用3.x 版本3.vue项目引入cdn(index.html)

2020-12-09 23:40:42 1382 4

原创 node 使用ssh2与虚机连接并上传文件到虚机

node 使用ssh2与虚机连接并上传文件到虚机。

2024-04-10 20:15:40 140

原创 JS parseInt radix使用避坑

使用：parseInt(index,radix)官方文档说明radix值小于2或大于36 将返回NaN实则小于的值是由index(1-9)决定小于等于index的值(0除外)则会返回NaNparseInt(1,1)=NaN parseInt(1,0)=1 parseInt(1,37)=NaNparseInt(2,2)=NaN parseInt(2,1)=NaN parseInt(2,0)=1 parseInt(2,37)=NaN…(以此类推)当index为10不再是以上规律pa

2021-11-29 15:04:04 292

原创 uniapp小程序开发组件强制刷新

uniapp小程序开发中页面子组件强制刷新小程序点击顶部返回上一页不会触发页面更新，也不会触发当前页面的的watch和computed，导致子组件里的内容无法更新。解决方法:重写当前页面的导航栏，设置navigationStyle:“custom”，点击返回上一页为reLaunch(){}在上一页给component设置v-if,onShow()生命周期里面强制重新渲染子组件<Component v-if="hackReset"/>data() { return { hac

2021-10-15 10:53:48 2930

原创 uniapp 组件内onLoad生命周期不起作用

正常页面生命周期使用onLoad 但是在开发中发现此生命周期不起作用直接把该生命周期换成Vue的mounted即可mounted() { console.log('xxxx');}

2021-08-11 23:45:08 795

原创 vue-element-admin 动态路由使用import报错

总体思路是路由映射/** * 替换route中component * 需要遍历路由表将后端返回的component替换为本地的路由表 * componentMap ==== 本地路由映射表 */function replaceComponent(comp) { if(comp.component && typeof(comp.component) == 'string') { comp.component = componentMap[comp.component]

2021-04-25 15:49:19 1096 2

原创 Vue项目PC端屏幕适配

根据项目的设计图版心一般情况下居中且宽度在1200px然后背景图根据屏幕自适应大小，在小屏的笔记本等设备上就会导致页面显示不全。接下来是处理。。。1.新建device.js文件。class devicePixelRatio { constructor() { //this.flag = false; } //获取系统类型 getSystem() { let flag = false; var agent = navigator.userAgent.toLowerCase

2021-02-08 11:09:50 2414 2

原创 React ant-design f初始orm表单渲染

项目中希望页面初始渲染或请求数据之后对form表单进行渲染// 官方给出组件代码解释使用formRef 进行赋值formRef = React.createRef();// 在生命周期里进行赋值 console this.formRef.current == null// 则在代码中赋值便失败// 解决办法UNSAFE_componentWillMount() { // 定时器 // 使用定时器否则this.formRef.current 为null set

2020-12-15 21:39:22 274

原创 vue 项目在组件中映射 state 数据

在vue组件中直接使用state数据(映射)import {mapState} from 'vuex' export default { name:'xxx', // 使用计算属性进行state映射 computed:{ ...mapState(['user']) } }// 使用用户名:{{user.username}}...

2020-11-30 22:47:29 571

原创原生微信小程序js文件使用封装vantui dialog.comfirm

原生小程序页面js文件内使用VantUi Dialog.confirm准备工作先在本地小程序文件内引入vantui 引入vantui方法小程序index.json 引入vant-dialog ！！！必须页面引入否则报错常见报错"usingComponents": { "van-dialog": "../miniprogram_npm/@vant/weapp/dialog/index" // 相对路径 },小程序index.wxml 引入vant-dialog ！！！必须页面

2020-10-28 16:35:00 1070

原创 vue将vuex状态管理数据存储在localstorage

vue将vuex状态管理数据存储在localstoragevue项目安装vuex-persistedstate（vuex持久化）npm i vuex-persistedstate -S//store/index.jsimport Vue from 'vue'import Vuex from 'vuex'import xxxfrom './modules/xxx';import createPersistedState from "vuex-persistedstate"Vue.use

2020-10-13 09:48:10 717

原创原生微信小程序引入vantweapp

只需三部即可成功引入在项目根目录===================> npm init -y在项目根目录===================>npm i @vant/weapp -S --production点击工具===>构建npm===>成功！

2020-09-24 11:17:29 497

原创关于手机号不能登录微信解决办法

哥们遇到微信号不能登录相关问题（有被冻结相关情况）由于已经解决并忘记截图，所以只能口述描述微信不能登录相关情景（手机号在用，能收发验证码）输入手机号然后验证码登录===>提示好友发送校验码（无好友）输入手机号然后验证码登录===>提示输入个人信息（未设置）申诉===>失败解决办法（非常苦恼！非常苦恼！非常苦恼！）重新进行微信注册账号，输入该手机号码，会提示是否以上的微信是否是本人所使用的的微信选择本人之前所使用的微信然后再找一位好友（朋友微信号注册为半年以上，且有过相

2020-07-31 23:50:51 5357 1

原创 vuepress-theme-reco博客项目部署github

通过vuepress-theme-reco构建博客项目部署在github直接跳过前面项目初始化在config.js 将base设置为仓库名称直接到打包阶段-----------首先将代码推到github–master分支-----------npm run build-----------在根路径生成public文件-----------在根路径生成文件deploy.sh确定生成public文件之后，双击该文件或者命令行 $ bash deploy.sh# deploy.sh文件# 确

2020-07-10 14:02:45 1163 6

原创微信小程序画布渲染文字换行

微信小程序画布渲染文字换行封装换行函数// 文字换行 drawText: function(ctx, str, leftWidth, initHeight, canvasWidth) { var lineWidth = 0; var lastSubStrIndex = 0; // 每次开始截取的字符串的索引 ctx.setFontSize(24) // 设置字体大小 ctx.setFillStyle('#999999') // 设置字体颜色 for (let

2020-07-06 15:14:27 771

原创微信小程序海报画布生成圆形头像

由于海报需求将用户头像在海报上呈圆形实现过程如下// 绘制圆形头像//绘制的头像宽度 let avatarurl_width = 40//绘制的头像高度 let avatarurl_heigth = 40//绘制的头像在画布上的位置 let avatarurl_x = 10//绘制的头像在画布上的位置 let avatarurl_y = 10// 保存之前绘制 ctx.save() ctx.beginPath()// 圆心x：绘制头像的宽度/2+头像在画布上的位置-- 圆心y：

2020-07-06 15:07:52 1240

原创 git push 报错 The requested URL returned error: 500!!!

git push 报错 The requested URL returned error: 500今天代码提交的时候突然鬼畜报错（以前提交的时候巴巴试试的！）话不多说，先看报错git push origin masterfatal: unable to access 'https://e.coding.net/xxx/xxx.git/': The requested URL returned error: 500接下来是处理git config --global http.proxy最后

2020-06-28 16:02:33 10312 3

原创 css修改单选按钮样式

功能需要选择支付方式—css实现选中单选按钮样式切换如图所示上代码// 代码片段为选择支付方式模块// 原生效果<div class="order-pay pd border"> <div class="label">请选择支付方式</div> <div class="item"> <input class="check" type="radio" id="wx"

2020-05-21 15:40:21 2424

原创 git push代码报错

git push origin master出现以下报错 ! [rejected] ------------------------------ error: failed to push some refs to 'xxx/xxx/xxx.git' ------------------------------------------------ hint: Updates were rejected because the tip of your current branch is behind

2020-05-15 15:14:35 222

yuangegena_Blog