- 博客(24)
- 收藏
- 关注
RSS订阅原创 promise简单封装post请求，并在node.js接口内使用请求数据
最近在尝试写node接口，其中有一个接口要调用外部接口获取数据，于是就有了下面的代码1、安装request模块npm install request -S2、封装公用方法 requestFunc.js//引入const request = require('request');var requestFunc = { get(url) { return new Promise(function(resolve,reject) { request(
2021-01-27 17:53:59
1751
原创 微信小程序iOS下使用picker选择器与软键盘重叠遮挡问题的解决方案
今天可真是高产呀，哈哈，项目告一段落就有时间review下代码啦，顺便把坑记录一下项目场景：一个表单提交页，input、picker都有用到问题描述：如图所示，iOS下如果先点击了input弹出软键盘，再点击picker弹出选择框，但是软键盘却没有收起。<Picker className='complaintViewTextPicker' value={selectorChecked} mode='multiSelector' range={mulSelector} onChange
2020-11-19 15:39:14
2367
4
原创 日期转换为按时间计算显示（刚刚、6分钟前、12小时前、1天前、11月3日...）
dateHelper.js (前提安装过moment.js)import moment from 'moment'/** * @param {number} time * @param {string} option * @returns {string} */export function formatTime(time, option) { if (!time || time.length == '') { return } const d = new Date(m
2020-11-19 13:51:48
833
1
原创 微信小程序踩坑之textarea软键盘遮挡解决方案（兼容安卓iOS）
可能这个方法不是最好的，但是目前的话测试是可以进行上线的一个效果，记录一下（我这里用到的是taro框架）需求：问题：真机下键盘弹起会遮挡最下边文本域的部分，用户在输入的时候会看不到输入的文字。且若手机属于长度比较长的时候，页面高度没有超过一屏，用户手动滑动也是没用的，如图期望：键盘弹起时页面随之向上推，将文本域暴露出来解决方案：1、直接利用自带的属性adjustPosition。 缺点：会把我们fixed在页面上方的自定义导航栏也推上去，效果很差，如图：2、咱自己动手，首页整个页面用
2020-11-19 11:36:19
5072
1
原创 yarn run build报错Component is not found in path “npm/taro-ui/dist/weapp/components/rate/index“
taro小程序yarn run dev:weapp正常 yarn run build:weapp报错如下查找许久得出以下解决方法production 模式下 taro-ui 组件代码被当成副作用移除了， 可以加上 sideEffect 配置来解决prod.js内添加亲测可用，希望可以帮助到被此问题困扰的小伙伴～ 溜～～～????...
2020-11-10 16:30:26
1773
原创 taro微信小程序跳转另一个小程序（参数接收、销毁，清除缓存）
还有很多东西没整理，接着来～场景：a小程序要去b小程序的一个表单页，且携带参数（跳过去时默认把信息带过去填到表单里）进入表单页后，用户可以用a小程序带过去的信息提交表单（这是a进入b的唯一目的，就是携带参数使用b的表单页提交东西）当然也可以不提交，离开当前页直接进入b的首页，从b的其他页也可以进入这个表单页，携带相应的参数，再进行提交（此时 属于用户在b里交互，跟a就没关系了）a: toOtherProgram () { Taro.navigateToMiniProgram({
2020-09-28 16:40:04
2521
原创 react初体验之小小的细节大大的坑--致被公司赶鸭子上架的react萌新
太久，太久，是否过了太久。。。一晃眼从合肥来北京都有两个月了，总是有各种理由偷懒不整理，赶项目、准备面试、赶项目。。。行吧回归正题来到北京这边公司的技术栈是react，可是我没用过啊，不对，我也没学过啊，我vue也还没学明白呀啊喂说实话vue转react说容易也还行，毕竟框架的相似点还是很多的，说难。。那坑定得踩踩坑才能好好认识他下面先来整理一下react中哪些要注意的地方吧～1、 关于代码结构尽可能的拆分，比如页面很长，可以拆分成几个component 像这样：我这里是因为对首页四个ta
2020-09-28 16:08:43
178
转载 px2rem-loader + lib-flexible解决vue PC端适配
这位大佬写的很详细！https://blog.csdn.net/fsxxzq521/article/details/99972017此贴转载记录 以表对大佬的尊敬嘿嘿~
2019-12-06 10:16:46
995
原创 vue项目实现打印预览、生成（导出）文档功能
这个功能其实也是自己学习到的，做完也有一段时间了，一直想记录总结一下，但一直没时间，今天总算闲了一点，趁一大早活还没找上门来，赶紧抓住时间鸭！1、打印预览打印预览说白就是实现快速跳转新页面预览信息，新页面有打印按钮，绑定方法调起系统打印机实现打印功能。本来我以为这个功能还要将文件先下载下来，再在浏览器进行打开。但doc和docx格式是无法直接在浏览器中显示的，还需要转换为浏览器支持的格式，这...
2019-12-04 15:27:37
9869
原创 vue项目表单自动保存（定时缓存）功能 + beforeRouteLeave钩子函数使用
也是最近公司项目遇到的需求，和其它大佬实现方法些许不同，这边进行整理 方便自己方便大家哈哈1、首先要写一个将数据缓存到本地的方法setLocal() { //console.log("我set了一次") let localData =this.form.getFieldsValue() let questions = [] this.inpu...
2019-11-20 10:54:45
4905
1
转载 CSS Grid 响应式布局
今天偶然在一前端公众号推文中看到CSS Grid这个东西，看完可以说是惊喜不已，响应式布局还可以这样做？没有冗余的col-sm-4, col-md-8类名，不用自己进行媒体查询，不要太酷下面主要是对之前那片推文及其他相关资料的整理首先，这种静态效果怎么用CSS Grid制作出来呢？HTML 代码：<div class="container"> <div>1&l...
2019-11-13 16:36:21
439
原创 微信小程序常用表单校验方法（手机号校验、身份证号（严格和非严格校验、验证码六位数字校验））
一个js文件专门放校验方法 方法记得导出util.jsfunction isPhone(value) { if (!/^1(3|4|5|7|8)\d{9}$/.test(value)) { return false } else { return true }}//验证码六位数校验function isSixNum(value) { if (!/^\d...
2019-08-08 18:34:17
3696
转载 利用flex弹性布局实现图片水平及垂直方向居中
display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局注意：（Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。）1.将图片水平方向居中：justify-co...
2019-08-01 17:55:01
2559
原创 微信小程序调接口傻瓜式记录（包含onload页面加载发请求渲染页面、发送短信验证码、表单提交、根据id值跳转对应详情页等调接口情况）
最近接触了微信小程序项目，只是写了前端的样式页面，一直不懂接口是怎么调的，这很惭愧，也不应该。所以就研究一下，记录我所理解的过程给自己做个笔记，也希望能给跟我一样没有和后段对接调接口经验的小白提供一些帮助，当然，如果有理解不对的地方还请见谅，期待指出一直都不理解接口到底是个什么东西，在我的理解里，暂且是把它看作后端小哥哥写的一些数据和逻辑的地址此项目中可以把所有用到的接口放在一个文件内，再封...
2019-07-30 16:23:06
1443
原创 解决移动端一像素边框问题的重置代码border.css
上一篇的border.css代码来了~@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,....
2019-07-02 16:32:00
168
原创 移动端Vue项目总结——项目准备之项目代码初始化文件
因为之前一直做的都是PC端项目，在跟着老师来了一遍移动端项目后，学到了很多移动端项目需要注意的地方，这里也进行了记录项目代码初始化1、mete标签注意改动因为是移动端app，所以用户看到的页面都是 禁止缩放的，因此在整个项目的入口文件，即vue脚手架搭建好的目录的index.html中，头部mete标签内要加上这样一段代码minimum-scale=1.0, maximum-scale=1...
2019-07-02 16:27:40
282
原创 移动端Vue项目总结——项目准备之搭建vue-cli脚手架
因为在职工作没有那么忙，且公司项目较简单，而且没有用到过框架enenen 一直有在学习vue，但还是对真正的实战项目存在很多疑问，于是利用工作完成之余，在慕课网上跟了一个vue实战项目，虽然不是很复杂，但也全面的了解了企业级别vue项目的大概流程，也算是对之前学习的vue只是进行了一个大的整合，总得来说收获还是巨大的，非常值！学习的过程中，对项目一些重要的流程节点和注意事项做了详细的记录，那...
2019-06-28 16:55:26
642
原创 移动端加载页面出现抖动、未加载完成时布局杂乱问题解决
一般出现在页面加载时图片从无到有的过程中，有抖动感可以这样解释，我们手机在不同的环境下网速不同从而导致页面加载速度有快有慢这个时候图片所在的盒子是靠图片撑开的图片没有加载出来，盒子无法被撑开，页面其他已加载的内容就会填充上去等待图片加载完后，填充上去的内容又被重新挤下来这就很容易显得页面杂乱，抖动感明显，用户体验差可以这样解决.wrapper overflow:hidden...
2019-06-25 17:09:37
1238
原创 移动端reset.css 代码
之前在做pc端页面时，一直用的是淘宝的reset.css了解到移动端的话，跟PC端又有些许不同，就又专门找了移动端的reset.css代码有一个版本的就很不错@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,...
2019-06-14 17:01:27
362
原创 vue-cli创建项目时由于esLint校验导致报错或警告的解决办法
vue-cli创建项目后编写代码控制台一片黄但不影响代码执行但是看着就是很不爽啊到网上搜索了一下这个问题，想起来初始化项目时安装了esLint校验工具嗯，我看到了很多办法都是下面这样的1、因为你设置了eslint，如果你不想有规范的js代码，可以重新初始化关掉eslint。Use ESLint to lint your code? (Y/n) 这一步选no在bulid/webpa...
2019-06-13 16:10:08
12143
转载 vue-cli 创建项目不成功 原因为项目文件夹无node_modules文件 进行npm install不成功解决办法
没有node_modules文件，所以需要手动下载一下依赖即npm install但是也不行，还报了以下的错
2019-05-22 09:58:22
37886
2
转载 bootstrap解决低于IE9版本html5及媒体查询不支持的问题
bootstrap解决低于IE9版本html5及媒体查询不支持的问题html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持媒体查询。由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，故这两种方案还是需要...
2019-05-17 10:42:58
299
原创 实现多行文本溢出显示省略号的两种方法
ok，这是本菇凉的第一篇博客( •̀ ω •́ )✧ 刚毕业涉世未深的小女孩在如今这个信息爆炸的时代，看到行业那么多“大牛”、大神“、“大佬”等大大们，可以说是相(瑟)当(瑟)崇(发)拜(抖)了。崇(发)拜(抖)的同时，心里暗暗的想，我得努力啊，我得紧紧跟随前辈们的步伐呀，虽然智商是硬伤，但是勤能补拙笨鸟先飞就可以吃到虫子了呀(￣▽￣)／！
2019-05-10 11:52:04
893
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人