xiaoleilei - 博客园

2018年11月2日

摘要： Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内语法 element.scrollIntoView(); element.scrollIntoView(alignToTop);//Boolean型参数 element.scrollIntoView(sc 阅读全文

posted @ 2018-11-02 10:52 xiaoleilei 阅读(1603) 评论(0) 推荐(0)

2018年10月11日

dot.js

摘要： doT.js特点是快，小，无依赖其他插件。压缩版仅有4K大小，最近使用点的时候整理出这个dot.js教程API文档，是对dot.js的介绍和实例，希望能帮助到一部分需要的人。 doT.js详细使用介绍使用方法： 1234五67{{= }} for interpolation{{ }} for ev 阅读全文

posted @ 2018-10-11 16:00 xiaoleilei 阅读(275) 评论(0) 推荐(0)

2018年9月28日

微信小程序页面跳转导航wx.navigateTo和wx.redirectTo

摘要：关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。 OBJECT 参数说明：参数类型默认值说明deltaNumber1返回的页面数，如果 delta 大于现有页面数，则返回到首页。示例代码： wx.redirectTo(OBJE 阅读全文

posted @ 2018-09-28 17:41 xiaoleilei 阅读(20762) 评论(0) 推荐(1)

小程序swiper 滑块视图容器

摘要：从 1.4.0 开始，change事件返回detail中包含一个source字段，表示导致变更的原因，可能值如下： autoplay 自动播放导致swiper变化；touch 用户划动引起swiper变化；其他原因将用空字符串表示。注意：其中只可放置<swiper-item/>组件，否则会导致未定阅读全文

posted @ 2018-09-28 14:47 xiaoleilei 阅读(1506) 评论(0) 推荐(0)

2018年9月27日

小程序表单提交

摘要： <form bindsubmit='formSubmit'> <view>用户名： <input type='text' name="username" value='' placeholder='请输入您的姓名' /> </view> <view>手机： <input type='number' 阅读全文

posted @ 2018-09-27 17:38 xiaoleilei 阅读(16522) 评论(0) 推荐(0)

2017年9月11日

自适应宽度圆角导航如何实现

摘要：让子元素的背景图片右对齐，这样就可以覆盖父元素的背景，而padding-left是为了让父元素露出按钮左侧部分不致于被子元素的背景覆盖。优点：自适应宽度变化；各浏览器显示效果一致；缺点： <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文

posted @ 2017-09-11 10:20 xiaoleilei 阅读(425) 评论(0) 推荐(0)

2016年6月15日

PC端和移动端一些奇葩兼容性问题

摘要：在password输入框显示一个“小眼睛”的按钮，去掉他的方法如下：阅读全文

posted @ 2016-06-15 15:46 xiaoleilei 阅读(427) 评论(0) 推荐(0)

如何实现两行内容增多和一行内容增多，多余的内容显示省略号

摘要：最近工作经常会遇到这样的UI设计图，两行内容增多出现省略号，一般这样的解决方法我总会直接overflow:hidden隐藏，可是这样他不会出现三个省略号，下面给大家想到一个很easy的方法分享一下；方法一：适合PC和移动端，最主要的就是这段js，大概是这样的原理： 1）获取所有的元素.txt,通过遍历循环，判断他的内容个数，如果他的内容大于20（这个数值可以随意定义，大概范围在你的一行是多少... 阅读全文

posted @ 2016-06-15 15:44 xiaoleilei 阅读(687) 评论(0) 推荐(0)

2016年6月7日

表单提交判断，数据只能提交一次判断

摘要： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>物业报修-填写信息</title> <meta content="yes" name="apple-mobile-web-app-capable"> <meta c 阅读全文

posted @ 2016-06-07 18:41 xiaoleilei 阅读(1753) 评论(0) 推荐(0)

2016年6月6日

改变CSS世界纵横规则的writing-mode属性

摘要：改变CSS世界纵横规则的writing-mode属性这篇文章发布于 2016年04月27日，星期三，23:12，归类于 css相关。阅读 8292 次, 今日 71 次by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhan 阅读全文

posted @ 2016-06-06 16:35 xiaoleilei 阅读(3000) 评论(0) 推荐(0)