实现

function fetchRequest (param) { const type = param.type || 'GET', const url = param.url; if (!url) { new TypeError('param url must be set...') } ...

浏览器相关

加载: 根据请求的url进行域名解析,然后向服务器发送请求,接收响应文件(如HTML、CSS、JS、图片等). 解析: 对加载到的资源(HTML、CSS、JS等)进行语法解析,构建响应的内部数据结构(如HTML的DOM树,JS对象的属性表,css样式规则等). 渲染: 构建渲染树,对各个元素进行位置计算、样式计算等,然后根据渲染书完成页面的布局及绘制的过程(产生页面 ...

概念&原理

向上兼容. 一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验. 优雅降级(Graceful Degradation) 向下兼容. 一开始就构建站点的完整功能,然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览. ...

H5&CSS

1.@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等. 2.加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载. 3.@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素 ...

JS 技巧

// 位运算 var a = 2.33 ----> 2 var b = 2.33 | 0 ----> 2 var c = 2.33 >> 0 ----> 2 生成随机ID Math.random().toString(36).substring(2); 获取URL参数 // 1 var url_st ...