上海网页前端培训学校、想学深入的前端技术请找大机构

授课机构：上海非凡进修学院

地址：上海多校区可就近安排学习

网报价格：￥电询

课程原价：￥电询

咨询热线：

网上报名

在线咨询

课程详情学校简介学校地址网上报名

关键词：上海网页前端培训上海网页前端培训班上海网页前端培训学校

专业课程顾问干老师，tel：137-6487-7732，QQ号：2290-425-711，课程咨询微信：ffeduhaha
高级WEB网页前端工程师精品班
1.静态网页设计(送) ：DW、FW、PS、AI实现制作出精美的静态页面设计
2.Web前端HTML5+CSS3：熟练掌握各种 HTML 标签，能够手动快速完成各种页面的编写；
完成各种页面样式的定义和编写，baozheng浏览器兼容xing，实战项目及阶段考核
3.Web前端JavaScript交互：核心语法、BOM与DOM操作、事件编程、正则表达式、面向对象编程、错误处理、Ajax技术、JQuery、JQuery项目实战
4. Web前端整站项目实训：规划设计、首页项目、详情页设计、购物页面设计
5.移动端开发：H5高级功能、CSS3动画详解、Bootstrap、webAPP开发、微信公众号开发
6.就业指导：心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等
认证证书：《网络设计师》、《Web前端工程师》
周期：全日制4个月；业余制10个月 384课时
..................................................................................................................
web网页前端移动端知识的一些总结：
在iOS中，当你点击比如 input 准备输入时，虚拟键盘弹出，整个视窗的高度就会变为减去键盘的高度，加入你在底部有fixed的元素比如btn，这个元素就会跑上来，一般都不会太美观。
我是当focus时就把它设为absolute，视情况而定，也有比如显示一个新的层，将含有fixed按钮的那一层隐藏的情况等等。
另外一种情况（一般在页面内容很少时iphone5及以上常发生），当输入框弹出时fixed元素挤到输入框上，当输入框消失时，fixed元素并没有随着输入框的消失而回到底部，这是因为整个视窗的高度还保持在减去键盘的高度，
需要手动去触发让视窗高度回到正常，然后试了很多方法都没成功，后来的方案是输入框消失时给页面加隐形的很大的padding比如1000px并在30ms后改为正常，具体可看这移动端IOS关于fixed元素的问题
禁止用户选中文字 -webkit-user-select:none
当把input设为 width:100%时，有时可能会遇到input的宽度超出了屏幕，这时可对input加一个属性 box-sizing:border-box
关于box-sizing:border-box，此属性是把边框的宽度和padding包含在盒子的高宽中，假如你设置两个元素float且各占50%，又都有border时，用这个属性就可以完美地让它们能显示在同一行
做一个方向箭头比如 “>” 时，可以用一个正方形的div，设置border:1px 1px 0 0；然后rotate(45deg)，这样就省去了一个图片
CSS权重：style是1000，id是100，class是10，普通如li、div和伪类是1，通用如*是0；
使用rem时，设某个div比如的height:3rem;line-height:1.5rem;overflow:hidden;时，在某些android手机上可能会出现显示不止两行,第三行会显示点头部。解决：利用js获取文字line-height再去设置div高度
使用background时，background-position里使用了比如center left后不能再加具体的数值去定位，比如center 10px left（暂时兼容性差）
使用rem布局时，由于webkit支持的最小字体大小是12px，所以使用html使用62.5%实际是12px，这样很难计算，我的做法是设置成625%即100px，然后1rem就相当于100px
移动端字体使用 font-family: Helvetica,sans-serif;我看这也是天猫使用的
在iphone原生键盘上用keyup统计字符数时，系统不会自动监控你选择文字的事件，比如打了多个拼音，可能选择的实际文字比输入的字符数多或者少，但无法在用户确定自己的输入时监控到keyup（其他事件也一样）
判断字符数。改成input事件就可以了
实现毛玻璃效果，透过背景看其他元素模糊，自身元素不模糊。
-webkit-backdrop-filter: saturate(180%) blur(20px);
background: rgba(0,0,0,0.5);
这个效果暂时只有IOS9上的safari可以。
用css3的blur效果的话，是整层元素全部模糊，而透过模糊层看其他的元素不模糊
如果需要展示小于12px的文字，用transform:scale(%);它将元素缩小，但本身应该占的空间并不会变小，所以比如要元素居左对齐的话，还需设置translateX
在移动端对input框使用disabled属性，会导致元素里面value值在页面上被隐藏看不见，可以对元素使用css3效果pointer-event:none，意思就是此元素对鼠标事件无效
二.js部分
如果使用jquery绑定touch事件的话，获取touchstart，touchmove的触点坐标用 e.originalEvent.targetTouches[0].pageX，
获取touchend则用 e.originalEvent.changedTouches[0].pageX
利用style获取获取transform的rotate值
parseInt(/rotateX(.??)/.exec(getALL.style.webkitTransform)[1])
如果页面一开始没有`style`值，`rotate`是写在`CSS`里的，需要用到`getComputedStyle`，具体请看[这里][5]有些版本的iphone4中， audio和video默认播放事件不会触发，比如使用window.onload或计时器等都不能触发播放，必须用JS写事件让用户手动点击触发才会开始播放，比如
$(document).one('touchstart',function(){
audio.play();
})
想要在touchmove:function(e,参数一)加一个参数，结果直接使用e.preventDefault()就会 e 报错，处理方法为
touchmove:function(e,参数一){

上海非凡进修学院简介

上海非凡进修学院，中国设计高端培训品牌，非凡学院，成就非凡人生！
我校有淘宝运营、摄影美化、服装设计、室内设计、景观园林设计、模具设计、UI设计、网页设计、淘宝美工、网络营销、平面设计、办公文秘、美术、企业团训、网络工程、学历提升等王牌课程
咨询：干老师
电话：13764877732
QQ: 2290425711

学校名称：上海非凡进修学院

固定电话：

授课地址：上海多校区可就近安排学习预约参观