btg.yoyo

摘要： 监控网页与程序性能 当在浏览器地址栏输入一个网址开始,到最终页面的呈现，浏览器完成了他的工作。我们要优化这个程序呈现的速度，首先就得弄明白这其中都发生了 什么事？ 1.处理环节与顺序 这张图大致的描述了浏览器的一系列工作。 2.chrome中的performance属性 在chrome 浏览器的co 阅读全文

摘要： querySelector 和 querySelectorAll 规范定义 querySelector 和 querySelectorAll 方法是 W3C Selectors API Level 1 规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。 目前几乎主流浏览器均 阅读全文

摘要： 1.贪婪模式 正则是：/\d{3,5}/g,字符串是 12345678 那么exec 方法或者match方法返回的结果是什么呢？ 是 [123,456] 还是 [1234,5678] 还是[12345] 答案是:[12345] . 正则表达式默认是贪婪模式，即尽可能多的匹配,如果失败那么减一匹配直到 阅读全文

摘要： js写的网页抽奖小程序，先上截图 源码地址：https://github.com/xiachaoxulu/raffle 阅读全文

摘要： RegExp 对象 RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。 正则可视化的网页：https://regexper.com/. 学习正则要像背书一样记住一些字符的含义。方括号，元字符，量词. 然后就剩下RegExp对象本身的一些属性和方法 方括号 （^ 在方括号里表示 非 阅读全文

摘要： 关于inline-block 元素之间为何会产生间隔 现象： 在浏览器中的表现： 实时上不仅仅是 inline-block 会导致这种现象。 inline 也会导致。 那问题来了，为啥？ 所以我们去除掉这个节点就可以解决这个问题。就像注释的那段代码那样。其他的各种解决方案也有很多。这里不就介绍了。 阅读全文

摘要： 前言 DOM 下定义 一个XML文档及其所对应的DOM树，如下： DOM分类 DOM历史版本 Html Dom Core or HTML Module？ W3C 与 WhatWg 搞清楚以上的内容，从头梳理下dom的api。查缺补漏。 资料：https://developer.mozilla.org 阅读全文

摘要： X.509 X.509是一种非常通用的证书格式。所有的证书都符合ITU-T X.509国际标准，因此(理论上)为一种应用创建的证书可以用于任何其他符合X.509标准的应用。 在一份证书中，必须证明公钥及其所有者的姓名是一致的。对X.509证书来说，认证者总是CA或由CA指定的人，一份X.509证书是 阅读全文

摘要： 理解HTTPS前需要理解这些概念：明文、密文、密码、密钥、对称加密、非对称加密、摘要、数字签名、数字证书 密码(cipher) 密钥(key) 明文/密文 对称密钥 非对称密钥 数字签名 数字证书（Certificate Authority） 阅读全文

摘要： 为了防止CSRF的攻击，我们建议修改浏览器在发送POST请求的时候加上一个Origin字段，这个Origin字段主要是用来标识出最初请求是从哪里发起的。如果浏览器不能确定源在哪里，那么在发送的请求里面Origin字段的值就为空。隐私方面：这种Origin字段的方式比Referer更人性化，因为它尊重 阅读全文