随笔分类 - 前端学习
前端学习中比较重要的知识点
摘要:三、HTML进阶 3.7、HTML5 拖放(Drag 和 Drop) 拖放是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 举例: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8">
阅读全文
摘要:三、HTML进阶 3.3、HTML5 新元素 为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能.比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者等。 <canvas> 新元素 标签描述 <canva
阅读全文
摘要:三、HTML进阶 3.1、HTML简介 (1)HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。 (2)HTML5的设计目的是为了在移动设备上支持多媒体。 (3)HTML5 简单易学。 什么是 HTML5? HTML5 是下一代 HTML 标准。 HTML ,
阅读全文
摘要:一、url (Uniform Resource Locator)统一资源定位符 1、绝对URL(absolute URL) 显示文件的完整路径,这意味着绝对URL本身所在的位置与被引用的实际文件的位置五关。 2、相对URL(relative URL) 以包含URL本身的文件夹的位置为参考点,描述目标
阅读全文
摘要:二、HTML基础 2.1、HTML元素 HTML 文档由 HTML 元素定义。 开始标签 * 元素内容 结束标签 * <p> 这是一个段落 </p> <a href="default.htm"> 这是一个链接 </a> <br> 换行 开始标签常被称为起始标签(opening tag),结束标签常称
阅读全文
摘要:HTML学习纪录 一、HTML简介 1.1、HTML定义 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签
阅读全文
摘要:prototype 原型,标准,模范arguments 参数,论据property 属性,性质,性能,所有权parameter 参数,系数,参量element 元素,要素,原理,成分regexp 正则表达式exec 执行,执行程序constructor 构造函数,构造器precision 精度,精确
阅读全文
摘要:DOM DOM1 级(DOM Level 1) 目标主要是映射文档的结构. DOM 核心规定的是如何映射基于 XML 的文档结构,以便简化对文档中任意部分的访问和操作。 DOM HTML 模块则在 DOM 核心的基础上加以扩展,添加了针对 HTML 的对象和方法 DOM2 级 在原来 DOM 的基础
阅读全文
摘要:BOM JS弹出框 window.alert() window.confirm() window.prompt() history对象 history.back() history.forward() history.run() location对象 url 统一资源定位符 完整的url 中文版本
阅读全文
摘要:CSS新特性 自定义属性: CSS自定义属性(也叫做"CSS变量"),在目前所有的现代浏览器都得到了支持. 用法: 定义与使用 计算 默认值 作用域 shapes: CSS Shapes可以实现不规则的文字环绕效果,需要和浮动配合使用。 使用: shape-outside 实现不规则图形环绕 cli
阅读全文
摘要:渐进增强与优雅降级 渐进增强: 针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高版本的浏览器进行效果、交互等改进和追加功能以达到更好的用户体验。 优雅降级: 一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。
阅读全文
摘要:IE低版本BUG 常见兼容问题: 1、透明度 opacity在IE8以下版本不识别 解决方法: opacity:0.5;filter:alpha(opacity=50); (过滤器中的opacity的值是0~100) 2、双边距(IE6 BUG) 出现状况:左浮动,且有margin-left,块状元
阅读全文
摘要:CSS Hack CSS Hack用来解决浏览器的兼容问题,为不同版本的浏览器定制编写不同的CSS效果,使用每个浏览器单独识别的样式代码,控制浏览器的显示效果 Hack分类: 1、CSS属性前缀法 在CSS样式属性名前添加上一些只有特定浏览器才能识别的hack前缀,以达到预期的页面展示效果。 .el
阅读全文
摘要:伪类和伪元素 CSS3规定, 伪类由一个冒号开始,然后为伪类的名称。例如: :after 伪元素由两个冒号开始,然后为伪元素的名称。例如: ::after 伪类的概念: 伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多的信息。通常表示获取不存在与DOM树中的信息,或获取不能被常规CSS选择
阅读全文
摘要:背景图扩展样式 background-size 背景图大小 cover: 覆盖 contain: 包含 background-origin: 背景图的填充位置 padding-box 默认 border-box content-box background-clip: 背景图的裁切方式 paddin
阅读全文
摘要:animation动画 animation-name: 设置动画的名字(自定义) animation-duration: 动画的持续时间 animation-delay: 动画的延迟时间 animation-iteration-count: 动画的重复次数,默认为1,infinite无限次 anim
阅读全文
摘要:Transition过渡 transition-property: 规定设置过渡效果的CSS属性样式 transition-duration: 规定完成过渡效果需要多少秒或毫秒 transition-delay: 完成过渡效果时什么时候开始 transition-timing-function: 规
阅读全文
摘要:浏览器前缀 CSS3去兼容不同的浏览器,主要是针对浏览器旧的版本,新浏览器基本不需要。 浏览器名称 内核 前缀 IE Trident -ms- Firefox Gecko -moz- Opera(欧鹏) Presto -o- Chrome Webkit -webkit- Safari Webkit
阅读全文
摘要:一、表格扩展学习 添加单线:border-collapse:collapse 隐藏空单元:empty-cells:hide 斜线分类:border/rotate 列分组:colgroup/col 二、表单扩展学习 美化表单控件: 1、label+checked 2、position + opacit
阅读全文
摘要:H5新语义化标签: header main footer nav hgroup article aside ection: 区域 figure: 描述视频或图像 figcaption: 描述视频或图像的标题部分 举例: <figure> <img /> <figcaption>图片标题</figca
阅读全文

浙公网安备 33010602011771号