技术开发
陈龙辉Break
记录技术人生。
展开
-
vue3 electron 打包后进程通信无效,开发环境正常
vue3 electron 打包后进程通信无效,开发环境却正常原创 2023-09-20 15:27:22 · 716 阅读 · 0 评论 -
css中flex和flex-grow的区别
css中flex和flex-grow的区别原创 2023-09-06 20:30:26 · 490 阅读 · 0 评论 -
移动端网页使用rem适配,在ios机型上line-height不对的问题
移动端网页使用rem适配,在ios机型上line-height不对的问题原创 2023-07-24 17:55:07 · 463 阅读 · 0 评论 -
flutter 上传图片并裁剪
flutter 上传图片并裁剪原创 2023-06-13 17:29:56 · 753 阅读 · 3 评论 -
闭包Promise.all使用方法
闭包Promise.all使用方法原创 2023-02-13 16:35:51 · 117 阅读 · 0 评论 -
移动端基于Vant组件封装底部弹出搜索多选列表
移动端基于Vant组件封装底部弹出搜索多选列表原创 2022-11-04 15:10:39 · 3317 阅读 · 6 评论 -
移动端vue使用vant上传图片并裁剪
移动端vue使用vant上传图片并裁剪原创 2022-11-04 10:16:23 · 2640 阅读 · 2 评论 -
nginx中指定路径解析至不同vue项目
nginx中指定路径解析至不同vue项目原创 2022-09-29 16:20:58 · 1649 阅读 · 1 评论 -
nginx指定访问路径跳转至指定路径
nginx指定访问路径跳转至指定路径原创 2022-09-29 16:07:15 · 7463 阅读 · 0 评论 -
在Linux中脚本通过SCP将文件传输到另一台服务器上
在Linux中通过SCP将文件传输到另一台服务器上原创 2022-09-23 11:10:57 · 1833 阅读 · 0 评论 -
Vue在IE兼容模式下白屏解决方案
Vue在IE兼容模式下白屏解决方案原创 2022-09-21 14:59:22 · 1314 阅读 · 0 评论 -
Linux CentOS使用crontab定时任务备份mysql数据库
Linux CentOS使用crontab定时任务备份mysql数据库原创 2022-09-14 20:19:06 · 527 阅读 · 0 评论 -
el-tooltip动态内容<br />标签不解析问题
el-tooltip动态内容标签不解析问题原创 2022-06-22 21:20:25 · 1768 阅读 · 2 评论 -
安装NVM时curl: (56) OpenSSL SSL_read: Connection was reset, errno 10054
在windows电脑上安装nvm环境时;输入命令:curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash报以下错误:curl: (56) OpenSSL SSL_read: Connection was reset, errno 10054输入以下命令解决:git config http.postBuffer 524288000git config --global core.co原创 2022-06-13 10:58:17 · 858 阅读 · 0 评论 -
Vue中使用vue-draggable-resizable实现可拖动悬浮组件
Vue中使用vue-draggable-resizable实现可拖动悬浮组件原创 2022-06-13 10:47:18 · 2139 阅读 · 0 评论 -
Flex布局在QQ浏览器中的问题
我遇到这种问题, Flex布局在QQ浏览器中父级元素滚动条无法随着子元素高度增加而出现;如图所示,子元素comment-item随着内容高度而变大时,父级元素history-comment的滚动条未及时出现,谷歌和火狐,Safari都是正常的,只有QQ浏览器有问题。解决办法:每个子元素下comment-item增加:flex-shrink: 0;这是因为默认情况下 flex-shrink 的值是 1,表示空间不够的时候等比例压缩,改成 0 就可以让愚蠢的 QQ 浏览器不做蠢事了,而其他浏览器也原创 2022-05-18 17:59:46 · 427 阅读 · 0 评论 -
Vue.js中复制图片在输入框粘贴 Ctrl+V实现上传
Vue.js中复制图片在输入框粘贴 Ctrl+V实现上传原创 2022-04-27 21:27:22 · 2559 阅读 · 0 评论 -
Vue实现点击表格单元格出现输入框,失去焦点隐藏输入框功能
Vue实现单击单元格出现输入框,失去焦点隐藏输入框功能效果如下:代码如下:<template> <div> <el-table :data="tableData" row-key="id" @cell-click="editCell" style="width: 700px;"> <el-table-column align="center" label="日期" show-over原创 2022-04-27 21:21:11 · 7146 阅读 · 0 评论 -
Vue中router-view和子路由的使用方法
语法场景:实现一个随着切换tab栏,头部底部不变,中间内容变得功能需求。首先需要在路由文件中添加子路由(children):import Vue from 'vue'import Router from 'vue-router'import Home from '../views/Home.vue'import Content1 from '../views/Content1.vue'import Content2 from '../views/Content2.vue'import Cont原创 2021-01-29 17:29:55 · 6518 阅读 · 0 评论 -
Vue在v-for循环中动态加载相对路径图片,Error: Cannot find module ‘xxx‘的问题
Vue在v-for循环中动态加载相对路径图片,Error: Cannot find module 'xxx’的问题;通过v-for来循环图片(图片是在当前项目内-相对路径)先贴出正确的代码<template> <div style="font-size: 0.15rem;"> <div class="tab"> <img :src="item.url" v-for="item in imgs" /> </div>原创 2021-01-29 16:57:02 · 2023 阅读 · 2 评论 -
Vue实现详情页返回列表页,列表页的纵向滚动条位置不变(返回上一个路由,上一个路由页面不重新加载,高度不变)
首先需要在App.vue里,把代码组件重新复制粘贴一份,且被keep-alive标签包住。且被keep-alive标签包住的加上v-if=“route.meta.keepAlive"keep−alive标签之外的的加上v−if="!route.meta.keepAlive"keep-alive标签之外的的加上v-if="!route.meta.keepAlive"keep−alive标签之外的的加上v−if="!route.meta.keepAlive”然后在列表页的文件代码里:监听离开和载入路由原创 2021-01-27 10:58:47 · 900 阅读 · 5 评论 -
使用ruby实现支付宝APP支付全流程
首先需要在支付宝开放平台创建一个应用并申请APP支付权限。然后补全开发信息,支付宝APP支付的回调地址需要在开放平台配置。重点:接口加签方式 - 我选择的是普通公钥方式;下载支付宝开放平台开发助手工具,一键生成 应用私钥和应用公钥,好好保存下来;然后将生成的应用公钥填入到接口加签方式的弹出的框内,以获取支付宝公钥。一切准备就绪,开始接入支付宝APP支付:首先是第一步:获取APP掉起支付宝支付用的参数#获取APP掉起支付用的参数def get_alipay_datas out_trade原创 2021-01-27 10:56:42 · 475 阅读 · 0 评论 -
使用ruby实现微信APP支付全流程
开发前提我们这里使用的是微信的APP支付,与微信公众号支付和扫码等支付不同的是,我们需要用到微信开放平台,并非微信公众平台。首先需要注册微信开放平台,申请一个APP应用,把应用基本信息和应用的一些开发信息填写进去,完成创建。然后也需要有一个微信商户平台,这里用到的商户平台可以是已注册的,也可以是新注册的,只要在商户平台进行和此开放平台绑定,且开放平台站内信通过就行了;然后分别在微信开放平台和微信商户平台进行微信支付的申请;申请通过之后便可以接入微信支付了。进入正题在实现微信APP支付时,后端只需原创 2021-01-27 10:54:14 · 568 阅读 · 0 评论 -
git的submodule使用方法
添加子项目:git submodule add https://github.com/xxx/sss.git当项目git clone之后初始化子项目仓库:git submodule update --init --recursive举个例子,比如我的子模块叫做a_core在使用的时候经常会遇到 ‘a_core’ already exists and is not a valid git repo这种情况,我们需要先删除干净错误的子模块数据:rm -rf .git/modules/a_core原创 2021-01-27 10:51:58 · 859 阅读 · 0 评论 -
记录把我坑惨的ruby时间问题
最近在做一个新项目,后端为Ruby语言,有一段代码需求是这样的:判断今天有没有存入记录,如果没存入就存一条,存入的话就不再存。因为代码是在实时的脚本运行,考虑到防止大规模查询记录表,就额外加了一个字段记录上次存入时间格式为(Y-M-D);然后把上次存入的时间(a_time)跟 今天的0时0分0秒(b_time) 作对比,如果 a_time < b_time,即表明今天还未存入记录,则进行存储操作。写完之后,也进行了测试,发现并没什么不妥。直到部署到正式环境之后!!!凌晨12点进行了部署,第二天原创 2021-01-27 10:48:16 · 276 阅读 · 0 评论 -
开发H5网页适配各种机型的办法
开发h5网页的时候往往会遇到网页不兼容,手机机型适配混乱的问题。解决方案如下:首先需要在页头增加h5兼容meta行:关于每个手机的像素都不一样,导致px在不同机型上面显示占比差异;可以将rem代替px来使用,根据手机屏幕的大小,使用rem转化为对应的手机屏幕占比的px,首先需要在页头增加:document.documentElement.style.fontSize = document.documentElement.clientWidth / 3.75 + ‘px’;当加上这句代码时,不原创 2021-01-27 10:46:34 · 4334 阅读 · 0 评论 -
Vue.js中使用vue-awesome-swiper轮循底部无法跳转至顶部的问题
在使用vue-awesome-swiper做轮播图的时候,发现轮播图轮播至底部的时候无法跳转至顶部。看了官方文档,有个参数是:否开启循环模式loop: true|false,写为true还是不行。最后的解决方案:原来在swiper-slide循环体的父级swiper中必须加上v-if,判断循环体数据是否为空,为空则不显示此swiper。...原创 2021-01-27 10:45:42 · 308 阅读 · 0 评论 -
redis开启之后无法正常使用Redis::CommandError: MISCONF Redis is configured to save RDB snapshots......
redis开启之后,在使用的时候发现抛出了错误,如下:原因:强制关闭Redis快照导致不能持久化。 Redis 运行过程中RDB快照无法写入磁盘命令行执行以下两句:1. config set stop-writes-on-bgsave-error no2. lpush myColour "red"...原创 2021-01-27 10:43:51 · 353 阅读 · 0 评论 -
vue.js打包之后,带参数的路由无法解析
vue项目做完后,未打包的时候一切正常,npm run build打包部署到服务器后却发现,带参数的路由都无法解析,出现如下界面:试了很多在百度的办法:1:修改config/index.js文件assetsPublicPath;2:修改路由模式,加上/删除 mode: ‘history’ 这句话;3:修改跳转链接的方式;…总之都试遍了还是不行;最后的解决方案如下:修改Nginx部署的配置,跟传统一样配置好之后, 增加 try_files $uri $uri/ /index.html; 这原创 2021-01-27 10:41:52 · 946 阅读 · 0 评论 -
关于BCrypt在Rails中 用户密码 加密解密的方法
用户输入的密码加密: BCrypt::Password.create(“用户输入的密码”)校验用户输入的密码和原先加密值是否一致:BCrypt::Password.new(“原先加密的值”) == “用户输入的密码” ? true : false在我测试的时候发现:devise-v4.4.3 是采用的BCrypt原理,二者数据可以互通【devise-v4.4.3加密的值可通过Bcrypt解密,二者加密的值格式也一致】...原创 2021-01-27 10:40:02 · 526 阅读 · 0 评论 -
前端国际化插件 - i18n 在vue中使用踩到的坑(无法在初始化的data中正常使用)
在使用i18n.js的时候,由于项目需求,其定义的值需要在vue.js(2)的v-for语法中使用,把它定义倒了初始化的data中。在切换中英文的时候,发现data使用的i18n内的值并没有即时生效,而模板渲染的地方却正常。排查是不是在这里使用的时候this.$i18n.locale并没有定义成功,一切正常;接着查看会不会是浏览器或者项目的缓存,一切也是正常的;又在mounted里面进行...原创 2019-10-26 09:41:01 · 4907 阅读 · 2 评论 -
vue.js - axios - post - 跨域 出现的post请求方式变成option问题解决
在vue项目中utils - http.js文件内原创 2019-10-24 18:37:51 · 601 阅读 · 0 评论 -
关于vue.js 和 ruby on rails的初学记录
vue 运行项目:npm run dev/serveruby on raills运行项目: bundle exec rails srails创建表:rails generate model help_article_faviorites faviorite_type:string help_article_id:integer member_id:integerrails添加数据表字段:bu...原创 2019-10-24 18:33:41 · 616 阅读 · 2 评论 -
hello world
第一次使用个人博客保存开发中需要记录的东西2019-10-24原创 2019-10-24 18:31:10 · 99 阅读 · 0 评论