码上登堂的博客

携程网案例结构划分头部 headeraimg主体 mainsectiondiv.leftdiv.righta最后一个section用类名单独区分俩个a，包裹img底部 footernav 里面包裹三个ap 包裹三个ap 包裹文字全屏插件的使用引入jquery、引入jquery.fullPage.js复制结构...

动画的添加如何创建动画？@keyframes 动画的名字 { }花括号内部利用百分比的形式设置动画的状态动画的百分比是针对于动画的总耗时的如何使用动画？animation-name：值为动画的名字animation-duration：设置动画的总耗时animation-iteration-count：设置动画的播放次数，可以是一个具体数值，或者也可以设置infin...

01-线性渐变background:linear-gradient(to top left,red 0%,red 30%,blue 50%,blue 100%);linear-gradient参数第一个参数：渐变的方向或者角度第二个参数第三个参数第四个参数…渐变的颜色值和渐变的百分比02-径向渐变background: radial-gradient(shape size...

01-认识css3什么是css3？CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性，弥补了CSS2的众多不足之处，使得 Web开发变得更为高效和便捷css3现状浏览器支持程度差，需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛如何对待css3兼容问题？渐进增强（Progressive Enhancement）：一开始就针对低版本...

写代码：第一步：我们要做什么事情第二步：这件事情应该在什么时候去做网络接口online：网络连通时触发offline：网络断开时触发全屏接口requestFullScreen： msRequestFullscreen(ie全屏)cancelFullScreen：取消全屏，这个方法属于 documentfullscreenElement：判断当前状态，是否处于全屏，如果是全...

一、项目介绍：此项目为一个前后台分离的交友的SPA,包括前端应用和后端应用。主要页面有：注册、登录、信息完善、用户列表、聊天、个人中心等二、技术栈：前端技术栈：React全家桶 + ES6 + Webpack + axios + socket.io + Cookie + antd- mobile等技术后端技术栈：Node + express + mongodb + socketIO等技术三。项目效果展示：帅哥用户的展示的美女列表：美女页面和大神几乎一样，只是展示的帅哥列表

####什么是html51.H5并不是新的语言，而是html语言的第五次重大修改–版本2.支持：所有的主流浏览器都支持h5.（chrome,firefox,safari。。。）。IE9及以上支持h5(有选择的支持，并不会全部支持),但是ie8及以下不支持h5.3.改变了用户与文档的交互方式：多媒体：video audio canvas4.增加了其它的新特性：语义特性，本地存储特性，网页多...