1 前端课程: 2 3 1.后面要用到 4 2.把前面学习的一些内容(数据)(静态数据) 展示到前端,给用户看 浏览器 5 3.增加交互 6 4.增加用户体验 7 8 前端工程师主要工作: 9 1.html5页面 web移动端页面 10 2.跟后端交互(数据) 11 3.游戏的h5 12 4.切图( ...
分类:
Web程序 时间:
2018-07-01 22:55:43
阅读次数:
233
这周几天遇到了好几个关于web移动端兼容性的问题。并花了很长时间去研究如何处理这几种兼容问题。 这次我们来说说关于移动端软键盘的js处理吧。 一般情况下,前端是无法监控软键盘到底是弹出来还是关闭的。能使用的一般是输入框获取焦点事件(focus)与输入框失去焦点事件(blur)。 ios设备下,点击输 ...
分类:
移动开发 时间:
2018-05-26 17:11:49
阅读次数:
347
鄙人最近才刚刚开始学习一些关于移动端的知识,还只是个小白,文中可能有许多理解错误,望指出,请多多见谅。 响应式 什么是响应式页面呢? 顾名思义响应式页面就是能做出响应的页面,它的页面效果不是定死的,会随着用户的改变而改变。 如何着手响应式有以下几个思考的方向 1. 找一份设计图 2. 使用Media ...
分类:
移动开发 时间:
2018-05-12 03:22:58
阅读次数:
409
快装WebApp项目(Web移动端开发案例)webapp移动端项目源码、html5+css3实战案例分享、微信端H5实例开发 简介快装WebApp是一个面向移动端的快速装修app,此项目为手机端;使用HTML5+css3+zepto+jQ开发,特效方面用到了css3里的过渡transition和动画 ...
分类:
移动开发 时间:
2018-03-10 11:48:47
阅读次数:
471
web移动端布局方式整理 写H5页面一直写的有点随意,只是保证了页面在各个屏幕下显示良好,却没有保证到在各个屏幕下是等比例放大或者缩小.这些天在写一些页面,试着看看能不能写出等比例放大缩小的页面,发现不容易啊,在网上找了一些文章,整理如下: (只说方案,具体实现看大神的文章) 方法一:用流式布局,p ...
分类:
移动开发 时间:
2018-03-01 11:51:10
阅读次数:
175
设置viewport为设备宽度(这里不一定,但目前先这样足矣) 将viewport分成10rem,并计算出1rem在当前浏览器的像素值,把它赋予html标签的font-size(分成10rem只是为了方便计算而已) 写CSS代码时,遇到要适配的地方,比如width,margin,padding等,就 ...
分类:
移动开发 时间:
2018-02-24 11:42:20
阅读次数:
268
很多时候,我们在开发移动端的时候要使自己的网页兼容不同的机型,很多时候会采用CSS3动画,但是很多时候在安卓机下,动画明显会出现卡顿,很难看,那么这里我介绍几个CSS 属性进行硬件加速那么就会得到明显的效果: opacity: 1; -webkit-backface-visibility: hidd ...
分类:
移动开发 时间:
2018-01-23 13:04:54
阅读次数:
196
利用chrome可以同步移动端和PC端的web开发调试,前提是,Android系统版本必须4.0+,而且必须用chrome,或者Android 4.4系统版本以上的原生app里面的webview才可以。由于Android 4.4的原生app webview 的调试暂时还比较少,所以,这里简单说一下c ...
分类:
移动开发 时间:
2018-01-18 19:36:01
阅读次数:
208
一直没有使用angular的表单验证以及表单提交数据。只是用的input绑定值,另外最近的设计都是点击后显示错误,而不是自动显示错误。所以错误显示一直也没有做。而表单的非法验证可以直接解决这个问题。angular 5最近更新的跟表单验证有关。导致我想研究下angular的表单操作。把web移动端的表 ...
分类:
其他好文 时间:
2017-12-05 20:04:15
阅读次数:
369
最近做了一个针对微信移动端的项目,在开发中遇到了不少的坑,学到了也不少,发现有许多地方值得写一下,以供做web移动端同学参考参考。 一、单位 说到移动端,不得不提适配问题,大大小小的移动设备不但让做android和ios的难过,因为设备大小和浏览器的差异,现在也让前端开始头疼了,不过,方法总是比问题 ...
分类:
移动开发 时间:
2017-09-21 18:10:00
阅读次数:
246