Yuankun | Zilan

英文标点符号+运算符号

符号英文含义读音中文含义． period or full stop 英 [ˌsemiˈkəʊlən; ˌsemiˈkəʊlɒn] 美 [ˈsemikoʊlən] 句号， comma 逗号： colon 冒号； semicolon 分号！ exclamation mark 惊叹号？ question mark 问号 - h......

Posted by Yuankun Li on 2019-10-30

►

Promise Vs setTimeout

了解这个，就得了解JavaScript异步编程，了解任务队列才能知其根本。一个事件循环（event loop）+多个任务队列（task queue）事件循环（event loop） Task Queue Macrotask Queue 宏任务队列: setTimeout setInterval setImmediate requestAnimationFrame UI rendeing......

Posted by Yuankun Li on 2019-10-29

Promise TODO

►

Browser Caching

Reference Links: 缓存（一）——缓存总览：从性能优化的角度看缓存 #43 九种浏览器端缓存机制知多少 H5 缓存机制浅析 - 移动端 Web 加载性能优化 IndexedDB 《PWA 应用实战》- IndexedDB 利用 indexedDB 保持应用状态的最佳实践 Progressive Web Apps Training - Working with Indexe......

Posted by Yuankun Li on 2019-10-28

cache

►

IndexedDB-delete whole database by javaScript

使用indexedDB.deleteDatabase： 12345678910111213141516var DBDeleteRequest = window.indexedDB.deleteDatabase("toDoList");DBDeleteRequest.onerror = function(event) { console.log("Error deleting da......

Posted by Yuankun Li on 2019-10-28

IndexedDB

►

Z-index

Reference Links 关于z-index 那些你不知道的事 ...

Posted by Yuankun Li on 2019-10-24

TODO

►

HTTP CORS disable for browser

Blocked a Frame with Origin 'xxx' From Accessing a Cross-Origin Frame Error

CORS的基本原理请看上一篇： CORS的基本原理 iframe内外页面通信用本地文件测试frame的时候，在执行curWindow.navigator.userAgent的时候会报错： Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin fra......

Posted by Yuankun Li on 2019-10-21

CORS

►

React 16 - Hooks

Hooks FAQ 觉得Hooks FAQ里面回答了很多很实际的疑问。生命周期方法要如何对应到 Hook？ constructor：函数组件不需要构造函数。你可以通过调用 useState 来初始化 state。如果计算的代价比较昂贵，你可以传一个函数给 useState。 getDerivedStateFromProps：改为在渲染时安排一次更新。 shouldCompo......

Posted by Yuankun Li on 2019-10-21

React 16

►

Github All You should know

Assignees

Who is Assignees? What do reviewer and assignee mean in pull request? 里的答案： For a pull request, you can now "request a review explicitly from collaborators, making it easier to specify who y......

Posted by Yuankun Li on 2019-10-15

git

►

Responsive web - Flexbox

基础教程：官方文档 A Complete Guide to Flexbox 阮一峰 Flex 布局教程：语法篇但是看完还是有些不懂的地方： Flex Basis 具体的含义: flex-basis MDN 以及和width的区别： Flex Basis与Width的区别 The Difference Between Width and Flex Basis flex-g......

Posted by Yuankun Li on 2019-10-15

Flexbox

►

ES6-Promise

Promise 123456789const promise = new Promise(function(resolve, reject) { // ... some code if (/* 异步操作成功 */){ resolve(value); } else { reject(error); }}); Pro......

Posted by Yuankun Li on 2019-10-13

Promise

►

岚

英文标点符号+运算符号

Promise Vs setTimeout

Browser Caching

IndexedDB-delete whole database by javaScript

Z-index

HTTP CORS disable for browser

Blocked a Frame with Origin 'xxx' From Accessing a Cross-Origin Frame Error

React 16 - Hooks

Github All You should know

Assignees

Responsive web - Flexbox

ES6-Promise

FEATURED TAGS

CATEGORORY

ABOUT ME

RECENT POSTS

FRIENDS

WECHAT