摘要: 产品要求输入框加上文字字数限制,你傲气甩头,没问题随便加,姐姐一个maxlength属性搞定,产品一句实时展示已输入字数且一个汉字等于两个字母,你就不淡定了,这是需要js控制的啊!没事,加呗~ 首先就是html 接下来就是js控制了 阅读全文
posted @ 2018-01-05 13:54 微lin 阅读(597) 评论(0) 推荐(0) 编辑
摘要: 新手使用jQuery写代码时往往侧重实现功能,功能逻辑不太复杂的页面也不会太考虑性能问题,随着对jQuery的亲切问候,发现jQuery越来越简单,越是简单越是想把它用漂亮。下面总结几条常见常用又是又是经常忽略的小经验,有几条是明明知道确是看了别人的文章才发现自己常用的是糟糕的方法。 1、在</bo 阅读全文
posted @ 2017-12-22 14:46 微lin 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 很多时候能在前端用js实现的数据交互,要比后台套页面实现起来要简单的多,项目中要实现多重筛选的功能,没有做成接口,那就只能js实现url的拼接转换刷新页面,本质就是改变get传参里参数值,这里先简单介绍下window.location里属性值 js对url的操作无非就是对这几个属性值的操作,html 阅读全文
posted @ 2017-12-14 17:42 微lin 阅读(4824) 评论(0) 推荐(0) 编辑
摘要: 这里是微信小程序项目中用到的canvas绘制柱状图、线图、饼状图,跟html里的canvas略微差别,不做详细介绍,仅做个记录防失忆啊,微lin 1、线图 2、饼图 3、柱状图 阅读全文
posted @ 2017-12-11 16:17 微lin 阅读(6572) 评论(0) 推荐(0) 编辑
摘要: 展示效果如下: 阅读全文
posted @ 2017-11-30 15:04 微lin 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 好多网站顶部有Menu,点击屏幕会滚动到相应的模块位置,方便高效,提供两种屏幕滚动。 1、最简单的设置锚点实现跳转 2、JS实现动画效果的滚动 看需求,两种方法够用了~ 阅读全文
posted @ 2017-11-15 11:38 微lin 阅读(495) 评论(0) 推荐(0) 编辑
摘要: //判断当前浏览类型 function BrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = ... 阅读全文
posted @ 2017-11-15 11:15 微lin 阅读(715) 评论(0) 推荐(0) 编辑
摘要: 好些时候,我们会用到时间插件,如datetimeroicker,基本的初始化官方文档都有详细介绍http://www.bootcss.com/p/bootstrap-datetimepicker. 这里简单的介绍下基本用法: 当我们不需要全部时间,对时间进行限定时,在初始化时我们需要对startDa 阅读全文
posted @ 2017-11-15 09:30 微lin 阅读(1505) 评论(0) 推荐(0) 编辑
摘要: //navigator.userAgent获取机型var isAndroid = navigator.userAgent.match(/android/ig); var isIos = navigator.userAgent.match(/iphone|ipod/ig); var isWeixin = navigator.userAgent.match(/MicroMessenger/ig); ... 阅读全文
posted @ 2017-11-09 17:37 微lin 阅读(669) 评论(0) 推荐(0) 编辑
摘要: <body><audio src="b.mp3" controls="controls" preload id="music" hidden></audio><span onclick="control();">播放/暂停</span><span onclick="repeat();">重播</sp 阅读全文
posted @ 2017-11-09 11:26 微lin 阅读(21140) 评论(0) 推荐(0) 编辑