说一下思路：和我上一篇博客中用JQ去写的轮播图有相同点和不同点 相同点： 首先页面布局是一样的 同样是改变.inner盒子的位置去显示不同的图片 不同点： 为了实现无限滚动需要多添加两张重复的图片 左右切换和前面的方法有所不同，前面是获取当前的索引值乘以-600px当做位移距离，现在是需要获取当前. ...
分类：
编程语言 时间：
2016-11-30 22:51:58
阅读次数：
139
百度前端技术学院第一阶段任务十一，关于移动端WEB页面布局，参考资料如下（都是一些网页链接）： MDN:手机网页开发 MDN:在移动浏览器中使用viewport元标签控制布局 移动前端开发和 Web 前端开发的区别是什么 Alloyteam移动开发规范概述 手机/移动前端开发需要注意的20个要点 w ...
分类：
移动开发 时间：
2016-11-30 17:04:12
阅读次数：
239
1.概述首先，需要提出一个概念，那就是hybrid，主要意思就是native原生Android和h5混合开发。为什么要这样做呢？大家可以想象一下针对于同一个活动，如果使用纯native的开发方式，Android和iOS两边都要维护同一套界面甚至是逻辑，这样开发和维护的成本会很大，而使用hybrid的 ...
分类：
移动开发 时间：
2016-11-30 02:24:17
阅读次数：
324
一、关于引入bootstrap文件 <!-- 为了确保适当的绘制和触屏缩放，需要在 <head> 之中添加 viewport 元数据标签。 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- ...
分类：
其他好文 时间：
2016-11-29 21:42:35
阅读次数：
280
ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS，就无法重用。 "-"在本规范中并不表示连字符的含义。 她只表示两种含义：分类前缀分隔符、扩展分隔符，详见以下具体规则。 布局（grid）（.g-）；模块（module）（.m-）；元件（unit）（.u-）；功能（function）（.f- ...
分类：
Web程序 时间：
2016-11-29 17:15:14
阅读次数：
222
我们在页面布局的时候，明明已经去掉了所有标签的margin和padding，img标签周围依然会有空白，解决方法有以下几种： 1、给img标签设浮动： 2、将img转换为块状： 3、img标签默认的vertical-align是baseline，也就是与字母x的下边距对齐，因此可以这样： 4、给父级 ...
分类：
其他好文 时间：
2016-11-27 07:09:46
阅读次数：
194
效果演示: 实现代码： 运行效果： 伪元素 实现代码： Js控制响应式： 运行效果： ...
分类：
Web程序 时间：
2016-11-25 17:24:12
阅读次数：
192
附：整个项目的截图。 第一步：先要编写页面布局文件。(定义三个线性布局，之后用属性include嵌入头部，中间部，底部不同的布局文件，这样做的好处是可以类似实现MVC模式) 第二步：分别编写头部，中间部，底部的布局文件。 头部： 资源文件的引用： value资源文件中的style.xml文件的引用： ...
分类：
微信 时间：
2016-11-24 21:19:55
阅读次数：
385
App进入页面请求服务器，在数据返回之前，没什么给用户看，所以我们用一种缓存系统来保存上次请求的数据，这次进入的时候先把缓存数据绘制到UI上，让用户先看到整个页面布局和可能过时的数据，等网络数据返回后再刷新一遍页面，以此来提高用户体验。那么就带来两个问题： 1， 什么样的数据应该缓存起来？ 2， 什 ...
分类：
其他好文 时间：
2016-11-22 11:50:34
阅读次数：
161
