html5

1、申请百度账号和AK 点我申请 2、准备页面 根据HTML标准，每一份HTML文档都应该声明正确的文档类型，我们建议您使用最新的符合HTML5规范的文档声明： <! DOCTYPE html > 3、适应移动端页面展示 下面我们添加一个meta标签，以便使您的页面更好的在移动平台上展示。 < meta name ="viewport" content ="initial-scale=1.0, user-scalable=no" /> 4、设置容器样式 设置容器样式大小，使地图充满整个浏览器窗口： < style type ="text/css" > html { height : 100% } body { height : 100% ; margin : 0px ; padding : 0px } #container { height : 100% } </ style > 5、引用百度地图API文件 < script type ="text/javascript" src ="http://api.map.baidu.com/api?v=2.0&ak=您的密钥" ></ script > 6、创建地图容器元素 地图需要一个HTML元素作为容器，这样才能展现到页面上。这里我们创建了一个div元素。 < div id ="container" ></ div > 7

iview中的input表单中输入的数据刷新后不会被清除的方法 表单中的数据填写到一半刷新网页的话会清楚里面已经储存的数据，这样的体验对于用户来说很不好，此篇文章是在vue中使用了iview中input组件，通过 sessionStorage 这个对象来优化。 选择的是sessionStorage,选择的原因vue是单页面应用，操作都是在一个页面跳转路由，另一个原因是sessionStorage可以保证打开页面时sessionStorage的数据为空，而如果是localStorage则会读取上一次打开页面的数据。 这里用到了sessionStorage的setItem和getItem两个方法： setItem方法是用来储存数据到sessionStorage对象中 sessionStorage . setItem ( "key" , "value" ) ; getItem是用来从sessionStorage中取出数据 var value = sessionStorage . getItem ( "key" ) ; 接下来看一个实例： < Input @on - blur = "saveToStorage" type = "text" v - model = "projectForm.collectionName" / >

通常在Web开发中，常使用的地理定位方式有IP地址、GPS、WIFI、CDMA/GSM。 在新增的H5 WEB API中支持使用Geolocation对象获取当前的位置信息。 Navigator.geolocation 只读属性返回一个 Geolocation 对象，通过这个对象可以访问到设备的位置信息。使网站或应用可以根据用户的位置提供个性化结果。 // step1：判断浏览器是否支持 if (navigator.geolocation) { alert( '您的浏览器支持HTML5地理定位' ); } else { alert( '您的浏览器不支持geolocation定位！' ); } getCurrentPosition() 函数会异步地请求获取用户位置，并查询定位硬件来获取最新信息。 // step1：判断浏览器是否支持 if (navigator.geolocation){ // step 2：调用 getCurrentPosition() 函数获取用户当前位置。 navigator.geolocation.getCurrentPosition( function (ev){ // step3：用经纬度描述具体位置 document.getElementById('geo').innerHTML = '纬度：'+ev.coords.latitude+' 经度：'+ ev

QuadTree 四叉树顾名思义就是树状的数据结构，其每个节点有四个孩子节点，可将二维平面递归分割子区域。QuadTree常用于空间数据库索引，3D的椎体可见区域裁剪，甚至图片分析处理，我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数，从而提高游戏刷新性能，本文例子基于 HT for Web 的图形引擎，通过 GraphView 和 Graph3dView 共享同一数据模型 DataModel ，同时呈现QuadTree算法下的2D和3D碰撞视图效果： http://v.youku.com/v_show/id_XODQyNTA1NjY0.html QuadTree的实现有很多成熟的版本，我选择的是 https://github.com/timohausmann/quadtree-js/ 四叉树的算法很简单，因此这个开源库也就两百来行代码。使用也非常简单，构建一个Quadtree对象，第一个参数传入rect信息制定游戏空间范围，在每次requestAnimationFrame刷新帧时，先通过quadtree.clear()清除老数据，通过quadtree.insert(rect)插入新的节点矩形区域，这样quadtree就初始化好了，剩下就是根据需要调用quadtree.retrieve(rect)获取指定矩形区域下

SpreadJS v14.0正式版下载 如果一个项目由多个任务组成，而任务之间又有关联，我们该怎样准确的显示项目整体进度呢？ 使用甘特图，应该是最好的方式。 甘特图，不仅能够让管理者实时有效的掌握项目进度和资源分配，同时能够加强过程的可视化管理、人员实时沟通。因此，在企业项目管理工作中被广泛应用。 由于项目管理的工作往往存在时间上的交叉。在项目开始之前，领导都会要求我们先查找可以并行的事项，并将它们安排在一起，以此实现对时间的高效利用。 合理的使用甘特图，可以把每天的工作安排得当。 Excel在2010版本中就已经内置了甘特图类型， SpreadJS 作为一款高度类似Excel的纯前端表格控件，对甘特图这一特殊图表同样提供支持。 SpreadJS 是一款基于 HTML5 的纯前端电子表格控件，兼容 450 种以上的 Excel 公式，凭借其 “高性能、跨平台、与 Excel 高度兼容”的产品特性，备受以华为、远光软件、苏宁易购、天弘基金等为代表的企业用户青睐。 用以下两种方式，即可在使用 SpreadJS 搭建的Web系统中实现甘特图： 方法一：SpreadJS + ECharts 组件，实现甘特图 作为一款前端开发工具，SpreadJS具备一流的框架支持及二次扩展能力，可以通过集成第三方图表组件（如ECharts）实现甘特图，效果如下图：

[toc] 一、前言 1.核心技术 Web Real-Time Communication：网页即时通信，可以在浏览器进行实时语音或者视频对话的API Canvas：HTML5中的新元素,可以用来来绘制图形、图标、以及其它任何视觉性图像 2.音频采集的基本概念 摄像头：用于采集图像和视频 麦克风：采集音频数据 帧率：一秒钟采集图像的次数。帧率越高，越平滑流畅 轨：借鉴了多媒体的概念，每条轨数据都是独立的，如MP4中的音频轨、视频轨，是分别被存储的 流：可以理解为容器。在WebRTC中，流可以分为媒体流（MediaStream）和数据流（DataStream）。 分辨率：2K、1080P、720P等，越清晰，占用带宽越多 3.音视频设备的基本原理 音频设备 音频输入设备主要是采集音数据，而采集音频数据的本质是模拟信号转成数字信号， 采集到的数据经过量化、编码，最终开成数字信号，这就是音频设备要完成的工作。 人的听觉范围的频率是20Hz~20kHz之间，日常语音交流8kHz就哆了。 为了追求高品质、高保真，需要将音频输入设备采样率设置在40kHz上才能完整保留原始信号 视频设备 当实物光通过镜头进行摄像机后，它会通过视频设备的模数转换（A/D）模块，即光学传感器，将光转换成数字信号，即RGB数据，获得RGB数据后，再通过DSP进行优化处理，如自动增强、白平衡、色彩饱和等

年轻人你不讲武德，耗子尾汁~~~ 总结就是为了形成自己的js知识网，提升自己，加油！ 开始干 1、介绍js的基本数据类型 　　 答： Undefined、Null、Boolean、Number、String 2、js有哪些内置对象？ 　 答： 数据封装类对象 ：Object、Array、Boolean、Number 和 String 　　 其他对象 ：Function、Arguments、Math、Date、RegExp、Error 　　 3、this对象的理解 　 答：this总是指向函数的直接调用者（而非间接调用者）； 　　如果有new关键字，this指向new出来的那个对象； 　　在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window。 　　 可以看看我前面的文章 this在不同情况下的指向 　　 4、eval是做什么的？ 　 答：它的功能是把对应的字符串解析成JS代码并运行； 　　应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。 　　由JSON字符串转换为JSON对象的时候可以用eval，var obj =eval(’(’+ str +’)’)。 5、DOM怎样添加、移除、移动、复制、创建和查找节点 答：// 创建新节点 　　createDocumentFragment()

什么是Thymeleaf Thymeleaf是一款用于渲染XML、XHTML、HTML5内容的模板引擎。类似Velocity，FreeMaker模板引擎，它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用的模板引擎。 Thymeleaf也是Spring Boot首要支持的模板引擎，并且在最新的Spring Boot版本中已经不再支持Velocity了。 官网：http://www.thymeleaf.org/ 引入依赖 需要引入Spring Boot的Thymeleaf启动器依赖。 <dependency> <groupId> org.springframework.boot </groupId> <artifactId> spring-boot-starter-thymeleaf </artifactId> </dependency> 引入该依赖后会自动引入web依赖，不需要再单独引入web依赖。 自动配置说明 下面是Thymeleaf的自动配置相关类。 Thymeleaf的自动配置类： org.springframework.boot.autoconfigure.thymeleaf.ThymeleafAutoConfiguration Thymeleaf的自动配置参数类： org.springframework.boot.autoconfigure

这个代表着推送登录。 dispatch({ type: ' login/login ' , payload: { ...values, type, }, }) 然后发请求，验证用户名密码 request('/api/login/account' , { method: 'POST' , body: params, }); 获得结果 { status: ' ok ' , type, currentAuthority: ' admin ' , } 这是登录成功，status是代表登录成功了，逻辑应该是先判断status type:changeLoginStatus 这个是保存了权限 localStorage 保存获得的权限 localStorage.setItem('antd-pro-authority', JSON.stringify(proAuthority)); reloadAuthorized 不知道干嘛用的， const reloadAuthorized = () => { Authorized = RenderAuthorized(getAuthority()); }; const params = getPageQuery();这是代表了登陆后跳转到哪儿 yield put( routerRedux.replace(redirect || '/' )/

H5+css3面试题总结 一、html5和html的区别： 1.html5新增了语义化标签：footer 、nav、section… 2.html5完全支持css3 3.支持本地离线存储 4.新增了canvas标签 5.新增视频和音频标签 HTML5离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失； sessionStorage 数据在浏览器关闭后自动删除。 如何区分 HTML 和 HTML5？ DOCTYPE声明 新增的结构元素 功能元素 123 二、对语义化标签的理解（优点）： a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构 b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重； c. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页； d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。 三、浏览器的内核： IE浏览器的内核Trident、Mozilla的Gecko、Chrome的Blink（WebKit的分支）、Opera内核原为Presto，现为Blink； 介绍一下你对浏览器内核的理解？ 主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 渲染引擎