前端特效
关注
分享
扫一扫
百味苦
成长中。。。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
3D翻页（智障版）
自己写了个很智障的翻页效果，纯属参考，也可以自己改进效果。 html,body{ height: 100%; width: 100%; margin: 0; padding: 0; } .outer { width: 100%; height: 100%; display: flex; f...原创 2018-10-16 15:40:01 · 148 阅读 · 0 评论 -
toFixed心得
toFixed运用时，应该直接作用于 最终值。比如var a = 16.05; var b = 12.125; var c = 7.123; var d = a.toFixed(2)*b.toFixed(2) + c.toFixed(2); console.log(d);如果 在toFixed 中 计算 + 那么结果就是会把结果当做字...原创 2019-03-21 17:36:12 · 402 阅读 · 0 评论 -
mui扫描页
做了一个简单的二维码通用页面，我也只在网上找的代码，然后优化后，并且修改成 我项目需要用到的结构。扫码本来也很简单。在哪里用到扫描，只需要设置跳转页面，就可以了，扫描到数据，可以直接返回本页操作、分离数据。只需要有setcard_number（res）函数 就可以获得想要的数据。<!DOCTYPE html><html> <head>...原创 2019-03-21 11:05:53 · 348 阅读 · 0 评论 -
mui返回上一页刷新
mui中返回上一页并刷新，我只知道 2中方法，一种就是 mui.fire至于用法在我其他文章里面有就不说了，说一个比较简单的。因为是返回上一页，所以只需要调用父类函数就可以实现了//监听 mui的back 然后改写var new_back = mui.back; mui.back = function() { // 获取当前窗口对象 v...原创 2019-03-20 16:54:19 · 2559 阅读 · 0 评论 -
h5 app版本管理
基于mui框架做一个简单的版本管理；原理：在通用js中设置一个版本号，然后在个人中心界面设置一个版本管理li点击这个 版本就像后台发起请求最新版的版本号和链接，然后将版本号和app内置的版本号，做比较，如果有新版，就开始下载文件。否则就是最新版function checkVersion(){ var data = { url:"/api/versi...原创 2019-03-15 20:21:33 · 1970 阅读 · 0 评论 -
pdf用turn翻页显示
demo是一个菜鸟写的主要是为了公司在建项目中，需要用将pdf像电子书一样翻页的效果，页面都是在mui里面写的，必要的js<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script><script src="js/modernizr.2.5.3.mi.原创 2018-12-19 15:08:35 · 1840 阅读 · 0 评论 -
前端发送短信验证
基于jq，mui做的短信验证页面。<!DOCTYPE html><html class="ui-page-login"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial原创 2018-12-04 09:46:38 · 2012 阅读 · 0 评论 -
h5修改头像
点击图片，修改图片。一个简单的 input 遮挡img 布局基于mui + jq<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale原创 2018-12-04 11:25:03 · 1803 阅读 · 0 评论 -
小程序旋转动画
做了一个简单的小程序箭头旋转动画效果。 <view class='clist fs26' bindtap='godet'> <view> 项目名称：萌卡纳</view> <view class='f-r '> {{item.show==true?"收起":"详情"}} <v原创 2018-11-06 10:40:27 · 1849 阅读 · 0 评论 -
animate.css运行效果
做了一个animate.css的下拉框改变效果的h5页面，用jq和vue写的，如果要换成原生也很方便。自己随便改改就可以用了。下面是整个h5页面代码，要用就自己去下载animate.css，然后将js 的路径修改一下就可以了。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...原创 2018-10-31 11:51:15 · 1071 阅读 · 0 评论 -
小程序class参数
写了一个关于排序 第一至第三 不同颜色的demo 很简单，万变不离其宗。随便改改就可以用了.tp2-main{ width: 100%; background-color: white; border-bottom: 1rpx solid #ccc; } .flex1{ display: flex; flex-wrap: nowrap; padding: 10...原创 2018-10-17 10:14:21 · 2971 阅读 · 0 评论 -
mui上拉加载与Picker冲突
项目中碰到有上拉加载和Picker组件共存时，ios 还好，没啥问题，但是安卓的，只要Picker选择的时候上拉，同时触发了mui的上拉加载。暂时只能想到，在触发Picker的时候禁止 上拉触发，然后选择或者取消后再从新开启上拉。var stext = document.getElementById('stext'); stext.addEventListener('tap'...原创 2019-05-22 11:48:58 · 305 阅读 · 0 评论