今天的目标 3.1:h5新特性--SVG--椭圆 <ellipse rx="" ry=""  cx="" cy=""></ellipse> rx:水平半径 ry:垂直半径 3.2:h5新特性--SVG--直线 <line x1 y1 x2 y2 stroke></line> 练习:使用SVG 中的直线绘制如下图标(汉堡包) 3.3:h5新特性--SVG--折线  (一条折线上可以…
今天学习的内容 3.1:h5新特性---第三方绘图工具库 echarts(canvas) 百度 echarts;d3;two.js;.... 3.2:h5新特性---SVG绘图 3.2:h5新特性---SVG绘图--矩形 <svg id="" width="500" height="400"> <rect width="" height="" x="" y="…
json格式 json - > AJAX json:数据格式,通常是以字符串形式表示 对象 {"name":"james","age":19} 数组 [{"name":"tom"},{"name":"jerry"},{"name","james"}] 所有key 必须添加双引号 所有value 如果字符串类型加上双引号 k…
Atitti html5 h5 新特性attilax总结 Attilax觉得不错的新特性 3.语义Header和Footer (The Semantic Header and Footer) 8.占位符 (Placeholder) 在HTML4或XHTML中,你需要用JavaScript来给文本框添加占位符.比如,你可以提前设置好一些信息,当用户开始输入时,文本框中的文字就消失. 而在HTML5中,新的“placeholder”就简化了这个问题. 9.必要属性 (Required Attribu…
H5新特性: 新增选择器 document.querySelector.document.querySelectorAll 拖拽释放(Drag and drop) API 媒体播放的 video 和 audio 本地存储 localStorage 和 sessionStorage 离线应用 manifest 桌面通知 Notifications 语意化标签 article.footer.header.nav.section 增强表单控件 calendar.date.time.email.url.…
今天的目标 3.2:h5新特性--WebStorage localStorage  在客户端浏览器保存数据 永久保存 保存数据 localStorage [key] = value 保存数据 localStorage.setItem(key,value); 获取数据 var value = localStorage [key]; 获取数据 var value = localStorage.getItem(key); 删除数据 localStorage.removeItem(key); 删除数据 …
今天的目标 3.1:h5新特性八--Web Worker---代码就3行 程序:program 存储在外存(磁盘)中代码 进程:Process/Task 将程序调用内存中,分配空间 线程:Thread 线程是进程内部代码基本单位 (1)进程是操作系统分配内存的基本单位 (2)线程是CPU执行代码的基本单位 (3)一个进程内部都多个线程组成,至少一个 (4)多个线程之间"并发执行的",宏观上看同时执行, 微观上看依次循环执行 chorme浏览器 一个 chrome进程内,有多个线程,负责…
直接撸代码 全靠死记硬背 没什么技术点 HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原生js实现对类的增加.删除.修改</title> </head> <body> <div id="test" class="old-class…
1.前言 如今h5新特性.新标签.新规范等有很多,而且正在不断完善中,各大浏览器商对它们的支持,也是相当给力.作为前端程序员,我觉得我们还是有必要积极关注并勇敢地加以实践.接下来我将和各位分享一个特别好用的h5新特性(目前也不是特别新),轻松监听任何App自带的返回键,包括安卓机里的物理返回键,从而实现项目开发中进一步的需求. 2.起因 大概半年前接到pm一需求,用纯h5实现多audio的播放.暂停.续播,页面放至驾考宝典App中,与客户端没有任何的交互,所以与客户端相关的js不需要引用.看上去…
h5的新特性(目前个人所了解)如下 语义化标签 表单新特性 视频(video)和音频(audio) canvas画布 svg绘图 地理定位 为鼠标提供的拖放API webworker (重点)Storage (重点)Websocket HTML语义化是什么? 语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析. 为什么要语义化? 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各…