- 博客(12)
- 收藏
- 关注
RSS订阅转载 彻底理解浏览器缓存机制
先看上图，如果对图中的(a)(b)(c)(d)四个过程的处理方式都很清楚了，那么请不用再看本文了。两个概念强缓存用户发送的请求，直接从客户端缓存中获取，不发送请求到服务器，不与服务器发生交互行为。协商缓存用户发送的请求，发送到服务器后，由服务器判定是否从缓存中获取资源。两者共同点：客户端获得的数据最后都是从客户端缓存中获得。两者的区别：从名字就可以看出，强缓存不与服务器交互，而协商缓存则需要与服务...
2018-03-29 11:29:56
275
转载 h5打电话发短信写邮件怎么实现
// 一、打电话<a href="tel:0755-10086">打电话给:0755-10086</a>// 二、发短信，winphone系统无效<a href="sms:10086">发短信给: 10086</a>// 三、写邮件//注：在添加这些功能时，第一个功能以"?"开头，后面的以"&"开头//
2018-03-24 14:14:37
1036
1
转载 老生常谈-从输入url到页面展示到底发生了什么
阅读目录1、输入地址2、浏览器查找域名的 IP 地址 3、浏览器向 web 服务器发送一个 HTTP 请求4、服务器的永久重定向响应5、浏览器跟踪重定向地址6、服务器处理请求7、服务器返回一个 HTTP 响应 8、浏览器显示 HTML9、浏览器发送请求获取嵌入在 HTML 中的资源（如图片、音频、视频、CSS、JS等等） 刚开始写这篇文章还是挺纠结的，因为网上搜索“从输入url到页面展示...
2018-03-20 18:33:57
175
转载 常见的ES6转码(编译)工具——Babel转码器、Traceur转码器
在浏览器里面如何使用？现在ES6的使用也是一个新趋势，下面就来讲解转码的常见方法当ES6不兼容时，需要用到转码工具1.Babel转码器:Babel是一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以用ES6的方式编写程序，又不用担心现有环境是否支持。// 转码前input.map(item => item + 1);// 转码后input.map...
2018-03-19 16:06:31
428
转载 神奇的Shadow DOM
原文出处： 凹凸实验室 你有好奇过这个问题吗，为什么只用video标签包裹着source标签，就可以完成一系列视频功能：播放/暂停按钮、进度条、视频时间显示、音量控制等等？既然 DOM 源码这么干净，你有想过实现这些组件的代码是从哪儿来的吗？1. 简介Shadow DOM它允许在文档（document）渲染时插入一棵DOM元素子树，但是这棵子树不在主DOM树中。因此开发者可利用Shadow D...
2018-03-14 16:38:43
505
原创 持续记录前端开发中小坑
1.js区分pc端还是移动手机端 这个正则匹配百度一搜一大堆，基本没啥问题，都是通过naviagtor.userAgent做正则匹配判断的 坑：华为荣耀v8自带浏览器，魅族手机自带浏览器匹配不上（我复制的那个正则匹配不了） 分析：pc端->userAgent->"Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537....
2018-03-14 16:03:45
217
原创 持续更新一些有趣的js题
1.var a=function a(){ a=1; return a;}console.log(a())//返回function a(){a=1;return a;}稍微看了一下资料，这种函数表达式和函数声明同时存在的时候，这个函数a是immutable型的，即不可改变的。故设置a=1无效；有兴趣可以试试只用一种方式定义函数，我试了，结果都是返回12.function a(){}()...
2018-03-12 10:48:16
512
转载 meta标签大全
meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个必用且关键的标签。什么是meta标签？引自下W3school的定义说明一下。元数据（metadata）是关于数据的信息。标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机...
2018-03-10 15:50:46
251
原创 iframe.contentWindow 介绍
父页面parent.html<body> <div id="parent">parent</div> <iframe id="ifr" src="child.html"></iframe></body>子页面child.html<body>
2018-03-07 18:02:37
958
转载 浏览器的回流与重绘 (Reflow & Repaint)
浏览器的回流与重绘 (Reflow & Repaint)转载地址： https://juejin.im/post/5a9923e9518825558251c96a写在前面在讨论回流与重绘之前，我们要知道：浏览器使用流式布局模型 (Flow Based Layout)。浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。有了Rend...
2018-03-06 15:29:58
284
转载 insertAdjacentHTML方法详解
添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和 insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。 insertAdjacentText方法与 insertAdjacentHTML方法类似，只不过只能插入纯文本，参数相同方法名称：insertHtml(where...
2018-03-01 16:46:10
394
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人