熟悉使用jQuery进行协同开发,团队配合意识良好,能进行前端代码的敏捷开发
熟悉使用Bootstrap实现响应式布局,可以和产品同事协同完成网页的设计工作
熟练掌握css3,能设计网页原型,将UI设计转化为符合W3C规范的静态页面
熟练掌握HTML+CSS+JavaScript三大前端语言,同时熟悉常用的前端语言框架,如Bootstrap,JQuery等
项目1:网上商城购物页面
实现技术:CSS+HTML+Javascript+jqury
项目难点:
定时器的清除
部分动画效果需要js自动生成,时间的控制使用了timeout和innertal,其中timerout包含 了innertal,点击事件和定时器不在同一个js文件中,快速来回点击的时候,定时器清除不 起作用。
解决方案:将该li对应页的所有定时器绑定在该li身上,每次点击的时候清除timeout和 innertal。
复用引入的内容
代码复用进去后高度只能在HTML中通过复用链接代码的高度而设置,但是当鼠标悬停内容时, 内容一旦超过设置的高度则消失。
解决方案:给复用内容一个鼠标悬停样式,当鼠标悬停时高度发生变化。
无缝轮播
无缝轮播首先是让第一个内容从左到右的方向移动,直到第二个内容则停顿一会的方式而完成一个 无缝轮播的效果,当它移动到最后一张时,它的效果应该是立马就被第一张替换,但是它的效果却 是往反方向移动回去。
解决方法:在jQuery中把animate样式改为css样式。
使用bootstrap导航条完成首部的排版和当浏览器小于980px则出现的菜单按钮 用栅栏格式实现数据的布局和美化3、使用bootstrap实现响应式布局。 实现了顶部导航条,轮播图自动切换,选项卡切换 实现了首页和登录、注册页面的相互连接
实现技术:CSS+HTML+Javascript+jqury 项目难点: 定时器的清除 部分动画效果需要js自动生成,时间的控制使用了timeout和innertal,其中timerout包含 了innertal,点击事件和定时器不在同一个js文件中,快速来回点击的时候,定
使用JQuery实现各种特效,优化页面效果。 再利用HTML进行交互。 运用HTML和CSS3以及Javascript实现布局和静态页面,利用CSS3和Javascript实现动画效果。 实现了地区大数据插入、轮播图定时切换、进入页面广告等