摘要:
html,body,ul,li,img,a,p,div,form,input,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}bo 阅读全文
摘要:
1、移动端开发不用jquery的原因 jquery使用的优点中很大一个原因是解决了js的兼容性,但是在移动端开发中移动端的浏览器都很新进的浏览器,他的兼容性问题不需要jquery,所以不用考虑兼容性, 移动端的动画时支持css3的,所以直接使用css3来实现动画可以减少我们对jquery中动画函数的 阅读全文
摘要:
步骤: 1、建好项目目录(html、css、js分离) 2、设置视口,不允许缩放 3、设置公共样式(样式重置 + 添加新的样式) 4、为大部分标签设置盒模型(避免之后设置宽度再设置border啥的再去额外计算) 5、添加新样式(清除浮动啥的) 6、布局整个页面(从大到小,从上往下,注意:浮动的元素, 阅读全文
摘要:
总结:移动端适配方案 或者直接做响应式页面,让pc端和移动端的界面排版不一样 1、移动web基础知识 移动web开发和web开发没有本质的区别:都是使用html(html5)、css(css3)、js、以及一些相关的技术在开发 只不过移动web开发更侧重于移动端(手机、ipad)的显示,使页面在更小 阅读全文
摘要:
因为不同浏览器下播放器长的不一样,为了让用户可以使用同一样式播放器 ,我们自己来设置播放器样式 进度条的写法 阅读全文
摘要:
1、拖放 案例: 当只有一个对象要拖拽时,可以把拖拽绑定在元素上,但是有批量拖拽时,建议把拖拽绑定在document 页面上,这种方式是利用了事件代理(事件冒泡)。 然后通过event.target(获取拖拽目标元素) 2、本地存储(重要) cookies 缺点:容量非常小 4kb左右,cookie 阅读全文
摘要:
1、h5新增api 1、检测网络状态 2、全屏显示 3、文件读取 选中一张图片时 选中多张图片时 4、地理定位 注意:在中国用谷歌定位在浏览器端是用不了的,在移动端可以用获取定位,但我们国内一般是用百度、高德 第3方百度地图api的使用方法: 1、登录百度地图api官网 http://lbsyun. 阅读全文
摘要:
注意移动端内核一般版本很高,没什么太多兼容性问题 1、h5的兼容性问题 h5和css3 对浏览器的版本要求是比较高的,ie的话是ie9以上,其他浏览器还好 改进 写兼容性(条件注释) 阅读全文
摘要:
1、案例目的 2、准备工作 项目文件(html、css、js分离) 为什么要用全屏滚动插件 3、开始开发 引入外部文件 看文档开发 设置自定义样式(可修改插件的样式,利用css样式层叠性) 每屏里的动画 css3 jquery中的动画 动画中的回调函数 一定是等当前动画执行完才执行回调函数 阅读全文
摘要:
1、模板引擎的作用 把处理ajax响应的成功的回调函数里的拼接字符串规范化了,提供了规范的语法,把数据渲染到静态的片段页面中 提高后期维护性 常见的模板引擎 性能较高的是腾讯的 atrTmeplate 模板引擎 模板语法:常用的循环、分支判断 + api的学习 案例:自己去下载artTemplate 阅读全文