- 博客(38)
- 收藏
- 关注
RSS订阅原创 移动端网页使用rem适配，在ios机型上line-height不对的问题
移动端网页使用rem适配，在ios机型上line-height不对的问题
2023-07-24 17:55:07
540
原创 安装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
1029
原创 Vue中使用vue-draggable-resizable实现可拖动悬浮组件
Vue中使用vue-draggable-resizable实现可拖动悬浮组件
2022-06-13 10:47:18
2188
原创 解决window.pageYOffset，document.documentElement.scrollTop，document.body.scrollTop获取距离顶部距离都为0的问题
在写功能需要获取并设置距离顶部距离的时候，发现：window.pageYOffsetdocument.documentElement.scrollTopdocument.body.scrollTop以上三种情况都获取不到距离顶部距离，并且在设置的时候也无效。解决办法：将父元素div上的overflow-x / overflow-y值设置为visible，或者删掉。这样就可以获取到了。...
2022-05-27 14:53:41
1660
5
原创 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
469
原创 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
7264
原创 Mac - MAMP集成环境切换PHP版本
这里更换完成后，需要更改下环境变量，将系统PHP也解析到最新的MAMP中的PHP：vi ~/.bash_profile #打开此文件，并添加/更改此行，对应此时MAMP的PHP版本添加/更改完成之后，执行此文件生效：source ~/.bash_profile然后验证是否成功：此时已经更改过来了，大功告成。...
2022-03-18 21:00:31
924
原创 H5底部导航栏适配苹果X等机型
只需要在底部导航栏的div样式中加入：padding-bottom: calc(0.1rem + env(safe-area-inset-bottom))0.1rem代表实际底部导航栏与屏幕底部的距离；env(safe-area-inset-bottom)则是自动适配屏幕距离底部的距离，如果是苹果x此值则会变大。非常好用的办法，相比用Js判断屏幕尺寸动态定义padding-bottom好用多了，且代码简单！...
2021-04-15 23:39:38
1447
原创 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
6668
原创 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
2064
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
942
5
原创 使用ruby实现支付宝APP支付全流程
首先需要在支付宝开放平台创建一个应用并申请APP支付权限。然后补全开发信息，支付宝APP支付的回调地址需要在开放平台配置。重点：接口加签方式 - 我选择的是普通公钥方式；下载支付宝开放平台开发助手工具，一键生成 应用私钥和应用公钥，好好保存下来；然后将生成的应用公钥填入到接口加签方式的弹出的框内，以获取支付宝公钥。一切准备就绪，开始接入支付宝APP支付：首先是第一步：获取APP掉起支付宝支付用的参数#获取APP掉起支付用的参数def get_alipay_datas out_trade
2021-01-27 10:56:42
514
1
原创 使用ruby实现微信APP支付全流程
开发前提我们这里使用的是微信的APP支付，与微信公众号支付和扫码等支付不同的是，我们需要用到微信开放平台，并非微信公众平台。首先需要注册微信开放平台，申请一个APP应用，把应用基本信息和应用的一些开发信息填写进去，完成创建。然后也需要有一个微信商户平台，这里用到的商户平台可以是已注册的，也可以是新注册的，只要在商户平台进行和此开放平台绑定，且开放平台站内信通过就行了；然后分别在微信开放平台和微信商户平台进行微信支付的申请；申请通过之后便可以接入微信支付了。进入正题在实现微信APP支付时，后端只需
2021-01-27 10:54:14
619
1
原创 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
1112
原创 记录把我坑惨的ruby时间问题
最近在做一个新项目，后端为Ruby语言，有一段代码需求是这样的：判断今天有没有存入记录，如果没存入就存一条，存入的话就不再存。因为代码是在实时的脚本运行，考虑到防止大规模查询记录表，就额外加了一个字段记录上次存入时间格式为(Y-M-D)；然后把上次存入的时间（a_time）跟 今天的0时0分0秒(b_time) 作对比，如果 a_time < b_time，即表明今天还未存入记录，则进行存储操作。写完之后，也进行了测试，发现并没什么不妥。直到部署到正式环境之后！！！凌晨12点进行了部署，第二天
2021-01-27 10:48:16
307
原创 开发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
4523
原创 Vue.js中使用vue-awesome-swiper轮循底部无法跳转至顶部的问题
在使用vue-awesome-swiper做轮播图的时候，发现轮播图轮播至底部的时候无法跳转至顶部。看了官方文档，有个参数是：否开启循环模式loop: true|false，写为true还是不行。最后的解决方案：原来在swiper-slide循环体的父级swiper中必须加上v-if，判断循环体数据是否为空，为空则不显示此swiper。...
2021-01-27 10:45:42
329
原创 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
371
原创 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
975
原创 关于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
559
原创 前端国际化插件 - i18n 在vue中使用踩到的坑(无法在初始化的data中正常使用)
在使用i18n.js的时候，由于项目需求，其定义的值需要在vue.js(2)的v-for语法中使用，把它定义倒了初始化的data中。在切换中英文的时候，发现data使用的i18n内的值并没有即时生效，而模板渲染的地方却正常。排查是不是在这里使用的时候this.$i18n.locale并没有定义成功，一切正常；接着查看会不会是浏览器或者项目的缓存，一切也是正常的；又在mounted里面进行...
2019-10-26 09:41:01
4988
2
原创 vue.js - axios - post - 跨域 出现的post请求方式变成option问题解决
在vue项目中utils - http.js文件内
2019-10-24 18:37:51
620
原创 关于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
643
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人