- 博客(23)
- 收藏
- 关注
RSS订阅
原创 [微信小程序]山庄预订微信小程序——田隐
对于开发者来说，微信小程序开发相对便捷，成本几乎没有，由于对前端设计的浓厚兴趣，我开始自学微信小程序，基于我对目前市场上对于针对性预订农庄游玩平台的缺失，开发出这一款田隐微信小程序。这款小程序的好处是专门针对去野外农庄体验游玩的用户，因此过滤掉许多无用信息，然后在选择类别上精细化、具体化，让用户根据明确的需求精确找到合适的农庄。登录界面开场动画主界面包括导航栏、搜索栏、推荐商家...
2018-10-05 16:45:46
534
1
原创 解决input的placeholder不垂直居中问题
解决input的placeholder不垂直居中将input的line-height改为normalline-height:normal
2020-09-09 16:04:35
4356
原创 Vue高度设置100%无效
Vue高度设置100%无效场景: 当单页面需要整个页面填充颜色等操作，需要页面高度为屏幕高度，设置height：100%无效解决方法：在App.vue中设置height： 100%//App.vuehtml,body,#app { height:100%;}...
2020-04-15 10:41:19
2419
原创 调用框架API时添加自定义参数
调用框架API时添加自定义参数场景：当调用Ant Design等框架使用组件时，添加自定义的字段区分不同表单使用此API的方式，以减少冗余代码。问题：添加自定义参数时无法保留原默认参数例：<a-pagination @change="onChange" :total="50" />API说明：当需要添加自定义参数：分类标志（1、2、3、4…）时<a-pagi...
2020-04-07 11:06:43
553
原创 WebStorm移动端调试html方法
WebStorm移动端调试html方法在使用WebStorm编写HTML代码，尤其是编写移动端web时，常常会需要在商机上显示网页进行测试，WebStorm上只需要简单几步即可访问打开WebStorm上的preferences选择Debugger填写端口号，勾选框，填好后点击apply（端口号随便写，如被占用会提示）右键需要打开的html，选择open in B...
2019-12-27 14:44:34
1825
原创 vue页面缓存--动态keep-alive
需要实现的场景当 A页面除了返回上级页面以外，跳到其他页面均缓存A页面内容实现思路使用keep-alive的include属性，将需要缓存的页面加入include数组中使用vuex保存需要缓存的页面集合在页面跳转时使用导航守卫判断路由跳转页面调用vux中的方法修改include集合代码实现如下App.vue<template> <keep-alive :...
2019-12-12 14:33:13
259
原创 在函数的默认传参之外额外传入自定义参数
当使用input，blur这些方法使，会默认携带event参数，从而在不传参的情况下也能获取event的内容，然而很多时候，需要在获取默认参数的同时，获取另外自定义的参数，如下情况：@blur="confirmSortHandler(record)"要同时获得event和record两个参数，如下是不行的@blur="confirmSortHandler(event, record)"...
2019-12-09 14:44:29
1228
转载 Vue九宫格跑马灯抽奖
九宫格跑马灯效果抽奖九宫格样式，实现随机选择九宫格内奖品，且跑马灯实现效果时由快到满，如有需求获取固定位置奖品时，根据需求调整goLottery()中的代码即可<template> <div class="cj_box"> <div class="line_item" :class="index == 1 ? 'active' : 'white_ite...
2019-11-25 13:29:51
1388
原创 解决img在div容器中存在空隙问题
在做项目时，在div中添加img标签，实际效果在底部会莫名多吃2xp左右的空隙，上网搜索了一下，解决办法非常简单将img设置为块级元素img { display: block;}2.将父级容器字体大小设为03.将图片设置为浮动...
2019-11-01 14:20:59
597
原创 [微信小程序]局域网真机测试后台数据--内网穿透神器使用教程
在自己研发的小程序中，想要用真机在局域网中通过接口访问后台数据，这个问题困扰了我太久太久，一直没有很好的解决方法，原因经历过的人都知道，小程序只支持https协议，而localhost都是http协议。在寻找了无数种解决办法后，终于在网上找到了一个内网穿透的神器------ngrok点击进入ngrok官网国外网站速度较慢，建议开VPN访问下载客户端解压安装通过命令行访问ngrok并将身...
2019-10-24 09:14:20
1290
转载 [JavaScript]获取今日星期几
var str = “今天是星期” + “日一二三四五六”.charAt(new Date().getDay());console.log(str);
2019-10-23 11:38:20
125
原创 [CSS]百分比减px
在编写css时，经常使用百分比响应适配，但是时常需要减去一部分达到目的，尤其是position：absolute时。所以需要在百分比的基础上减去px。css3已有支持的方法：height: calc(100%-44px)在继承父容器高度的同时减去44px的高度...
2019-10-23 10:56:23
3508
原创 [Vue]中给单个页面设置背景色
当页面高度并没有撑满整个屏幕时，设置html、body都不能达到撑满整个屏幕高度。通过document设置可以完美解决此问题。此外，style需加上scoped限制，否则会影响其他页面背景色。document.body.style.backgroundColor="#ffffff";...
2019-09-29 14:04:00
2589
2
原创 [JavaScript]实现对象深拷贝
绑定同一对象的不同组件，当对象发生变化时，组件同时发生变化，及时将对象做拷贝处理也无法解决。因此需要做js的深拷贝，生成新的指针指向不同位置，两个对象互不影响。let data1 = JSON.parse(JSON.stringify(data))...
2019-09-10 18:01:49
90
原创 [CSS]margin：auto使用原理及水平垂直居中方案
margin：auto使用原理及水平垂直居中方案margin：auto原理margin:auto 是自动分匹配剩余空间的，当一个元素在没有被强制定宽高时，是撑满一个方向的，当强制定宽高时，此方向上就有剩余的空间，当margin：auto时，此方向上将自动分配空间，实现居中效果。水平垂直居中方案// 水平垂直居中方案position：absolute top：0pxbottom：0p...
2019-07-23 15:46:32
1062
原创 [Jquery]实现三个盒子两两交换的考眼力游戏
眼力夺宝小游戏实现三个盒子随机两两交换猜盒子的游戏实现效果如下实现方法及完整代码如下&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;眼力夺宝&lt;/title&gt; &lt;script type="text/javas
2018-12-19 14:56:03
670
原创 [CSS/JS]圆形不封闭进度条实现
圆形不封闭进度条实现如上图所示，如何实现这种圆形且不封闭的进度条我的思路是：首先建立一个div装这个进度条，并将其旋转-120度将其分为两个相等的div两边各画一个圆，将圆加上border变成圆环，将一半的圆环颜色置为透明，在外部容器修改成溢出隐藏overflow: hidden;通过旋转达到意图效果，实现进度条底色的显示再在两边绘制两个圆环，通过让一半圆环透明变成两个半圆环，...
2018-12-06 11:27:40
1645
1
原创 [微信小程序]文字溢出部分用三个点显示
我们有时会遇到一些情况需要去隐藏部分文字以达到省略的效果，比如一个消息的Toast，只起到提醒的作用，详细文章需要点击进出查看，这时候Toast只需要显示一部分正文即可。示例：正文：“在此之前，这条规定禁止开发者设计与Facebook已经提供的核心功能相似的服务。”隐藏之后：“此之前，这条规定禁止…”示例代码：//wxml&lt;text&gt;在此之前，这条规定禁止开发者设计与Fa...
2018-12-05 15:07:55
7412
6
原创 [微信小程序]列表页下滑刷新机制
小程序列表页下滑刷新机制再调用API时，要注意一点，如果要渲染一个列表的话，如果直接返回所有项，既浪费时间又浪费资源，因为作为使用者来说，可能并不需要得到所有的列表项，可能在第一页或者前几页就拿到自己想要的，所以，后台一般会将数据按页面分组，前端在调用时传入页面值，即返回当前页面列表项，并在下滑页面时继续加载下面的页面，大大增加了效率，如何做到在下滑页面时动态加载余下的页面，要用到onReach...
2018-11-30 15:30:21
650
原创 [微信小程序]如何在repeat循环中修改某元素的样式及内容
如何在repeat循环中修改某元素的样式及内容repeat是wepy框架下用于循环页面的标签，它有四个重要的属性：for、index、key、item。其中，对于修改其中元素的重要属性就是index。示例：&lt;repeat for="{{list}}" index="index" key="index" item="item"&am
2018-11-27 16:00:58
988
原创 [微信小程序]Promise解决连续网络请求
Promise解决连续网络请求在调用API时，当遇到连续调用，并且需要上一个API调用的结果，或者必须等上一个请求完成后才能继续请求，通常的延时函数并不能解决办法，因为如果上一个请求较长，超过设置的等待时间，同样会出现问题，所以通常会使用callback()回调函数，但是在代码的语义理解上会比较困难，尤其是多重的调用会形成所谓的“回调地狱”。因此，可以采用Promise对象解决这种网络异步请求问...
2018-11-27 15:10:43
1793
原创 [微信小程序]wepy框架踩坑
wepy框架踩坑记wepy作为让小程序支持组件化开发的框架，深受企业级小程序的青睐，最近在编写时发现了几个坑，实在是让我抓耳挠腮1.如果页面向组件以对象.属性传值，组件不能通过this.属性获取到页面传来的值，必须将属性单独传值，这是文档上没有说明的2.组件在repeat里，组件也不能通过this.属性获取到页面传来的值，这其实在文档上有说明:存在的问题WePY 1.x 版本中，组件使用...
2018-11-26 11:19:26
265
原创 [微信小程序]将离散的后台数据聚合
将离散的后台数据聚合当后台传入离散的数据时，如何使这些分散的数据按需求聚合在一起循环输出，可以采用以下办法：需求：将传入的离散数据按照时间聚合后，按照早、午、晚、加餐再度聚合后输出方法：将数据循环遍历，按日期分组存放，在数组内继续分组存放餐的种类，最后以多层数组嵌套形式存放示例代码：var me = this; var date = utils.formatDate(new Da...
2018-11-23 14:17:37
1371
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人