redky
``` // example jquery.js (y) jquery.min.js (n) loader.js (y) loader.min.js (n) loader.min.1.3.js (y) ``` 1. `(?=.*\.js$)`  2. `^(?!=.*\.min\.js$)`  结果: `^(?=.*\.js$)(?!=.*\.min\.js$)`
1. 协议(略) 2. 跨域(protocol/host/port) 3. data:/javascript:/about:blank/iframe[no-src] * 主 frame 协议为 data:text/html, 得到 domain 为空 * 主 frame domain 为 example.com, iframe[no-src]/about:blank 得到 domain 为 example.com 4. 影响范围 * script/link/img/video/object/embed/form/iframe... *...
- [MutationObserver](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver) - [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver) - http://www.cnblogs.com/ziyunfei/p/5558712.html - [PerformanceObserver](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver)
项目中在不同窗口间，界面需要状态同步（也就是数据同步）使用了 `storage` 事件，通过 localStorage.setItem 来让非当前窗口收到信息，再根据接到的 action 做相应处理。 localStorage 在设计上毕竟不是为了做通信，并且在数据量大时页面会出现卡顿现象。可使用[BroadcastChannel](https://developer.mozilla.org/en-US/docs/Web/API/BroadcastChannel) 标准接口来实现通信（note: 需要浏览器支持 [CanIUse#BroadcastChannel](https://caniuse.com/#search=BroadcastChannel)）。 - `BroadcastChannel` 通信需要满足同域条件 - `channel-name` 在相同时才支持通信 BroadcastChannel 支持不同窗口/标签页/iframe 之间通信，下面看简单实例。 ```js // a.html let channel = new BroadcastChannel(`channel-name`) //...
## 语法 ```css clip-path: polygon(#path) circle(50%) circle(50% at 70% 20%) ellipse(rx ry at x y) inset(a, b, c, z round 10px) fill-box | stroke-box | view-box | margin-box | border-box...
在 https://segmentfault.com/q/1010000010465039 这里看到的问题，总之 PHP 语法和 JavaScript 语法一样神奇。 [这个答案](https://segmentfault.com/q/1010000010465039/a-1020000010465206)解释的很好。 下面是 JavaScript 语法实现： ```js function print (n) { let map = [] for (let i = 1; i
- [Layout - 左右 - 各种方案](https://codepen.io/redky/pen/WZqLqm) - [Layout - 左右 - 双飞翼](https://codepen.io/redky/pen/BwgeZb) - [Layout - 左中右 - 双飞翼](https://codepen.io/redky/pen/eGwqOQ) - [Layout - 左中右 - Flex](https://codepen.io/redky/pen/VMJoee) - [Layout - 左右实现各种布局](https://codepen.io/redky/pen/QqXeEr) - [Margin...
在读 [fitty](https://github.com/rikschennink/fitty/blob/e48d1dcd79b9f17a160458f05232f059c15dc201/src/fitty.js#L304-L317) 代码时，读到使用属性的 set 来做不同的事情，记录下。 example: ```js var x = {} Object.defineProperty(x, 'disabled', { set: function (disabled) { console.log('do something...', disabled) } }) x.disabled = true x.disabled = false ```...
```js /* expression: ( a & b ) | c 开始(0) - 操作符 因子(1) - 因子 操作符(2) - 操作符 括号(3) - 因子 非(4) - 一元操作符 结束 - 括号/操作符元数 */ function...
最近和同行聊到安全问题，主要谈的是前端方向 XSS。 解决方案流程： 1. 把各输入(来自 server/url/用户输入)做转义以及做适当校验 - 因为具有通用性，尽可能做到业务底层 2. 已经发生 xss 之后，找到位置并且尽可能确定影响范围(特别是原认为安全的地方) 3. fixed