摘要：
移动端app分类 1、Native App 原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C 2、Hybrid App 混合型app手机应用程序混合使用原生的程序和html5页面开发的手机应用 3、Web App 基于Web的ap 阅读全文
摘要：
摘自：https://www.jianshu.com/p/1ab09a69b6d0 CyberPlayer 简介 CyberPlayer 是百度官方推出的用于开发网页播放器的软件开发工具包,其主要特点如下： 支持Flash与HTML5两种模式 支持广泛的流式视频格式，支持FLV/MP4等格式的渐进式 阅读全文
摘要：
html5增加了audio和video标签，提供了在页面上插入音频和视频的标准方法。 audio标签支持格式：ogg、wav、mp3 对应属性：1、autoplay 自动播放2、controls 显示播放器3、loop 循环播放4、preload 预加载5、muted 静音 举例： <audio s 阅读全文
摘要：
HTML5 新增表单控件新增类型：网址 邮箱 日期 时间 星期 数量 范围 电话 颜色 搜索这些控件基本不使用：因为在不同的浏览器中效果不一样。产品设计中不允许多个浏览器效果不同，必须统一。 <label>网址:</label><input type="url" name="" required>< 阅读全文
摘要：
在之前的HTML页面中，大家基本上都是用了Div+CSS的布局方式。而搜索引擎去抓取页面的内容的时候，它只能猜测 你的某个Div内的内容是文章内容容器，或者是导航模块的容器，或者是作者介绍的容器等等。也就是说整个HTML文档结构定义不清晰，HTML5中为了解 决这个问题，专门添加了：页眉、页脚、导航 阅读全文
摘要：
h5新增的主要语义化标签如下： 1、header 页面头部、页眉2、nav 页面导航3、article 一篇文章4、section 文章中的章节5、aside 侧边栏6、footer 页面底部、页脚 页面使用标签布局示意图： PC端兼容h5的新标签的方法，在页面中引入以下js文件: <script 阅读全文
摘要：
浏览器样式前缀 为了让CSS3样式兼容，需要将某些样式加上浏览器前缀： -ms- 兼容IE浏览器-moz- 兼容firefox-o- 兼容opera-webkit- 兼容chrome 和 safari 比如： div { -ms-transform: rotate(30deg); -webkit-t 阅读全文
摘要：
1、@keyframes 定义关键帧动画2、animation-name 动画名称3、animation-duration 动画时间4、animation-timing-function 动画曲线 linear 匀速 ease 开始和结束慢速 ease-in 开始是慢速 ease-out 结束时慢速 阅读全文
摘要：
CSS3 transform变换 1、translate(x,y) 设置盒子位移2、scale(x,y) 设置盒子缩放3、rotate(deg) 设置盒子旋转4、skew(x-angle,y-angle) 设置盒子斜切5、perspective 设置透视距离6、transform-style fla 阅读全文
摘要：
1、transition-property 设置过渡的属性，比如：width height background-color2、transition-duration 设置过渡的时间，比如：1s 500ms3、transition-timing-function 设置过渡的运动方式 linear 匀 阅读全文
摘要：
CSS3圆角 设置某一个角的圆角，比如设置左上角的圆角：border-top-left-radius:30px 60px; 同时分别设置四个角： border-radius:30px 60px 120px 150px; 设置四个圆角相同：border-radius:50%; CSS3阴影 box-s 阅读全文
摘要：
1、E:nth-child(n)：匹配元素类型为E且是父元素的第n个子元素 <style type="text/css"> .list div:nth-child(2){ background-color:red; } </style> ...... <div class="list"> <h2>1 阅读全文
摘要：
CSS权重 CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级，按照等级来计算权重 1、!important，加在样式属性值后，权重值为 100002、内联样式，如：st 阅读全文
摘要：
前端页面开发流程 1、创建页面项目目录 2、使用Photoshop对效果图切图，切出网页制作中需要的小图片 3、将装饰类图像合并，制作成雪碧图 4、结合Photoshop和代码编辑器，参照效果图，进行html和css代码书写，制作页面 阅读全文
摘要：
photoshop批量切图技巧 切图，就是从效果图中把网页制作需要的小图片裁剪出来。 1、使用psd格式并且带有图层的图像切图 2、在图像上用切片工具切出需要的小图 3、双击切片，给切片命名 4、执行菜单命令 存储为web所用格式 5、点选切片，设置切片的图片格式 6、存储切片，选择“所有用户切片” 阅读全文
摘要：
photoshop是一款优秀的图像处理软件，作为前端开发工程师，掌握它的一些常用功能是必须的。photoshop的常用功能有：选择、裁剪图像、修图、取色、插入文字等等。除了这些常用功能，前端还需要掌握制作新图像、切图等技巧。本次讲解的photoshop版本为cs6。 图片格式转换与压缩 1、文件/存 阅读全文
摘要：
{ "browsers": ["last 7 versions"], "cascade": true, "remove": true } [ { "keys": ["ctrl+alt+shift+p"], "command": "autoprefixer" } ] 阅读全文