随笔分类 -  移动端

网站调整为黑白的方法
摘要：当举行哀悼活动时，有时会要求将网站调整为黑白色，确保展现效果肃穆凝重 通过以下方法可快速将网站调整为黑白 首先，先下载grayscale.js文件，需要使用这个插件实现效果 链接: https://pan.baidu.com/s/1KWbWDWHclvjPcZfMIJljxA 提取码: uw9e 修 阅读全文
posted @ 2020-04-03 14:50 秋月白 阅读(7425) 评论(0) 推荐(1)
微信分享网页时自定义标题、描述和图片
摘要：用微信打开一个网页，选择右上角的“发送给朋友”后，收到的消息是这样的： 而为了推广效果，我们更希望能自定义标题、描述和图片，效果如下图： 下面介绍下怎样来实现这个功能 上方代码只为HTML中的部分，ajax的url地址并非通用且长期有效，还需要在微信公众号中绑定同样域名设置接口权限。 具体的方法请查 阅读全文
posted @ 2017-11-07 15:47 秋月白 阅读(25968) 评论(2) 推荐(0)
纯CSS3实现圆形进度条动画
摘要：悄悄地，GIF 格式的进度条已经越来越少，CSS 进度条如雨后春笋般涌现。今天要介绍的这个 CSS3 进度条，效果和 Flyme OS 4 上的加载动画一样。 首先，来看下最终的效果： 它的 HTML 结构也很简单，但不是 Single Element： 外层元素 .spinner 负责显示底部的半 阅读全文
posted @ 2017-05-08 11:59 秋月白 阅读(10454) 评论(1) 推荐(0)
微信打开网址添加在浏览器中打开提示
摘要：解决方法：弹出一个遮罩提示用户在新的浏览器窗口打开。 再也不用管微信如何的更新，直接判断微信的ua，然后弹出一个遮罩提示用户在浏览器中打开下载。并且不加关闭的按钮。类似于下面这样子： 这样子用户就只能在浏览器中打开，并且可以直接下载应用了。 演示和下载 我已经将代码上传到github上了，你可以直接 阅读全文
posted @ 2016-04-26 18:46 秋月白 阅读(5105) 评论(0) 推荐(0)
微信开发相关资源
摘要：微信开发相关资源：测试公众号（服务号）：http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/loginJS-API:http://mp.weixin.qq.com/wiki/14/bb5031008f1494a59c6f71fa0f319c... 阅读全文
posted @ 2016-01-07 12:50 秋月白 阅读(192) 评论(0) 推荐(0)
移动webAPP前端开发技巧汇总2
摘要：一、关于单位的使用可能在传统的PC端来说，1px=1px的比例。而在移动端却不是这样，1px = ?。 因为出现了一个像素密度这样个东西，就不能在移动端使用“PX”这个单位。可能在你的大屏手机是1px等于1点几个像素，可能在小屏手机却刚好。就好比网页的兼容性一样，浏览器的内核不同，解析当然会有所不同... 阅读全文
posted @ 2015-11-06 18:11 秋月白 阅读(387) 评论(0) 推荐(0)
移动webAPP前端开发技巧汇总
摘要：1. viewport：webapp视图也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：wi... 阅读全文
posted @ 2015-11-05 16:43 秋月白 阅读(504) 评论(0) 推荐(0)
用CSS美化checkbox复选按钮和raido单选按钮-适用于移动端
摘要：最终效果：实现方法index.html： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ... 阅读全文
posted @ 2015-08-31 09:51 秋月白 阅读(8564) 评论(0) 推荐(0)