html
百味苦
成长中。。。
展开
-
ios input失效
用mui开发app的时候碰到一个奇怪的问题。ios 的input 有时候失效,或者输入一次点击完成后,再点就无效了找了很久,也上网查了,很多都是说user-select 设置了 nonenone: 文本不能被选择 text: 可以选择文本 all: 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。...原创 2019-05-13 15:27:16 · 1487 阅读 · 0 评论 -
textarea
今天发现一个textarea 的小问提,当我设置<textarea id="textarea" rows="4" placeholder="多行文本框"></textarea>textarea里面的placeholder并不显示,而且点击的时候总是会调到 中间位置,而且需要先删除一些空格才会显示placeholder。仔细研究了一下,才发现&l...原创 2019-03-14 15:04:24 · 4727 阅读 · 0 评论 -
自定义radio
做了一个简单的自定义radio的样式基于mui和jq没什么难点,主要是利用label 标签的特效 用for 将input的id进行绑定,点击这个就相当于选中input然后用jq的change时间设置class新手思维,可以优化。<!doctype html><html> <head> <meta charset="UTF...原创 2019-01-05 16:51:37 · 437 阅读 · 0 评论 -
简单实现瀑布流
view<view class="list-view"> <view class="m-view" v-for="(item,index) in listGoods" :key="item"> <image class="g-img" src="../../static/temp/cate21.jpg" mode=""></image...原创 2019-10-24 15:36:02 · 131 阅读 · 0 评论 -
css三角形运用
一个简单的三角形运用页面原理就是宽高为0,设置边框就是三角形了,然后加点定位到自己想要的地方。 .sjx{ margin: auto; width: 0; height: 0; border:10px solid transparent; border-top: 10px solid #000000; position: rela...原创 2018-12-28 15:45:49 · 213 阅读 · 0 评论 -
自定义字体
自定义字体,只是利用一个css的@font-face { font-family: ; src: url(); }将自己喜欢的字体文件放到url里面,然后取一个名字就可以了。@font-face { font-family:"汗可"; src: url(../font/HYZhengYuan-75W-2.otf); }这样就可以。可以...原创 2018-11-01 09:53:22 · 531 阅读 · 0 评论 -
有下拉的搜索框
今天一上就做出来这么个玩意,真的伤。。。不过总算是做出来,样式勉强能看。有需要的可以参考一下代码没有提炼 比较乱就是,先看下具体样式吧css : html, body { padding: 0; margin: 0; width: 100%; height: 100%; text-align: center; } ...原创 2018-06-21 11:27:30 · 2019 阅读 · 0 评论 -
div不会被文字大小所影响
最近要做一个div里面放非常大的字,但是简单的设置font-size 就发现div本身的样式 被文字所修改。于是研究一段时间。发现还是比较好玩的。css: #div1{ width: 100px; height: 200px; overflow: hidden; background-color: yellow; ...原创 2018-06-09 15:51:40 · 915 阅读 · 0 评论 -
关于pd4ml乱码的问题
我也是个半吊子,我只想将自己走过的坑填上。让更多的人有更多的时间帮更多的人填坑。我也不是很清楚到底为什么。。。我也不知道是不是必要条件。我觉得有问题的地方列出来,以供大家参考首先这个是调bug的 开关;打开可以查看pd4ml的版本。然后查看版本是不是 Pro 的 这个版本问题我到现在还没弄明白 好像是只有Pro才能显示中文。这是个坑,不要相信我原创 2017-12-26 18:06:39 · 896 阅读 · 2 评论 -
弹性布局多列换行居左布局
项目中有碰到一列 3 个及以上的 多行布局设置 justify-content: space-between; 后 如果满格 就是正常显示,如果最后一行少1个就会出现 两头布局,影响美观。做一个解决这种问题的样式css.position-view,.size-view{ width: 150upx; margin: 10upx 0; } .size-view{ p...原创 2019-11-01 11:23:42 · 2123 阅读 · 0 评论 -
table持续滚动
做了个简单的table滚动demo思路:早table外部加一个div标签 设置固定高度,这个高度是table tr的高度的倍数就可以了,然后溢出隐藏,在用js设置scrollTop 就可以实现滚动特效,如果超出就变为0.因为是用scrollTop,变成0的时候难免会有点卡顿。 代码: <!DOCTYPE html><html> <he...原创 2019-01-09 15:10:50 · 1438 阅读 · 0 评论 -
js获取class下的img
使用js获取指定class下的img元素。返回的是数组,所以需要知道自己类名的下标let div = document.getElementsByClassName("contentdiv")[0];console.log(div);getElementsByTagName 返回的就是标签名,也是数组let img = div.getElementsByTagName("img"...原创 2018-12-12 10:21:09 · 8635 阅读 · 2 评论 -
mui选择器
做了几个mui选择器使用demo需要的js 和 css <link rel="stylesheet" type="text/css" href="css/mui.min.css"/><link rel="stylesheet" type="text/css" href="css/mui.picker.min.css"/>原创 2018-12-28 11:19:26 · 605 阅读 · 0 评论 -
textarea高度自适应
textarea的高度根据键入的长度自适应高度,利用input事件,获取长度和设置高度;document.getElementById("text-adaption").addEventListener("input", function(event) { this.style.height = this.scrollHeight + "px"; ...原创 2018-12-15 15:59:25 · 480 阅读 · 0 评论 -
底部弹出
项目中做了一个底部弹出,记录在此。css:html,body { width: 100%; height: 100%; padding: 0; margin: 0; background-color: #fff; text-align: center;} .div-lianxi{ position: fixed; bottom: 0; height: 40px; background-colo...原创 2018-06-27 10:34:58 · 1361 阅读 · 0 评论 -
小程序三元参数判断
记录一下新手容易弄混的 多次三元比较其实就是 if else 的简写,true 就是 ← false 就是 →例子:css.cr{ color: red;}.cb{ color: blue;}.cy{ color: yellow;}html:<view class='{{ c1 ? "cr":"cb"}}'> c1有值 <...原创 2018-09-26 10:28:02 · 3092 阅读 · 0 评论 -
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 · 119 阅读 · 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 · 1025 阅读 · 0 评论 -
数字实现千位分割
源网站:https://wenda.so.com/q/1461341937726162js将数字千位分割的6个方法function toThousands1(num) { var result = [], counter = 0; num = (num || 0).toString().split(''); for(var i = num.length ...原创 2018-11-16 10:54:43 · 705 阅读 · 0 评论 -
数组去重实际运用
做了一个数组去重的demo;假如是一个需要展示的数组,然后又一个点击加载更多,或者下拉加载更多,但是每次都会调用数据库的数据,为了减少后台的负荷,我们可以把数据存在缓存里面,这里就涉及到JSON.stringify();和JSON.parse();。我也不知道为什么,缓存的数组读出来的时候都是obj类型的,无法获取到里面的数据,所以需要将其转换成json字符串存储,用到的时候在json解析,然...原创 2018-11-21 14:56:00 · 248 阅读 · 0 评论 -
搜索缓存机制
自己做了一个根据搜索关键字的首拼来查找的demo;主要是步骤,是将搜索的结果缓存到本地 我因为是demo,所以用的是sessionStorage,如果用到项目里面得用localStoragefunction setinp(){ let value = $("inp").value,//暂时不用管这个函数里面调用的函数,后面会写全代码//这里主要用途如果不重复就push,否...原创 2018-11-23 17:15:19 · 776 阅读 · 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 · 1750 阅读 · 0 评论 -
h5多图片上传
做了一个h5多图片上传只要了解了 基本原理,那就很好理解了,可以看看注释或者在网上找找原理<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport&qu原创 2018-11-30 14:11:50 · 413 阅读 · 0 评论 -
封装jq的ajax
做了一个简单的ajax封装,以便在项目中重复使用,以后想到更好的版本也会更新,const http = "域名";function ajax(data,func){ $.ajax({ type: "POST", url: http + data.url, da...原创 2018-12-04 09:42:47 · 1115 阅读 · 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 · 1769 阅读 · 0 评论 -
子页面获取父页面元素
刚写完一个项目,有用到iframe 因为是新手,所以研究了一下,啥也没鼓捣出来。也就是会用了子页面调用父页面的方法。<iframe id="ifpage" name="ifpagename" src="z/z-sy.html" width="100%" height="100%" style="margin-top: 44px;"> 浏览器不支持if原创 2018-06-22 11:14:22 · 2035 阅读 · 0 评论