jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 学习本教程前你需要先了解 在开始学习 jQuery Mobile 前, 你应该了解一下基础知识： HTML CSS jQuery 如果你想学习这些知识，你可以访问本站的首页。 什么是 jQuery Mobile? jQuery ...
分类：
Web程序 时间：
2020-06-02 19:15:55
阅读次数：
71
任务五、 一个最常见的移动端页面 完成的事情 float学习 张鑫旭《CSS世界》相关章节 张鑫旭 float系列 了解CSS通配符 & 选择器性能优化/浏览器渲染原理 background学习(各属性及效果) 完成任务五 学习CSS编码规范CSS编码规范, 并按照编码规范优化代码 完成深度思考 计 ...
分类：
Web程序 时间：
2020-06-02 19:05:05
阅读次数：
69
300ms点击延迟 移动端的300ms点击延迟是因为移动端可以进行双击缩放的操作，因此浏览器在click之后要等待300ms，看用户有没有下一次点击，也就是判断这次操作是单击还是双击。如果通过监听touchstart事件来替代click事件的话，会导致一些问题：touchstart是手指触摸屏幕就触 ...
分类：
其他好文 时间：
2020-06-02 12:57:28
阅读次数：
54
之前在一个移动端的抽奖页面中，在抽奖结果的展示窗口需要弹幕轮播显示，之前踩过一些小坑，现在总结一下前端弹幕效果的实现方式。 css3实现乞丐版的弹幕 css3弹幕性能优化 canvas实现弹幕 canva弹幕的扩展功能 本文原文地址在我的博客主页：原文地址 1. css3实现乞丐版的弹幕 (1)如何 ...
分类：
Web程序 时间：
2020-06-02 11:38:27
阅读次数：
70
PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。 JS代码： <script type="text/javascript"> function fileSel ...
分类：
移动开发 时间：
2020-06-02 11:13:13
阅读次数：
86
一、移动端基础 二、视口 视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口和理想视口 2.1 布局视口（layout viewport） 2.2 视觉视口（visual viewport） 2.3 理想视口（ideal viewport） 2.4 总结 2.5 ...
分类：
移动开发 时间：
2020-06-02 00:01:31
阅读次数：
84
vue 仿今日头条 为了增加移动端项目的经验，近一周通过 vue 仿写今日头条，以下就项目实现过程中遇到的问题以及解决方法给出总结，有什么不正确的地方，恳请大家批评指正^?_?^！，代码仓库地址为 github 一、实现功能 首页展示 查看消息 图文懒加载 滑动选项卡，切换频道，点击频道切换不同新闻 ...
分类：
其他好文 时间：
2020-06-01 18:07:02
阅读次数：
106
1. 安装并配置PostCss插件 npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S 还需要安装 cs ...
分类：
移动开发 时间：
2020-06-01 01:04:14
阅读次数：
108
大家好，这里是@IT·平头哥联盟，我是首席填坑官——苏南(South·Su)，今天要给大家分享的是SVG Sprites(也叫雪碧图)，所谓雪碧图，当然就不是我们常喝的雪碧饮料（Sprites）哦，哈哈～ 当下流程的移动端，手机型号太多太多，今天工作项目中突然发现还有同事在使用以前大家 曾经包括现在 ...
分类：
Web程序 时间：
2020-05-31 20:07:52
阅读次数：
84
本文主要阐述移动端布局中常遇到的一些基本概念，这些概念也适用于PC端，这些概念大概有：像素（pixel），ppi，分辨率，物理像素（physical pixel）， CSS像素，设备独立像素（devicedependent pixel） 像素 像素是图像显示的基本单位，同时像素是一个抽象概念，是一个 ...
分类：
Web程序 时间：
2020-05-31 19:49:48
阅读次数：
70
