12 2020 档案

HTML5新API详解之扩展XMLHttpRequest API、Ajax及Fetch API
摘要：一、XMLHttpRequest API XMLHttpRequest详解 XMLHttpRequest 是一个浏览器接口，使得 Javascript 可以进行 HTTP (S) 通信。最早，微软在 IE 5 引进了这个接口。因为它太有用，其他浏览器也模仿部署了，ajax 操作因此得以诞生。但是，这 阅读全文
posted @ 2020-12-31 21:35 天涯学馆 阅读(282) 评论(0) 推荐(0)
HTML5新API详解之本地存储与应用缓存
摘要：Web 存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。 阅读全文
posted @ 2020-12-31 21:33 天涯学馆 阅读(224) 评论(0) 推荐(0)
HTML基础知识概要面试必备
摘要：一、HTML的概述 HTML的概念 HTML 全称为 HyperText Markup Language，译为超文本标记语言。 HTML 不是一种编程语言，是一种描述性的标记语言。 作用：HTML是负责描述文档语义的语言。 概念：超文本 所谓的超文本，有两层含义： （1）图片、音频、视频、动画、多媒 阅读全文
posted @ 2020-12-31 21:31 天涯学馆 阅读(215) 评论(0) 推荐(0)
HTML5本地数据库（WebSQL和IndexDB）
摘要：一、WebSQL WebSQL是前端的一个独立模块，是web存储方式的一种，我们调试的时候会经常看到，只是一般很少使用。并且，当前只有谷歌支持，ie和火狐均不支持。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-g6CM9dFv-1609421143537)(en-r 阅读全文
posted @ 2020-12-31 21:26 天涯学馆 阅读(878) 评论(0) 推荐(0)
HTML5新API详解之文件操作API
摘要：FileList对象、file对象、FileReader对象 HTML 5中，通过添加multiple属性，file控件内允许一次放置多个文件。控件内的每一个用户选择的文件都是一个file对象，而FileList对象则为这些file对象的列表，代表用户选择的所有文件。file对象有两个属性，name 阅读全文
posted @ 2020-12-31 21:25 天涯学馆 阅读(254) 评论(0) 推荐(0)
HTML5新API详解之历史、地理位置处理、全屏处理
摘要：历史 界面上的所有JS操作不会被浏览器记住，就无法回到之前的状态。 在HTML5中可以通过 window.history 操作访问历史状态，让一个页面可以有多个历史状态 window.history对象可以让我们管理历史记录，可用于单页面应用，Single Page Application，可以无刷 阅读全文
posted @ 2020-12-31 21:24 天涯学馆 阅读(135) 评论(0) 推荐(0)
HTML5新API详解之拖拽API
摘要：拖拽 在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接默认是开启拖拽的。 1、拖拽元素 页面中设置了 draggable="true" 属性的元素。 举例如下： <!DOCTYPE html> <html lang="e 阅读全文
posted @ 2020-12-20 22:26 天涯学馆 阅读(213) 评论(0) 推荐(0)
HTML5常见标签的使用以及DOM操作
摘要：一、HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1（严格的html） 2002 Tableless Web Design（表格布局） 2005 AJAX 阅读全文
posted @ 2020-12-20 22:24 天涯学馆 阅读(229) 评论(0) 推荐(0)
计算机常见编码介绍
摘要：计算机，不能直接存储文字，存储的是编码。 计算机只能处理二进制的数据，其它数据，比如：0-9、a-z、A-Z，这些字符，我们可以定义一套规则来表示。假如：A用110表示，B用111表示等。 ASCII码： 美国发布的，用1个字节(8位二进制)来表示一个字符，共可以表示2^8=256个字符。 美国的国 阅读全文
posted @ 2020-12-06 13:39 天涯学馆 阅读(836) 评论(0) 推荐(0)
学习JavaScript数据结构和算法之二叉树详解
摘要：二叉树的概念 二叉树（Binary Tree）是n（n>=0）个结点的有限集合，该集合或者为空集（空二叉树），或者由一个根结点和两棵互不相交的、分别称为根结点的左子树和右子树的二叉树组成。 二叉树的特点 每个结点最多有两棵子树，所以二叉树中不存在度大于2的结点。二叉树中每一个节点都是一个对象，每一个 阅读全文
posted @ 2020-12-06 11:38 天涯学馆 阅读(143) 评论(0) 推荐(0)
学习JavaScript数据结构和算法之图和图算法
摘要：图的定义 图（Graph）是由顶点的有穷非空集合和顶点之间边的集合组成，通常表示为：G(V,E)，其中，G表示一个图，V是图G中顶点的集合，E是图G中边的集合。 有向图 有向边：若从顶点Vi到Vj的边有方向，则称这条边为有向边，也成为弧(Arc)，用有序偶<Vi,Vj>来表示，Vi称为弧尾，Vj称为 阅读全文
posted @ 2020-12-06 11:29 天涯学馆 阅读(99) 评论(0) 推荐(0)
使用Chrome开发者工具进行JavaScript内存分析
摘要：内存泄漏是指计算机可用内存的逐渐减少。当程序持续无法释放其使用的临时内存时就会发生。JavaScript的web应用也会经常遇到在原生应用程序中出现的内存相关的问题，如泄漏和溢出，web应用也需要应对垃圾回收停顿。 尽管JavaScript使用垃圾回收进行自动内存管理，但有效的(effective) 阅读全文
posted @ 2020-12-06 11:18 天涯学馆 阅读(199) 评论(0) 推荐(0)
如何搭建一个简单的、面向对象的javascript基础框架
摘要：如果以后公司再能让我独立做一套新的完整系统，那么我肯定会为这个系统再写一个前端框架，那么我到底该如何写这个框架呢？ 在我以前的博客里我给大家展示了一个我自己写的框架，由于当时时间很紧张，做之前几乎没有完整的思考过我到底该如何去写这个框架，所以事后对于这个框架我有很多遗憾之处，当我重构过一次代码后我就 阅读全文
posted @ 2020-12-06 11:09 天涯学馆 阅读(141) 评论(0) 推荐(0)
JS常见三种数据推送方式
摘要：1. Comet:基于 HTTP 长连接的服务器推送技术 Comet 是一种 Web 应用架构。服务器端会主动以异步的方式向客户端程序推送数据，而不需要客户端显式的发出请求。Comet 架构非常适合事件驱动的 Web 应用，以及对交互性和实时性要求很强的应用，如股票交易行情分析、聊天室和 Web 版 阅读全文
posted @ 2020-12-06 10:56 天涯学馆 阅读(606) 评论(0) 推荐(0)
JS正则表达式常见使用方法
摘要：定义和使用 var patt1 = new RegExp( "hello"); var patt2 = /world/ ; test方法 test() 方法检索字符串中的指定值。返回值是 true 或 false。 var pat = /my/ ; var str = "this is my cod 阅读全文
posted @ 2020-12-06 10:51 天涯学馆 阅读(636) 评论(0) 推荐(0)
HTTP 响应头信息总结
摘要：HTTP请求头提供了关于请求，响应或者其他的发送实体的信息。在本章节中我们将具体来介绍HTTP请求头信息。 Allow： 服务器支持哪些请求方法（如GET、POST等）。 Content-Encoding： 文档的编码（Encode）方法。只有在解码之后才可以得到Content-Type头指定的内容 阅读全文
posted @ 2020-12-06 10:42 天涯学馆 阅读(95) 评论(0) 推荐(0)
HTML5 IndexDB高级使用
摘要：IndexDB的优点： 1、允许快速索引和搜索的对象，所以在HTML5 的 web应用程序中， 你可以有效管理你的数据和高效率的读/写操作。 2、W3C主推的离线数据库类型，逐渐替代Web SQL类型数据库，更新效率高并不断完善。 3、工作在异步模式下执行每步操作。让你使用高效率的的JavaScri 阅读全文
posted @ 2020-12-05 23:02 天涯学馆 阅读(282) 评论(0) 推荐(0)
HTML5技术调用电脑或手机上的摄像头
摘要：移动设备和桌面电脑上的客户端API起初并不是同步的。最初总是移动设备上先拥有某些功能和相应的API，但慢慢的，这些API会出现在桌面电脑上。其中一个应用接口技术就是getUserMedia API，它能让应用开发者访问用户的摄像头或内置相机。下面就让我展示一下如何通过浏览器来访问你的摄像头，并提取截 阅读全文
posted @ 2020-12-05 16:33 天涯学馆 阅读(210) 评论(0) 推荐(0)
HTML5本地存储Web Storage使用
摘要：Web Storage是HTML5引入的一个非常重要的功能，在前端开发中经常用到，可以在客户端本地存储数据，类似HTML4的cookie，但可实现功能要比cookie强大的多，cookie大小被限制在4KB，Web Storage官方建议为每个网站5MB。Web Storage又分为两种： * se 阅读全文
posted @ 2020-12-05 11:36 天涯学馆 阅读(112) 评论(0) 推荐(0)
全面认识Web标准和浏览器内核引擎
摘要：Web、网页、浏览器 Web Web（World Wide Web）即全球广域网，也称为万维网。 我们常说的Web端就是网页端。 网页 网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。 我们在浏览器上输入网址后，打开的 阅读全文
posted @ 2020-12-04 22:37 天涯学馆 阅读(308) 评论(0) 推荐(0)
web前端架构设计与性能调优
摘要：每个参与过开发企业级 web 应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎 14 条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能优化原则大概是在 7 阅读全文
posted @ 2020-12-04 22:31 天涯学馆 阅读(346) 评论(0) 推荐(0)