2018年06月_BetterGG

原创 flex 布局

1、属性与值 1.作用在父级 div 的属性值： display: flex; flex-direction: row / column / row-reverse / column-reverse; flex-wrap: nowrap / wrap / wrap-reverse; flex-flow: row wrap; ...

2018-06-29 14:24:19 161

原创小程序——bindtap 与 bindinput 节流

一边开发一边做点笔记，东西可能零散了点，一边开发一边补充。1、事件 1.bindtap 绑定点击事件 2.bindinput 监听输入，没输入一个字符得到一次返回值（就算是输入中文时，没敲一次键依然返回一次）2、解决小程序tabBar跳转不能带参数问题小程序这里遇到了一个难题就是如果实现tabBar栏之间的跳转的话是不能传入参数的那么我们要如何解决这个问题呢！我的办法就是让你的传...

2018-06-29 10:48:35 7218 3

原创 apicloud 开发中很可能会用到的需要 require 引入的端 api

以下是我个人在使用 apicloud 开发时项目中使用到的，在此做个总结：1、FNScanner 扫一扫加载动画如下图：官方手册地址：点击打开链接代码实例： function openFNScanner(){ var FNScanner = api.require('FNScanner'); FNScanner.open({ autorot...

2018-06-26 15:24:11 5104

原创父级div固定高度并设置超出隐藏，子级div内容超出隐藏可以垂直滚动的设置

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,widt

2018-06-25 17:45:50 12630

原创 apicloud 第一次进入app时的滑动欢迎页

在进入 app 的第一个页面判断是否是第一次进入：是，进入欢迎页；不是，进入主页。判断方法，使用 api.getPrefs 。如果获得值为空，则是第一次进入（并通过 api.setPrefs 设置值，这样以后进入时便不为空了）；否则，就不是第一次进入。注：prefs 的特点是更新 app 后会被清空，这样就能使欢迎页只在更新后出现。js 代码：apiready = function(){ ...

2018-06-20 17:35:16 4250

原创 css——小技巧

1、文字少于一行时居中，超过一行时靠左html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-...

2018-06-15 10:26:08 2866 1

原创字体图标或文字的渐变效果

效果图：css： .bang .wrapper .scroller ul{ line-height: 3.4rem; height: 100%; display: -webkit-flex; } .bang .wrapper .type{ width: 5rem; display: inline-block; margin: 0 9px; overflow: hid...

2018-06-14 16:49:13 3295

原创 CSS——字体颜色滚动渐变动画

显示效果如上图所示，此外还包含颜色滚动效果。代码如下：HTML：<p class="colorful ovh"> <a href="https://weidian.com/?userid=1302830717&code=081hokh32X0I3M0FH6i32J14h32hokh1" class="btn" target="_blank">

2018-06-11 11:56:33 7097 1

原创移动端回到顶部

CSS：.goTop{ position: absolute; bottom: -50px; right: 15px; color: #fff; z-index: 99; width: 50px; height: 50px; border-radius: 50%; background: rgba...

2018-06-08 17:30:40 3095

原创 api.execScript 与 api.sendEvent

这种知识点很简单，本来觉得没什么好讲的，但自己偏偏在此踩了几次坑，所以做个笔记。一、api.execScript();var options = { name: 'tom', age: 18}api.execScript({ name: 'shop_win', frameName: theFrameName, script: 'getSubItemId(...

2018-06-08 14:20:45 4094

原创 input输入框以及其新特性

1、search 类型<input type="search"/>在移动端中，需要去掉输入框末尾的叉号，设置以下 css 样式：input[type=search]::-webkit-search-cancel-button{ -webkit-appearance: none;}重设 css 样式： input[type=search]::-webkit-search-...

2018-06-07 17:12:19 843

原创 js正则表达式

什么是正则？正则怎么使用？推荐视频：js 正则表达式一、定义正则：我简单说正则即使我们想要定义的规则如：定义 input 输入框中的输入格式二、正则的字符、字符集、量词等： 2.2 几种反义：写法很简单改成大写就行了，意思与原来的相反，这里就不举例子了 "\W"匹配任意不是字母，数字，下划...

2018-06-05 15:18:35 501

原创移动端旅游报价日历插件

首先声明，此插件为我同事所写，所以此篇博客为转载类型，如有同行需要请标明出处：（作者：lus）预览效果：此插件当 arrayJSON 为空时，加载的月份为当前月，月份个数由 index 控制。HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

2018-06-04 17:33:55 2022 1

BetterGG的博客