分类学习下的文章

懒加载引用第三方js，css文件 export const loadResourceInHead = (src) => { return new Promise((resolve, reject) => { if (!src) { reject('The src cannot be empty!'); return; } if (src.startsWith('/')) { // src = endpoints.ui + src; } let suffix = src.substring(src.lastIndexOf('.') + 1); if (suffix.indexOf('?') >= 0) { suffix = suffix.substring(0, suffix.indexOf('?')); // eslint-disable-next-line no-undef src += '&hash=' + __webpack_hash__; } else { // eslint-disable-next-line no-undef src += '?' + __webpack_hash__; } const isScript = suffix.toLowerCase() === 'js'; const tagName = isScript ? 'script' : 'link'; const loadedTag = document.head.querySelector(tagName + "[" + (isScript ? "src" : "href") + "^='" + src + "']"); if (loadedTag) { if (loadedTag.ready) { resolve(); return; } const oldOnload = loadedTag.onload; loadedTag.onload = function (res) { oldOnload && oldOnload(); resolve(res); }; return; } const tag = document.createElement(tagName); tag.type = isScript ? 'text/javascript' : 'text/css'; tag[isScript ? 'src' : 'href'] = src; if (!isScript) { tag.rel = 'stylesheet'; } document.head.appendChild(tag); $$.loading(true); tag.onload = function (res) { $$.loading(false); tag.ready = true; resolve(res); }; tag.onerror = function (error) { $$.loading(false); reject(error); }; }); }; 用法： window.promiseAll( utils.loadResourceInHead("ckeditor.js"), utils.loadResourceInHead("math.js"), utils.loadResourceInHead("music.js"), ).then(() => { if (!RichEditor.loaded) { RichEditor.loaded = true; } this.setState({ loaded: true }); });

2023年11月27日
61 阅读
0 评论
0 点赞

英语常见字符读法英文中有 "-"，用作连词符，读hyphen, 还有就是长一点的 "--"，作为破折号，读dash. etc.读作 et cetre 符号＂＊＂正解：asterisk 通讯行业称呼“＃”叫做：pound key（＃是英镑的代号），称呼“*”叫做：star key，数字键叫做：number key 就是在电子业 sharp 的解释是最不合适的，因为 # 在乐谱中标志升高半音，而 sharp 是“升高半音”的音乐英文术语。在英式英语中读"hash"，但是美国人把他念成"pound"，这一点让英国人很愤怒。记得以前在一个论坛上看到一堆英国人在鄙视美国人，说美国人居然把#念成pound，还敢说自己说的是英语。至于C#念成"C sharp"，那是微软硬凑出来的发音，参考：http://www.theregister.co.uk/200 ... t_makes_a_complete/ 这篇文章中还提到有趣的事情是BT（英国电信）坚持把它读做"square"，至于英镑符号£，一般称作pounds sterling，虽然有时候不那么讲究的情况下你可以直接称pound 据我所查，#作为音乐符号念"sharp"，但正式名称为"number sign"。请参见Wikipedia英语版。 http://en.wikipedia.org/wiki/Number_sign 点：dot /: slash. \: backslash Punctuation marks apostrophe ( ' ) ( ’ ) brackets ( ( ) ) ( [ ] ) ( { } ) ( 〈〉 ) colon ( : ) comma ( , ) dashes ( ‒ ) ( – ) ( — ) ( — ) ellipsis ( … ) ( ... ) exclamation mark ( ! ) full stop/period ( . ) hyphen ( - ) ( ‐ ) interrobang ( ‽ ) question mark ( ? ) quotation marks ( ‘ ’ ) ( “ ” ) semicolon ( ; ) slash/solidus ( / ) space ( ) and interpunct ( • ) Other typographer's marks ampersand ( & ) asterisk ( * ) and asterism ( ⁂ ) at ( @ ) backslash ( \ ) bullet ( •, more ) dagger ( † ‡ ) degrees ( ° ) number sign ( # ) prime ( ′ ) tilde ( ~ ) underscore ( _ ) vertical bar/pipe ( | ) +　 plus　加号；正号　　-　 minus　减号；负号　　±　plus or minus　正负号　　×　is multiplied by　乘号　　÷　is divided by　除号　　＝　is equal to　等于号　　≠　is not equal to　不等于号　　≡　is equivalent to　全等于号　　≌　is equal to or approximately equal to　等于或约等于号　　≈　is approximately equal to　约等于号　　＜　is less than　小于号　　＞　is more than　大于号　　≮　is not less than　不小于号　　≯　is not more than　不大于号　　≤　is less than or equal to　小于或等于号　　≥　is more than or equal to　大于或等于号　　%　 per cent　百分之… 　　‰　per mill　千分之… 　　∞　infinity　无限大号　　∝　varies as　与…成比例　　√　(square) root　平方根　　∵　since; because　因为　　∴　hence　所以　　∷　equals, as (proportion)　等于，成比例　　∠　angle　角　　⌒　semicircle　半圆　　⊙　circle　圆　　○　circumference　圆周　　π　pi 圆周率　　△　triangle　三角形　　⊥　perpendicular to　垂直于　　∪　union of　并，合集　　∩　intersection of 交，通集　　∫　the integral of …的积分　　∑　(sigma) summation of　总和　　°　degree　度　　′　minute　分　　″　second　秒　　℃　Celsius system　摄氏度　　{　open brace, open curly　左花括号　　　close brace, close curly　右花括号　　(　open parenthesis, open paren　左圆括号　　)　close parenthesis, close paren　右圆括号　　() brakets/ parentheses　括号　　[　open bracket 左方括号　　]　close bracket 右方括号　　[] square brackets　方括号　　.　period, dot　句号，点　　|　vertical bar, vertical virgule　竖线　　&　ampersand, and, reference, ref　和，引用　　*　asterisk, multiply, star, pointer　星号，乘号，星，指针　　/　slash, divide, oblique 斜线，斜杠，除号　　//　slash-slash, comment 双斜线，注释符　　#　pound　井号　　\　backslash, sometimes escape　反斜线转义符，有时表示转义符或续行符　　~　tilde　波浪符　　.　full stop　句号　　,　comma　逗号　　:　colon　冒号　　;　semicolon　分号　　?　question mark　问号　　!　exclamation mark (英式英语) exclamation point (美式英语) 　　'　apostrophe　撇号　　-　hyphen　连字号　　—— dash 破折号　　……　dots/ ellipsis　省略号　　"　single quotation marks 单引号　　""　double quotation marks 双引号　　‖ parallel 双线号　　&　ampersand = and 　　～　swung dash 代字号　　§　section; division 分节号　　→　arrow 箭号；参见号如果觉得对你有帮助，请帮忙点个赞。转自：nokia0414金虫，侵删。

2023年11月08日
73 阅读
0 评论
0 点赞

2023-07-26

关闭/刷新网页时发送请求关闭/刷新网页时发送请求有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。这里涉及到Window: beforeunload event The beforeunload event is fired when the window, the document and its resources are about to be unloaded. The document is still visible and the event is still cancelable at this point. This event enables a web page to trigger a confirmation dialog asking the user if they really want to leave the page. If the user confirms, the browser navigates to the new page, otherwise it cancels the navigation. 注意：Sticky activation is required. The user has to have interacted with the page in order for this feature to work. 发送移步请求会被浏览器abort ，有下面两种解决办法 Navigator: sendBeacon() method 会发送一个post 的fetch请求，及时浏览器关闭也会发出去，但是有64kb限制，而且只能在beforeunload 或者visibilitychange 中使用其他事件中回调，会丢失数据。只能发送post请求，无法自定义请求头 sendBeacon(url) sendBeacon(url, data) fetch 请求，keepalive The keepalive option can be used to allow the request to outlive the page. Fetch with the keepalive flag is a replacement for the Navigator.sendBeacon() API. 标记keepalive的fetch请求允许在页面卸载后执行。 const data = JSON.stringify({ time: performance.now() }); fetch(url, { method: 'POST', body: data, headers: { 'Content-Type': 'application/json' }, keepalive: true, });

2023年07月26日
81 阅读
0 评论
0 点赞

2023-03-22

让第一个可获得焦点的元素获得焦点 window.CommonUtil.toFocusChildNode = function (elements) { // e.g. // elements = [ // '.common-content .****', // '.common-content', // ]; let focusEle = null; for (let item of elements) { let focusable = $(item).find(':focusable:visible:not(:disabled):not([aria-disabled="true"]):not([tabindex="-1"])'); if (focusable.length > 0) { focusEle = focusable[0]; break; } } focusEle && focusEle.focus(); }

2023年03月22日
210 阅读
0 评论
0 点赞

2023-01-31

React componentWillUnmount 清除异步state操作 React componentWillUnmount 清除异步state操作 Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. 原因：通常是 react 组件已经从 DOM 中移除，但是我们在组件中做的一些异步操作还未结束，如：接口调用等，当其完成时，执行setState操作，而此时我们已经将改组件dom移除，从而导致上述问题。解决办法： componentWillUnmount() { this.setState = (state, callback) => { return; } }

2023年01月31日
143 阅读
0 评论
0 点赞