03 2019 档案
摘要：一、校验数字的表达式 二、校验字符的表达式 三、特殊需求表达式
阅读全文
摘要：1.1屏幕 移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。 通常我们所指的屏幕尺，实际上指的是屏幕对角线的长度（一般用英寸来度量）如下图所示 而分辨率则一般用像素来度量 px，表示屏幕水平和垂直方向的像素数，例如1920 1080指的是屏幕垂直方向和水平方向分别有1
阅读全文
摘要：```
过渡： 通过过渡transition,我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果. 要实现这一点，必须规定两项内容：1.规定希望把效果添加到哪个 CSS 属性上，2.规定效果的时长
```
```
1.语法：
transition: property duration timing-function delay;...
阅读全文
摘要：``` 渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。可分为线性渐变、径向渐变 ``` ``` 1.linear-gradient线性渐变指沿着某条直线朝一个方向产生渐变效果 a)语法： linear-gradient( [ || ,]? , [, ]* ) b)参数说明： 第一个参数表示线性渐变的...
阅读全文
摘要：```
1.在默认情况下，CSS设置的盒子宽度仅仅是内容区的宽度，而非盒子的宽度。同样，高度类似。真正盒子的宽度（在页面呈现出来的宽度）和高度，需要加上一些其它的属性。例如：
a)padding + border + width = 盒子的宽度
b)padding + border + height = 盒子的高度
很明显，这不直观，很容易出错，造成网页中其它元素的错位。
2. CSS3中可以通过...
阅读全文
摘要：``` 安卓机器人 ``` 
阅读全文
摘要：``` /* div{ width: 200px; height: 200px; background-color: orange; margin:100px auto; !*添加边框阴影*! box-shadow: -10px 10px 5...
阅读全文
摘要：text shadow还没有出现时，大家在网页设计中阴影一般都是用photoshop做成图片，现在有了css3可以直接使用text shadow属性来指定阴影。这个属性可以有两个作用，产生阴影和模糊主体。这样在不使用图片时能给文字增加质感
阅读全文
摘要：``` HTML5中添加了一些新的颜色的表示方式 1.RGBA：说得简单一点就是在RGB的基础上加进了一个通道Alpha。RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数，取值在0~1之间，不可为负...
阅读全文
摘要：``` a)之前学习的：a:hover a:link a:active a:visited b)以某元素相对于其父元素或兄弟元素的位置来获取无素的结构伪类 f)E:first-child:查找E这个元素的父元素的第一个子元素E g)E:last-child:最后一个子元素 h)E:nth-child(n): 第n个子元素，计算方法是E元素的全部兄弟元素 i)E:nth-last-child(...
阅读全文
摘要：下面是页面渲染效果:
阅读全文
摘要：```
简介:
如同人类的的进化一样，CSS3是CSS2的“进化”版本，在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷 动画 圆角 阴影 边框图片 …
Css当js用
Js当后台语言用
```
```
CSS3现状：
1、浏览器支持程度差，需要添加私有前缀(移动端)
a)requestFullScreen
b)webkitRequ...
阅读全文
摘要：``` localStorage的几个特点: 1.存储大小:20Mb 2.不同浏览器不能共享数据,在统一浏览器下同一域名下不同页面可以共享数据 3.存储数据在硬盘上的,生命周期:永久存储 如需删除需手动删除 常用的方法: setItem() 添加 removeItem() 删除 getItem() 获取 ``` ```html ...
阅读全文
摘要：浏览器渲染效果: document.querySelector(" add").onclick = function () { var name = document.querySelector(" name").value; sessionStorage.setItem("username",na
阅读全文
摘要：``` ```
```html ```
阅读全文
摘要：``` ```
```html ```
阅读全文
摘要：``` ```
```html ```
阅读全文
摘要：```
FireReader 文件读取器 构造函数--->生产对象
对象:属性 方法 事件
属性: result
方法: readAsText():结果是文本 readAsBinaryString():结果是二进制的字符串 readAsDataURL():结果是数据地址
事件:onload 读取成功的事件
应...
阅读全文
摘要：/ 全屏操作的主要方法和属性 1.requestFullScreen():开启全屏显示 不同浏览器需要添加不同的前缀 chrome:webkit firefox:moz ie:ms opera:o 2.cancelFullScreen():退出全屏显示:也添加前缀，在不同的浏览器下.退出全屏只能使用
阅读全文
摘要：/ 1.online:网络连通的时候触发这个事件 / window.addEventListener("online", function () { alert("网络已连接") }) / 2.offline:网络断开时触发 / window.addEventListener("offline",f
阅读全文
摘要：以下为代码展示效果 <! max:最大值 value:当前进度值 <! 度量器：衡量当前进度值 <! high:规定的较高的值 low:规定的较低的值 max:最大值 min:最小值 value:当前度量值
阅读全文
摘要：``` 1.oninput:监听当前指定元素内容的改变：只要内容改变(添加内容，删除内容)，就会触发这个事件 2.onkeyup:键盘弹起的时候触发：每一个键的弹起都会触发一次 3.oninvalid:当验证不通过时触发事件 ``` ```html 用户名： 电话： ```
阅读全文
摘要：以下为代码渲染效果: 专业： 前端与移动开发 java javascript c++ <! 不仅可以选择，还应该可以输入 <! 建立输入框与datalist的关联 list="datalist的id号" 专业： <! 通过datalist创建选择列表 <! 创建选项值：value:具体的值 labe
阅读全文
摘要：<! placeholder：提示文本，提示占位 <! autofocus:自动获取焦点 <! autocomplete:自动完成：on:打开 off:关闭 1.必须成功提交过:提交过才会记录 2.当前添加autocomplete的元素必须有name属性 用户名： <! tel并不会实现验证，仅仅是
阅读全文
摘要：新增的表单类型 浏览器效果如下: 用户名： 密码： <! email提供了默认的电子邮箱的完整验证：要求必须包含@符号，同时必须包含服务器名称，如果不能满足验证，则会阻止当前的数据提交 邮箱： <! tel它并不是来实现验证。它的本质目的是为了能够在移动端打开数字键盘。意味着数字键盘限制了用户只能输
阅读全文
摘要：1.原理：动态创建元素 例如：document.createElement(“header”) 注意：动态创建出来的标签是行内元素，需添加display:block / IE9:行级元素在设置宽度的时候是失效 IE8:完全不支持语义标签(不支持html5):在IE8中，它不认识语义标签，所以无法解析
阅读全文
摘要：定义 data 开头 data 后必须至少有一个字符 建议: 1.名称应该都使用小写 不要任何的大写字符 2.名称中不要有任何的特殊符号 3.名称不要副作用纯函数 以下为浏览器输出结果:
阅读全文
摘要：html5新增一波语义化标签 H5是一个平台，是由html5， css3与js新增的一大波api(application programing interface)组成的 浏览器端显示效果如下:
阅读全文
浙公网安备 33010602011771号