归档: 2017

window.location 对象详解

window.location 的属性  本文通过一个示例 url,讲述window.location的各个属性。假设该url如下:1https://www.baidu.com/s?wd=location.hash&rsv_spt=1&rsv_iqid=0xa78ca3100003b820&issp=1&f=8&rsv_bp=1&

理解语义化

  以前开始学前端、作为一名萌新的时候,一上来就是狂刷 html 的各种标签,拿到 <div> <span> 就是学习如何实现各种炫酷效果,很多实现都基本会首选这两个标签,但是却基本不考虑语义化这种看似“很玄”的东西,但是随着自己接触的项目逐渐增多以及现 HTML 5 的流行,慢慢发现如果有更高追求的话,语义化就是一个不得不考虑的点。 语义化的定义&em

动态加载js脚本并判断是否加载完成

  异步加载js的方法可以是先创建一个<script>标签,再给这个标签添加src属性并将该元素添加到文档后,这时候浏览器就会开始异步加载JavaScript文件。它与图像不同的是,为图像创建的<img>标签,一旦给予了它src属性,它就会立马加载图片,而不管<img>标签是否已经被插入文档中。   因此,对于<sc

调研 flv.js

前言  目前常见的直播协议及其简单介绍如下: RTMP: 底层基于TCP,在浏览器端依赖Flash。 HTTP-FLV: 基于HTTP流式IO传输FLV,依赖浏览器支持播放FLV。 WebSocket-FLV: 基于WebSocket传输FLV,依赖浏览器支持播放FLV。WebSocket建立在HTTP之上,建立WebSocket连接前还要先建立HTTP连接。 HLS: Ht

使用 js 实现栈并解决正整数"进制转换"的问题

  在这篇文章中,我将结合 js 的构造函数以及 js 的数组,实现数据结构栈并利用 js 实现的栈来实现正整数的 进制转换算法,即将正整数转换为其他进制的数(包括二进制到十六进制)。 (一) 利用 js 实现数据结构栈  充分利用 ECMAScript 原生的构造函数以及原生的数据结构数组,可以很容易地实现栈。代码以及注释如下:12345678910111

path.join 与 path.resolve 的区别

何为 path ?  path是node提供的用于处理文件路径的小工具,我们可以通过以下方式引入该模块:1var path = require('path');   path.join以及path.resolve便是该模块中的两个方法。官方对这两个方法的定义分别如下: path.join([path1][, path2][, …]) path.reso

各大浏览器内核(渲染引擎/JS引擎)

简介  在介绍各个主流的浏览器内核之前,首先介绍浏览器内核的组成及其工作原理/作用。   渲染引擎(又叫排版引擎)以及JS引擎是浏览器内核的两个组成部分。   渲染引擎负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。它也可以借助插件(一种浏览器扩展)显

详解应用层协议之 HTTP 协议

  HTTP 协议定义了浏览器(万维网客户端)怎样向万维网服务器请求万维网文档,以及服务器怎样把文档传送给浏览器。从层次的角度看,HTTP 协议是面向事务的应用层协议,它是万维网上能够可靠地交换文件(包括文本/声音/图像等各种多媒体文件)的重要基础。 (一) http协议的特点 http是面向事务/无状态/无连接的协议 http报文分请求报文和响应报文两种 http的发展路线: