bye

window.postMessage() 方法可以安全地实现跨源通信(不是二个tab浏览器签，而是一个页面中嵌套的iframe的跨源通信)。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信。window.postMe...

Web服务器的实现Web 服务器实现了 HTTP 和相关的 TCP 连接处理。 负责管理 Web 服务器提供的资源， 以及对 Web 服务器的配置、 控制及扩展方面的管理。Web 服务器逻辑实现了 HTTP 协议、 管理着 Web 资源， 并负责提供 Web 服务器的管理功能。 Web 服务器逻辑和操作系统共同负责管理 TCP 连接。 底层操作系统负责管理底层计算机系统的硬件细节， 并提...

NginxResty配置从下载页Download下载最新的 OpenResty® 源码包，并且像下面的示例一样将其解压# VERSION为下载的版本替换tar -xzvf openresty-VERSION.tar.gz安装依赖,推荐您使用yum安装以下的开发库:yum install pcre-devel openssl-devel gcc curl perl postgre...

Symbol声明var s1 = Symbol();var s2 = Symbol();注意：1、Symbol是一种新原始数据类型；2、Symbol前不能使用new关键字，否则会报错；这是原因Symbol是一个原始类型的值，而不是对象，所以不能为它添加属性是类似于字符串的数据类型；3、Symbol函数可以接受一个字符串参数，表示对Symbol实例的描述，主要是为了在控制台显示或考转为...

Fiddler工具之FiltersFiddler是一个强大的抓包工具，可以抓取Http/Https协议的数据包，也可以实现截包、过滤包，修改包等等，今天我们一起学习一下Fildder中Filters功能的滤过包和截包；1、首先打开Fiddler主界面，查看右侧功能区选择Filfters标签，勾选Use Filters复选框；（图1）Hosts配置2、Fiddler默认是会拦截所有的...

安装npm插件npm install –save-dev eslintnpm isntall –save-dev stylelintnpm install –save-dev stylelint-config-standard安装vs code的插件eslintstylelint在项目根目录下创建文件创建 .eslintrc.js文件// https:...

所有的 prop都使得其父子prop之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。额外的，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。...

injected.js生存周期　　这种脚本，和原网页自带的脚本，就完全是一路货了。有多种方式来在扩展程序中向正在浏览的页面注入这样的脚本，我只说一种最常用也是最被推荐的：先把脚本保存在js文件里（比如GmailAssist中的tableInited.js），然后在匹配当前页面的content script中（如GmailAssist中的content.js）用类似下面这样的代码来把tabl...

这是一个Chrome插件最重要也是必不可少的文件，用来配置所有和插件相关的配置，必须放在根目录。其中，manifest_version、name、version3个是必不可少的，description和icons是推荐的。{ // 清单文件的版本，这个必须写，而且必须是2 "manifest_version": 2, // 插件的名称 "name&

点击样式闪动Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。A:根本原因是-webkit-tap-highlight-color，这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。建议写在样式初始化中以避免所以问题：div,input(selector) {-webkit-tap-h...

《三十出头》 《一个人的北京》 《最远的你是我最近的爱》 《广东爱情故事》 《姐姐》 《七月上》 《不变的情缘》 《光明》 持续更新中……

float时高度塌陷问题解决办法：overflow/float/display table inline-block/伪类after{clear:both}等触发BFC的属性以使父容器成为block formatting context roots 在float同级最后方加入带有clear:both属性的元素或伪元素（W3C CSS2.1 9.5.2 clearance高度计算部分） ...

一、是否是继承属性display不是继承属性；visibility是继承属性，子元素的visibility属性若存在则不会继承，若不存在则继承父元素visibility的值，意味着：父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见，子元素visibility不存在则子元素不可见。而元素的display属性设为none其后整棵子树都不...

演示地址table-cellflex 这种方法的flex具有IE兼容性，支持ie11以上浏览器position，transform 这种方法的transform具有IE兼容性，支持ie9以上浏览器position，margin 这个方式不推荐使用，因为这个写法，.div2的宽高必须要设置，否则就是100%;比如设置了top:0...

先给出效果和代码： dl{margin:0;} dt,dd{display:inline-block; list-style:none;margin:0; padding:0; line-height:22px;} dd { overflow:hidden; } <dl> <dt>这是什么类型电影?</d...

有时我们想在一行内显示一个标题,以及一段内容,虽然看起来比较简单,但是为了语义化用dl比较合适,但是它默认是block元素,改成inline?那么有多段呢?不就都跑上来了?用float?那问题也挺多。就是这种效果当然如果不需要语义化那是很简单的事,但我现在就想用dl>dt+dd。期望的效果： 默认的效果是： 希望的效果代码片段： dl{margin:0;}...

position:stickysticky 英文字面意思是粘，粘贴。这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位，适用于一些特殊场景。什么是结合两种定位功能于一体呢？元素先按照普通文档流定位，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。...

JS代码： var str="a|c javascript Javascript JavaScript Javascript JAVASCRIPT";var keyword = "a|c javascript";keyword = '('+keyword.replace(/([\+\.\*\|\?\-\(\[\^\$])/g,'\\$1' ).replace(/\s+/g,'|'...

word-break定义元素内容文本的字间与字符间的换行行为 normal：默认的换行规则。依据各自语言的规则，允许在字间发生换行。keep-all：对于 CJK（中文，韩文，日文）文本不允许在字符内发生换行。Non-CJK 文本表现同normalbreak-all：对于 Non-CJK 文本允许在任意字符内发生换行。该值适合包含一些非亚洲文本的亚洲文本，比如使连续的英文字符断行。...

encodeURIencodeURI() 函数通过将特定字符的每个实例替换为一个、两个、三或四转义序列来对统一资源标识符 (URI) 进行编码 (该字符的 UTF-8 编码仅为四转义序列)由两个 “代理” 字符组成)。描述假定一个URI是完整的URI，那么无需对那些保留的并且在URI中有特殊意思的字符进行编码。http://username:password@www.ex