-_-#【JS】HTML5 API

<JavaScript高级程序设计(第3版)> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul class="list"> <li class="item">1</li> <…

引用JavaScript文件时的两个属性defer和async <script src="js1.js" defer></script> <script src="js2.js" async></script> defer 延迟脚本立即下载,延迟执行这个属性的用途是表明脚本在执行时不会影响页面的构造.也就是说,脚本会被延迟到整个页面都解析完毕后再运行 HTML5 规范要求脚本按照它们出现的先后顺序执行,因此第一个…

【转】HTML5 API——无刷新更新地址 history.pushState/replaceState 方法

(window.location)在通过JavaScript更改以后,浏览器都会通过刷新来到达你更改后的URL(location的意思就是位置..) 而在JavaScript MVC开始流行之后,通过刷新来修改URL的方法,不禁让人感到烦躁.然而HTML5中就制定了一个这样的API,可以通过方法的方式来修改URL,而又不会使浏览器刷新,就是History API. 熟悉JavaScript开发的同学,对History肯定不会陌生,其中最经典的方法就是go,通过第一个类型为整数的传输参数,可以使…

【转】HTML5 API --- 页面可见性改变(visibilitychange)事件

[摘要:[本文属本创,若有转载,请说明出处http://blog.csdn.net/yl02520/article/] visibilitychange事情是扫瞄器新增加的一个事情,当扫瞄器的某个标签页切换到背景,或从背景切换到前台时便会触收该] visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等.虽然这只是一个简单的功能,但是能够广大的…

-_-#【JS】element.click()

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button>click</button> <script> document.getElementsByTagName('button')[0].onclick = function()…

-_-#【JS】隐含全局变量

隐含全局变量与明确定义的全局变量有细微的不同,不同之处在于能否使用delete操作符撤销变量使用var创建的全局变量(这类变量在函数外部创建)不能删除不使用var创建的隐含全局变量(尽管它是在函数内部创建)可以删除这表明隐含全局变量严格来讲不是真正的变量,而是全局对象的属性.属性可以通过delete操作符删除,但变量不可以…

-_-#【JS】isFinite

/** * isFinite(number) * 检查是否是无穷大 * 如果 number 是有限数字(或可转换为有限数字),那么返回 true * 如果 number 是 NaN(非数字),或者是正.负无穷大的数,则返回 false */ console.log(isFinite('01Hello')) // false console.log(isFinite('01')) // true console.log(isFinite(01)) // true…

【javascript】html5中使用canvas编写头像上传截取功能

[javascript]html5中使用canvas编写头像上传截取功能本人对canvas很是喜欢,于是想仿照新浪微博头像上传功能(前端使用canvas) 本程序目前在谷歌浏览器和火狐浏览器测试可用,ie浏览器无法支持. 因为ie的安全机制不允许img使用本地路径,所以若想ie支持本程序,必须先将图片上传,然后给img对象上传后的图片地址.我在这里没写,是因为暂时没写上传功能的后端代码,并且还不确定有没有更好的解决办法. 一.如下是新浪的头像截取功能预览图:…

【译】html5游戏入门

[译]html5游戏入门原文链接简介如果你想用canvas做个游戏,那么来对地方了. 但是但是你至少知道javascript怎么拼写(╯‵□′)╯︵┻━┻ 既然没问题,那先来玩一下或者下载创建canvas标签废话不多说,我们必须创建一个canvas标签,简单起见,用一下不喜欢的jQuery var CANVAS_WIDTH = 480; var CANVAS_HEIGHT = 320; var canvasElement = $("<canvas width='" +…

【Demo】HTML5 拍照上传

本文主要讲解手机浏览器如何拍照为什么会有这个需求最近做一个项目要用到拍照然后上传照片,但是网页拍照一般都是用Flash做的,而我们主要是H5页面,如果在微信里面有权限就可以通过JSSDK调起摄像头拍照的.这里我们主要说下手机端浏览器如何调起摄像头 H5如何打开摄像头不需要特别的支持,只需要一行代码就可以了 <input id="upload" type="file" accept="image/*;" capture="…

【译】Android API 规范

[译]Android API 规范译者按: 修改R代码遇到Lint tool的报错,搜到了这篇文档,aosp仓库地址:Android API Guidelines. 58e9b5f Project import generated by Copybara. by Android API Council · 9 months ago c0b835d Initial empty repository by Baligh Uddin · 8 years ago 提交记录显示最近才更新的,是官方的应用…

【js】Leetcode每日一题-制作m束花所需的最少天数

[js]Leetcode每日一题-制作m束花所需的最少天数 [题目描述] 给你一个整数数组 bloomDay,以及两个整数 m 和 k . 现需要制作 m 束花.制作花束时,需要使用花园中相邻的 k 朵花 . 花园中有 n 朵花,第 i 朵花会在 bloomDay[i] 时盛开,恰好可以用于一束花中. 请你返回从花园中摘 m 束花需要等待的最少的天数.如果不能摘到 m 束花则返回 -1 . 示例1: 输入:bloomDay = [1,10,3,10,2], m = 3, k = 1 输出…

【js】appendChild

appendChild主要是用来追加节点插入到最后:循环的时候由于不停的搬家导致length在改变. 使用for循环 <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link REL=&…

Linu下的Mysql学习详解_【all】

Linux下Mysql简介 1.什么是Mysql(MariDB) 1.数据库:存储数据的仓库 2.关系型数据库:mysql(主流用5.5,5.6), oracle 本质:二维表非关系型数据库:radis(数据写入内存中,也可以写入磁盘,使用key_value) nosql not only sql --> 以高效,高性能为目的 3.优点:根磁盘打交道,保持数据一致性,安全,开源免费(减低成本) 性能好,体积小,易安装,…

Mysql 系统学习梳理_【All】

0.Linux学习---CentOS 7编译安装MySQL 8.0 1.Mysql学习---SQL语言的四大分类 2.Mysql学习---基础操作学习 3.Mysql学习---基础操作学习2 4.Mysql学习---视图/触发器/存储过程/函数/执行计划/sql优化 180101 5.Mysql学习---索引的学习 180101 6.Mysql学习---SQL测试题之表结构 7.Mysql学习---使用Python执行存储过程 8.Mysql学习---Python操作Mysql 1231 9.M…

【29】html5新标签有哪些？

[29]html5新标签有哪些? canvas svg video audio [01]article(IE8不支持) [01]details [02]aside(IE8不支持) [03]header(IE8不支持) [04]footer(IE8不支持) [06]nav(IE8不支持) [07]section [08]figure(IE8不支持) [09]figcaption(IE8不支持) [10]embed [11]address [13]summary [14]menu [18]secti…

【02】HTML5与CSS3基础教程（第8版）（全）

[02]HTML5与CSS3基础教程(第8版)(全) 共392页. (魔芋:大体上扫了一遍.没有什么新东西,都是入门的一些基础知识.) 已看完. [美]elizabeth castro bruce hyslop 著望以文译 2014年5月出版. 亚马逊: https://www.amazon.cn/HTML5%E4%B8%8ECSS3%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B-%E7%BE%8E-Elizabeth-Castro…

【JS】AJAX跨域-被调用方与调用方解决方案（二）

解决跨域问题跨域问题说明,参考[JS]AJAX跨域-JSONP解决方案(一) 实例,使用上一章([JS]AJAX跨域-JSONP解决方案(一))的实例解决方案三(被调用方支持跨域-服务端代码解决) 被调用方解决,基于支持跨域的解决思路,基于Http协议关于跨域的相关规定,在响应头里增加指定的字段告诉浏览器,允许调用跨域请求是直接从浏览器发送到被调用方,被调用方在响应头里增加相关信息,返回到页面,页面能正常获取请求内容. 1.服务端增加一个过滤器(CrossFilter.java),过滤所有…

【js】Leetcode每日一题-完成所有工作的最短时间

[js]Leetcode每日一题-完成所有工作的最短时间 [题目描述] 给你一个整数数组 jobs ,其中 jobs[i] 是完成第 i 项工作要花费的时间. 请你将这些工作分配给 k 位工人.所有工作都应该分配给工人,且每项工作只能分配给一位工人.工人的工作时间是完成分配给他们的所有工作花费时间的总和.请你设计一套最佳的工作分配方案,使工人的最大工作时间得以最小化 . 返回分配方案中尽可能最小的最大工作时间 . 示例1: 输入:jobs = [3,2,3], k = 3 输出:…

【js】Leetcode每日一题-数组异或操作

[js]Leetcode每日一题-数组异或操作 [题目描述] 给你两个整数,n 和 start . 数组 nums 定义为:nums[i] = start + 2*i(下标从 0 开始)且 n == nums.length . 请返回 nums 中所有元素按位异或(XOR)后得到的结果. 示例1: 输入:n = 5, start = 0 输出:8 解释:数组 nums 为 [0, 2, 4, 6, 8],其中 (0 ^ 2 ^ 4 ^ 6 ^ 8) = 8 . "^" 为按位异或 XO…

【js】Leetcode每日一题-解码异或后数组

[js]Leetcode每日一题-解码异或后数组 [题目描述] 未知整数数组 arr 由 n 个非负整数组成. 经编码后变为长度为 n - 1 的另一个整数数组 encoded ,其中 encoded[i] = arr[i] XOR arr[i + 1] .例如,arr = [1,0,2,1] 经编码后得到 encoded = [1,2,3] . 给你编码后的数组 encoded 和原数组 arr 的第一个元素 first(arr[0]). 请解码返回原数组 arr .可以证明答案存在并且是唯…

【js】Leetcode每日一题-叶子相似的树

[js]Leetcode每日一题-叶子相似的树 [题目描述] 请考虑一棵二叉树上所有的叶子,这些叶子的值按从左到右的顺序排列形成一个叶值序列 . 举个例子,如上图所示,给定一棵叶值序列为 (6, 7, 4, 9, 8) 的树. 如果有两棵二叉树的叶值序列是相同,那么我们就认为它们是叶相似的. 如果给定的两个根结点分别为 root1 和 root2 的树是叶相似的,则返回 true:否则返回 false . 示例 1: 输入:root1 = [3,5,1,6,2,9,8,null,null,…

【js】Leetcode每日一题-子数组异或查询

[js]Leetcode每日一题-子数组异或查询 [题目描述] 有一个正整数数组 arr,现给你一个对应的查询数组 queries,其中 queries[i] = [Li, Ri]. 对于每个查询 i,请你计算从 Li 到 Ri 的 XOR 值(即 arr[Li] xor arr[Li+1] xor ... xor arr[Ri])作为本次查询的结果. 并返回一个包含给定查询 queries 所有结果的数组. 示例1: 输入:arr = [1,3,4,8], queries = [[0,1],[…

【js】Leetcode每日一题-停在原地的方案数

[js]Leetcode每日一题-停在原地的方案数 [题目描述] 有一个长度为 arrLen 的数组,开始有一个指针在索引 0 处. 每一步操作中,你可以将指针向左或向右移动 1 步,或者停在原地(指针不能被移动到数组范围外). 给你两个整数 steps 和 arrLen ,请你计算并返回:在恰好执行 steps 次操作以后,指针仍然指向索引 0 处的方案数. 由于答案可能会很大,请返回方案数模 10^9 + 7 后的结果. 示例1: 输入:steps = 3, arrLen = 2 输出:4…

【js】Leetcode每日一题-二叉树的堂兄弟节点

[js]Leetcode每日一题-二叉树的堂兄弟节点 [题目描述] 在二叉树中,根节点位于深度 0 处,每个深度为 k 的节点的子节点位于深度 k+1 处. 如果二叉树的两个节点深度相同,但父节点不同 ,则它们是一对堂兄弟节点. 我们给出了具有唯一值的二叉树的根节点 root ,以及树中两个不同节点的值 x 和 y . 只有与值 x 和 y 对应的节点是堂兄弟节点时,才返回 true .否则,返回 false. 示例1: 输入:root = [1,2,3,4], x = 4, y = 3 输出…

【翻译】HTML5开发——轻量级Web Database存储库html5sql.js

方式1: html5sql官方网址:http://html5sql.com/ 阅读之前,先看W3C关于WEB Database的一段话: Beware. This specification is no longer in active maintenance and the Web Applications Working Group does not intend to maintain it further. 意味着WEB Database规范陷入僵局. html5sql官方网址:http…

【-_-#【JS】HTML5 API】的更多相关文章