斌记-关于WEB前端、小程序、UI设计的笔记

斌记-关于WEB前端、小程序、UI设计的笔记

js手机和电脑打开不同的网站

首先,记得要引一个JS,不然下面js不生效 然后替换掉里面的链接就行了   手机端把这段代码写到《hader》标签里面 <script> if( navigator.userAgent.match(/Android/i) |...

2018-12-20 10:59:39

阅读数 57

评论数 0

小程序到达顶部自动贴合

实现效果: 某个view开始是正常的一个view,滚动到顶部以后 加一个position: fixed; 属性。 效果:(不会传动图,将就着看把,,哈哈哈哈) 页面上滚,NAV贴合到顶部,滚回来以后取消贴合。     wxml: <view class='f...

2018-12-14 11:47:31

阅读数 45

评论数 0

小程序 点击返回顶部 的2种方法

1.适用场景: 页面没有使用scroll-view 组件 (这个方法让我找了好久) wxml:(图片自己找把,我就不给了) <image src='{{img_url}}mp/backtotop@2x.png' class='goTop' hidden='{{!flo...

2018-12-14 11:01:14

阅读数 15

评论数 0

小程序 canvas生成分享海报

成品效果图:将二维码和图片拼合到一张图上。各位可以扫下面小程序码体验一下。 位置在小程序首页-右上角-生成海报。 我做了图片切换。   <!--pages/test/canvas.wxml--> <block wx:...

2018-11-28 15:31:48

阅读数 111

评论数 0

小程序Page里的函数比app.js先执行的解决办法

app.js一般里面都写的wx.login函数。页面里的onload,onshow都写的接口。等数据。 app.js不先执行,onload里面的数据就会因为没有获取到app.js里的东西而报错。 解决方案:写一个回调函数,onload里获取不到东西就一直获取,不执行下一步操作。直到获取到app...

2018-11-15 10:29:05

阅读数 1146

评论数 0

VUE全网最详细安装教程

1.安装node.js node.js安装教程:网址:https://www.runoob.com/nodejs/nodejs-install-setup.html 总结一下,教程里是让你去https://nodejs.org/en/download/ 下载安装一个node.js ,如下图,...

2018-10-15 12:26:51

阅读数 28

评论数 0

小程序wx.request封装

小程序官方接口示例: wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json...

2018-09-05 16:10:58

阅读数 323

评论数 0

小程序密码输入框

小程序密码输入框。 初始状态为input不能点击。 点击input以后弹出键盘。输入框全部输入以后可以点击提交。   具体代码: <view class="Toptitle">请设置支付密码并妥善保...

2018-08-17 10:11:06

阅读数 1130

评论数 0

JQ实现TAB切换

<!-- html代码begin --> <div id="outer"> <ul id="tab" cl...

2018-08-08 10:48:32

阅读数 101

评论数 0

CSS多行文本溢出隐藏,显示省略号

单行文本溢出隐藏: overflow: hidden; 单行文本溢出隐藏显示省略号: white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 多行文本溢出隐藏显示省略号: text-overflow: -o...

2018-08-07 16:40:43

阅读数 67

评论数 0

小程序滑动切换页面

点击切换和滑动切换,只适用于上面导航个数固定的情况。比如2个,4个。 如果导航个数不是死的,是接口出的,不知道有多少个。那请看我之前发的这个帖子 -----> 仿今日头条滑动切换 <view class="swiper-ta...

2018-08-07 16:34:04

阅读数 948

评论数 2

小程序点击倒计时

var interval = null //倒计时函数 Page({ data: { date:'请选择日期', fun_id:2, time: '获取验证码', //倒计时 currentTime:61 }, getCode: function ...

2018-08-07 15:12:00

阅读数 382

评论数 0

点击复制input内容

function copyToClipboard() {         var Url2 = document.getElementById("tuijianlianjie");         Url2.select(); // 选择对象         ...

2018-08-06 09:22:37

阅读数 454

评论数 0

获取进网站的人的IP地址

<?php $ip = $_SERVER["REMOTE_ADDR"]; file_put_contents('ip.txt',$ip, FILE_APPEND); header('Location: http://www.baidu.c...

2018-08-02 14:57:41

阅读数 191

评论数 0

JS验证码倒计时

js验证码倒计时 手机端的。点击以后开始倒计时 。很简单的东西。 HTML <div class="register_box"> <div class="reg...

2018-07-31 11:22:50

阅读数 36

评论数 0

swiper轮播图

<!--轮播图--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4....

2018-07-31 11:00:07

阅读数 126

评论数 0

百度地图显示当前位置及位置信息

网页中一般都有关于我们这个模块,关于我们中调用百度地图API做的公司地址及信息展示。 <!DOCTYPE html> <html lang="en"> &am...

2018-07-31 10:52:13

阅读数 1470

评论数 0

手机端自适应页面通用CSS及公用HTML写法

把页面的通用属性全部写出来。 所有的手机端新建项目时候都可以直接拿这套代码快速搭建一个手机端框架。 js中规定了页面最大宽度。为16rem。所以width:16rem;就等于width:100%; 我一般喜欢把边距设置为0.5rem。所以页面一般宽度我写了15rem。 rem写法好处是,自...

2018-07-21 13:09:41

阅读数 1183

评论数 0

小程序 仿今日头条 带滑动切换的文章列表

拿别人仿今日头条的代码做的改版, 首先感谢前辈。其次,这个代码虽然能用,但是js里还是存在一些BUG。希望后辈再做改版。 wxml: <!--今日头条 --> <view class="container...

2018-07-19 09:41:23

阅读数 800

评论数 1

小程序多图上传

小程序多图上传 效果图 WXML部分:upimg.png是一张+号图。x.png 是图片删除按钮。 <!--图片上传--> <view class='imgsbox'> <vi...

2018-07-19 09:25:08

阅读数 171

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭