移动端
昌子玩前端
这个作者很懒,什么都没留下…
展开
-
纯CSS美化单复选框(checkbox、radio)
选择框样式label {font-size:12px;cursor:pointer;}label i {font-size:12px;font-style:normal;display:inline-block;width:12px;height:12px;text-align:center;line-height:12px;color:#fff;vertical-align:middle;原创 2017-03-29 16:36:19 · 774 阅读 · 0 评论 -
js滚动分页加载数据
实现理念:1.判断滚动条到底部触发加载函数2.请求数据3.追加数据html: 5条 无痕内裤女冰丝一片式中腰性感纯棉裆女士三角内裤大码薄款夏 ¥21.90 淘宝价:24.90元 努力加载中原创 2017-07-08 17:35:57 · 4705 阅读 · 0 评论 -
微信小程序 懒加载
今天给大家带来小程序懒加载的办法,来提高页面的体验性。理念:加入滚动,当页面滚动的时候计算列表数据的高度来判断该区域数据图片是否加载显示1.首先我们要在wxml要显示的列表里加入滚动条然后。。。wxml: <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="原创 2017-07-03 11:13:34 · 22281 阅读 · 3 评论 -
懒加载之jQuery图片延迟加载插件jQuery.lazyload
今天给大家介绍一个懒加载插件lazyload.js使用方法1.引用jquery和jquery.lazyload.js到你的页面2.html图片调用方法为图片加入样式lazy 图片路径引用方法用data-original...3.js $(function() { $("img.lazy").lazyload({原创 2017-07-06 10:34:52 · 893 阅读 · 0 评论 -
Clipboard.js 无需Flash的JavaScript复制粘贴库
这篇文章主要介绍了JavaScript 内容复制(无需flash) Clipboard.js使用方法,需要的朋友可以参考下clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+官方网站:https://转载 2017-07-01 15:31:16 · 359 阅读 · 0 评论 -
CSS3之flex兼容
flex布局分为旧版本dispaly: box;,过渡版本dispaly: flex box;,以及现在的标准版本display: flex;。所以如果你只是写新版本的语法形式,是肯定存在兼容性问题的。Android 2.3 开始就支持旧版本 display:-webkit-box;4.4 开始支持标准版本 display: flex;IOS 6原创 2017-05-08 10:34:33 · 655 阅读 · 0 评论 -
自适应网页设计
转载 2017-04-20 10:13:07 · 191 阅读 · 0 评论 -
正则的扩展
RegExp构造函数在ES5中,RegExp构造函数的参数有两种情况。第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag)。var regex = new RegExp('xyz', 'i');// 等价于var regex = /xyz/i;第二种情况是,参数是一个正则表示式,这时会返回一个原有正则表达式的拷贝。var regex = new R转载 2017-04-06 15:08:09 · 183 阅读 · 0 评论 -
用纯css改变下拉列表select框的默认样式
下面是解决方案。我们看到默认的下载选择框在firefox和chrome中是有些不同的Chrome 和 Firefox 中分别是这样的:其实用下列CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。select { /*Chrome和Firef转载 2017-04-06 15:04:19 · 810 阅读 · 0 评论 -
微信小程序中单位rpx和rem的使用
rpx是微信小程序新推出的一个单位,按官方的定义,rpx可以根据屏幕宽度进行自适应,在rpx出现之前,web页面的自适应布局已经有了多种解决方案,为什么微信还捣鼓出新的rpx单位?下面通过这篇文章来一起看看吧。前言这篇文章主要给大家讲解了rpx和rem应用于微信小程序,如果你还没有入门,建议先从下面看起 微信小程序官方文档 >web app变革之转载 2017-04-04 22:01:36 · 2387 阅读 · 0 评论 -
微信小程序中rpx与rem单位使用
一、rem的使用1) js中导入下面这段代码[javascript] view plain copy (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientat转载 2017-03-24 14:33:40 · 754 阅读 · 0 评论 -
根据判断移动端还是pc端自动跳转页面
方法-:var browser = {versions : function() {var u = navigator.userAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息 mobile : (!!u原创 2017-03-30 15:57:06 · 1950 阅读 · 0 评论 -
< meta > 元素
概要标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 ——W3School必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信息可选属性转载 2017-03-30 15:55:06 · 216 阅读 · 0 评论 -
将远程image图片转base64编码
最近在开发微信网页项目上遇到一个小问题,canvas生成海报需要用到一张图片,而这张图片刚好是别的域名。为此function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; ...原创 2018-05-04 17:03:38 · 4570 阅读 · 0 评论