html
关注
分享
扫一扫
文章平均质量分 59
狗蛋*
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序点击按钮弹窗生成二维码图片+长按识别
框架：uni-app库：Painter GitHub - Kujiale-Mobile/Painter: 小程序生成图片库，轻松通过 json 方式绘制一张可以发到朋友圈的图片ui框架：uView 1.X u-modal 为uView弹窗，弹窗内容显示生成的二维码图片引入Painter组件（需事先下载库到components）获取数据后，调用this.draw()方法，绘制canvas，这里使用的painter内置的生成二维码qrcode，绘制成功后，onImgOk回调中获取生成图片原创 2022-07-04 11:50:29 · 3088 阅读 · 0 评论 -
基于vue的uni-app框架 h5移动端-首页多tab实现思路
应用首页存在多个顶部导航tab，且每个tab下都有不一样的内容和样式，怎么在不影响数据的情况下，优化用户体验。头部导航栏+显示区域--<view class="navbar"> <view v-for="(item, index) in navList" :key="index" class="nav-item" :class="{ current: ...原创 2019-12-13 16:45:58 · 1303 阅读 · 0 评论 -
基于vue的uni-app框架之vuex+storage登录
根据vuex全局状态管理+es6本地存储实现登录缓存以及token状态拦截vuex--import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { hasLogin: false, token: false,...原创 2019-12-13 16:30:32 · 2233 阅读 · 0 评论 -
js遍历多个div并自动获取姓名的姓氏填入span
div class="mui-content" style="background-color: #f7f7f7;"> <div style="width: 100%;height: 0.2rem;"></div> <!--单个地址--> <div class="jutidiz...原创 2019-04-26 16:39:40 · 891 阅读 · 0 评论 -
移动端购物车商品分类页面通用方案
<!doctype html><html> <head> <meta charset="UTF-8"> <title>分类</title> <meta name="viewport" content="width=device-width,initial-sc...原创 2019-04-26 16:28:35 · 1044 阅读 · 0 评论 -
js多个列表框点击按钮展开与收起
<div class="taskList mytask"> <img src="img/renwuimg1.png" /> <div class="task-title"> <span class="title">北欧简约设计风格小...原创 2019-04-26 16:13:49 · 2183 阅读 · 0 评论 -
解决mui框架bottom公用导航条a标签href跳转，在微信内置浏览器跳转两次后不能点击--
首先解决mui框架 a标签不能跳转问题(被覆盖)js添加：mui('nav').on('tap','a',function(){document.location.href=this.href;});在原本跳转的链接上带上任意参数，例如这样：<a id="task" class="mui-tab-item mui-active" href="task.html?go=...原创 2019-03-21 11:19:28 · 585 阅读 · 0 评论 -
移动前端--下拉刷新
<html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>test</title&转载 2018-08-29 16:50:22 · 474 阅读 · 0 评论 -
移动端导航条点击一个栏目滑动到屏幕中间
HTML<ul class="tab-head"> <li class="tab-head-item active">衣服</li> <li class="tab-head-item">裤子</li> <li class原创 2018-08-13 13:32:57 · 3221 阅读 · 4 评论 -
横排文字向上滚动效果 --jquery
html：<div class="Top_Record"> <div class="record_Top">摇奖排行榜</div> <div class="topRec_List"> <dl>原创 2018-08-15 10:40:18 · 286 阅读 · 0 评论 -
移动端滑动卡顿问题
-webkit-overflow-scrolling: touchIOS 端特属属性，手指离开屏幕会保持滚动一段距离，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。overflow: scroll; //该属性随着手指离开立即停止-webkit-overflow-scrolling: touch;//该属性随着手指离开还会保持滚动-webkit-transform: t...转载 2018-08-10 10:27:20 · 752 阅读 · 0 评论 -
移动端手机验证码四格input
最近接的新项目，登录注册页根据需求要使用手机号获取验证码登录或者注册，一开始的想法是要做4个inputshur输入框，但是光标问题太严重。在网上看别人的实现方法，发现可以用一个input+4个span或者四个div来做，经过构思，实现了以下的方法。 html:<div id="shoujihao"> <span>&l...原创 2018-08-06 09:12:19 · 3601 阅读 · 0 评论 -
输入框清除按钮(自定义)
<input id="sjh" type="text" name="" oncopy="" required value="" class="ipt" placeholder="请输入手机号" onkeyup="Mobile2(this)" /><span class="mui-icon mui-原创 2018-08-06 08:59:23 · 2133 阅读 · 0 评论 -
浏览器兼容-- hack方式
css hack使用hacker 我可以把浏览器分为3类：ie6 ；ie7和遨游；其他（ie8 chrome ff safari opera等）ie6认识的hacker 是下划线_ 和星号 * ie7 遨游认识的hacker是星号 * （包括上面问题6中的 !important也算是hack的一种。不过实用性较小。）比如这样一个css设置height:300px;*height:...原创 2018-07-30 16:26:02 · 445 阅读 · 0 评论 -
html css常见浏览器兼容问题总结
1、居中问题 div里的内容，IE默认为居中，而FF默认为左对齐，可以尝试增加代码： 1 margin: 0 auto; 2、高度问题两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中，下面的div会自动给上面的div让出空间所以为避免出现层的重叠，高度一...转载 2018-07-30 15:34:33 · 1407 阅读 · 1 评论