Web发展到现在，已经有很大的变化，特别在当前这样的时代，我们面对的设备种类繁多。言外之意，这样的环境之下，Web的页面布局时常会碰到一些缩放比例的控制，特别是针对img、iframe、object、video和embed等元素的比例缩放。当然，就img元素而言，要实现纵横比例的布局已有多种方案，而...
web前端
在Web的布局设计中时常会碰到全屏的效果，而且很多时候会碰到在限制宽度的容器中实现全屏效果。比如下图的效果：在以前面对这样的效果，最好的解决方案是能过HTML的结构来做一定的处理。比如：<div class="banner"> <div class="container"&g...
通过前面的Canvas学习，了解到在Canvas中绘制图形时，使用strokeStyle和fillStyle来设置绘制图形的边框颜色和填充颜色。前面的教程我们看到的都是给这两个属性设置具体的颜色值，比如#fff、red之类。其实在Canvas中，除了给strokeStyle和fillStyle设置颜...
最近在看Canvas的一些动画实例当中，时常看到lerp()这个函数，一直以来并不知道这个函数起什么作用，有什么特性。今天花了一些时间，Google了一下，才知道这个函数是线性插值。那么线性插值是个什么鬼？他在一些程序中又起啥作用？这就是这篇文章要探讨和学习的。什么是线性插值线性插值是数学、计算机图...
在传统（手绘）一个高级动画或者动画艺术家都喜欢绘制关键帧来定义一个动画。现场传递给助理，一般是实习生或者初级艺术家在此基础上做一些其他性的工作，具体的说，他们就是在关键帧动画之间添加一些中间片段让动画看起来更流畅，更自然。他们可以不考虑或者不讨论动画的中间帧。但绘制动画的中间帧是很有必要的，或者说这...
8 其他选择器8.1相邻选择器相邻选择器可以选择紧跟其后的相邻元素,注意：相邻选择器用＋号来连接 <!DOCTYPE html><html><head><meta charset="utf-8" /><title></title>...
4 CSS简介4.1 CSS 是什么，CSS 用来干嘛CSS（Cascading Style Sheet，可以译为“层叠样式表”或“级联样式表”），是一组格式设置规则，用于控制web页面的外观。4.2 如何让一个标签具有样式第一步，必须保证引入方式正确 第二步，必须让css和html元素产生关联，也...
1 HTML简介1.1. 什么是HTML？(了解)HTML是超文本标记语言（HyperText Markup Language，HTML）的缩写。是标准通用标记语言(SGML Standard Generalized Markup Language)下的一个应用，是一种规范，一种标准。1.2. HT...
自动登录大多数网站为了提高用户体验，会在登录表单的下面提供一个复选框 （保存登录信息以及 下次自动登录）方便用户在不小心的情况下关闭了浏览器或者用户经常使用此网站避免每次都要输入用户名密码，所以大多数采用了自动登录实现流程(伪代码)登录表单 ->用户填写数据->提交表单->验证用户...
拖拽相关属性draggable属性是html5的全局属性，是html5支持拖放操作的方式之一，用来表示元素是否可以被拖放,draggable有三个值，true表示可以拖放，false表示不可以被拖放，auto表示使用浏览器的默认值<ul> <li id="item1" d...