duangsuse::Echo
#js #web #DontKnow DOM 小提示！ 😘 1. with(e.parentNode){ insertBefore(e1, e); removeChild(e) }可以用 e.replaceWith(e1) 替换 2. e.remove() 等于 e.parentNode.removeChild(e) 3. children, firstChild, prevElementSibling 不会获取到 text node 而 childNodes, parentNode, nextSibling…
#html #dom #API #doc #dontknow
https://duangsuse-valid-projects.github.io/Share/HTMLs/school/ 🌝新写了个弹球动画，我真是 HIGH 到不行，赛高哩HIGH哒≈
https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats
还有之前的剪贴板我也查了
[在线Html编辑器粘贴过滤技术详解（一）_weixin_33910460的博客-CSDN博客](https://blog.csdn.net/weixin_33910460/article/details/89910701)
[JavaScript如何获取粘贴事件的剪贴板数据(跨浏览器)？ - 问答 - 云+社区 - 腾讯云](https://cloud.tencent.com/developer/ask/186776)
另外在找的时候我发现一个 1k star 的 JS DOM 变动静态库，思想挺有意思的，不用 MutationObserver 和 NodeIterator,TreeWalker (
https://github.com/muicss/sentineljs
然并暖，到 DevTools events/debugger 面板看看 DOM Events 的归类就能发现有一大堆 DOM 变动的事件支持嵌套次序🌚
稍有常识的人不难看出，如果我们的 API 继续前进，类似的魔法还能有价值吗？
https://duangsuse-valid-projects.github.io/Share/HTMLs/school/ 🌝新写了个弹球动画，我真是 HIGH 到不行，赛高哩HIGH哒≈
https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats
还有之前的剪贴板我也查了
document.querySelectorAll("[contenteditable]").forEach(e=>e.onpaste=(ev)=>{ e.execCommand("paste",false,ev.clipboardData.getData("text/plain")); })
[在线Html编辑器粘贴过滤技术详解（一）_weixin_33910460的博客-CSDN博客](https://blog.csdn.net/weixin_33910460/article/details/89910701)
[JavaScript如何获取粘贴事件的剪贴板数据(跨浏览器)？ - 问答 - 云+社区 - 腾讯云](https://cloud.tencent.com/developer/ask/186776)
另外在找的时候我发现一个 1k star 的 JS DOM 变动静态库，思想挺有意思的，不用 MutationObserver 和 NodeIterator,TreeWalker (
document.createXXX(e).nextNode() ) 什么的，而是利用了自定义 @keyframes 的事件 animationStart 。 API 类似 inotify ， on(selector,op) 这样https://github.com/muicss/sentineljs
然并暖，到 DevTools events/debugger 面板看看 DOM Events 的归类就能发现有一大堆 DOM 变动的事件支持嵌套次序🌚
$0.addEventListener("DOMSubtreeModified",console.log); $0.getRootNode().body.setAttribute("contenteditable","") Share
School
🐕 duangsuse’s shared files(e.g. productive software projects, documents)
duangsuse::Echo
#html #dom #API #doc #dontknow https://duangsuse-valid-projects.github.io/Share/HTMLs/school/ 🌝新写了个弹球动画，我真是 HIGH 到不行，赛高哩HIGH哒≈ https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats 还有之前的剪贴板我也查了 document.querySelectorAll("[…
#Web #Learn #meme
❎了解单独、配对、折叠三种标签形式及 &; escape，会创建、访问节点和常用 attribute 、事件和 on 简写；擅长动态加载、拼接资源如 link 和 script；会利用 form 和 meta,link 标签
❎能利用 CSS 做 responsive design 、用元素 state 伪选择器做交互动画，会使用 flex 和 grid
❎了解 HTTP 的 URL, Header 和 Cookie 性质，善用 XMLHttpRequest 和 fetch API
❎会用 PJAX 和 iframe 做复杂的跨页共享应用
❎从不编写冗余 HTML ，总能通过 JS API 实现文本翻译等灵活文档变形功能
❎擅长使用各种(简化性)模板语言、jsx, mdx，以及 emmet.io 等快速开发工具。
✅随意滥用新 pointer events 不加 polyfill 导致多种客户端上交互无法使用
✅张口闭口 DOM 和 ES6 而不谈 HTML 和 JS (ES6就是新JS)
✅乱用 Chrome-only 的 getEventListeners API 和极其 cutting edge 的 Element.getAnimations
✅膜拜 URL,MIME 和 URI,base64 以及 DevTools 的便利但几乎从不好好使用它们
✅滥用 strike 删除线
✅从不区分 ins,u; del,s; em,i 和 visibility:hidden; display:none; 和 br,pre; textContent/innerHTML; onload,DOMContentLoaded; firstElementChild/firstChild 也搞不清 append 与 appendChild 有什么区别
✅在网页里直接放 ES6 甚至 ES2016 的屑(提示: 对应关系 n-2015+6)
❎了解单独、配对、折叠三种标签形式及 &; escape，会创建、访问节点和常用 attribute 、事件和 on 简写；擅长动态加载、拼接资源如 link 和 script；会利用 form 和 meta,link 标签
❎能利用 CSS 做 responsive design 、用元素 state 伪选择器做交互动画，会使用 flex 和 grid
❎了解 HTTP 的 URL, Header 和 Cookie 性质，善用 XMLHttpRequest 和 fetch API
❎会用 PJAX 和 iframe 做复杂的跨页共享应用
❎从不编写冗余 HTML ，总能通过 JS API 实现文本翻译等灵活文档变形功能
❎擅长使用各种(简化性)模板语言、jsx, mdx，以及 emmet.io 等快速开发工具。
✅从不区分 ins,u; del,s; em,i 和 visibility:hidden; display:none; 和 br,pre; textContent/innerHTML; onload,DOMContentLoaded; firstElementChild/firstChild 也搞不清 append 与 appendChild 有什么区别
✅在网页里直接放 ES6 甚至 ES2016 的屑(提示: 对应关系 n-2015+6)
Forwarded from 层叠 - The Cascading
由于一个二月引入的 racing condition 相关的 bug，GitHub 的后端可能把用户的 session cookie 给予其它用户。这个问题现已修复。安全起见，GitHub 在早些时候强制登出了北京时间昨晚八时前登入的所有用户。如果你发现自己曾登入 GitHub 的浏览器自动登出了，这是正常现象。
https://github.blog/2021-03-08-github-security-update-a-bug-related-to-handling-of-authenticated-sessions/
src: https://t.me/billchenla/9399
linksrc: https://t.me/allo_9b/3788
https://github.blog/2021-03-08-github-security-update-a-bug-related-to-handling-of-authenticated-sessions/
src: https://t.me/billchenla/9399
linksrc: https://t.me/allo_9b/3788
The GitHub Blog
GitHub security update: A bug related to handling of authenticated sessions
On the evening of March 8, we invalidated all authenticated sessions on GitHub.com created prior to 12:03 UTC on March 8 out of an abundance of caution.
Forwarded from Yuuta 🎀 | clrd enroute
Telegram
鳖频道
＃java程序员看见气死系列
Forwarded from ️每日节奏️ 👑 Trending Everyday
来自机器学习实验室 OpenAI 的研究人员发现，他们最先进的计算机视觉系统可以被简单工具所欺骗。
如图所示，你只需写下一个物体的名称，并将其贴在另一个物体上，就足以欺骗AI软件，使其误认所见。
（人工智障实锤了）
如图所示，你只需写下一个物体的名称，并将其贴在另一个物体上，就足以欺骗AI软件，使其误认所见。
（人工智障实锤了）
https://t.me/AndroidDevCn/186209 #Android #GUI
https://t.me/AndroidDevCn/186265 #net #Java websocket TooTallNate的一个库
https://t.me/AndroidDevCn/186329 storage
https://t.me/AndroidDevCn/186442 https://github.com/anggrayudi/SimpleStorage
https://t.me/AndroidDevCn/186483 代理监听 WebView 的 longclick 并 doc.elementFromPoint
https://t.me/AndroidDevCn/186588 insets
https://t.me/AndroidDevCn/186265 #net #Java websocket TooTallNate的一个库
https://t.me/AndroidDevCn/186329 storage
https://t.me/AndroidDevCn/186442 https://github.com/anggrayudi/SimpleStorage
https://t.me/AndroidDevCn/186483 代理监听 WebView 的 longclick 并 doc.elementFromPoint
https://t.me/AndroidDevCn/186588 insets
Telegram
TigerBeanst | 想去碎空星 in [CN] Android Dev
没有，就是一直会处于 MotionEvent.ACTION_MOVE 的状态，一定要我把手指移出去再回来再放手才能UP，否则一直是MOVE，也达不到Cancel。
用的是React-Native，log里提示 unknown:ReactNative: Can't cancel already finished gesture. Is a child View trying to start a gesture from an UP/CANCEL event?
但是排查应该是没有其他子布局在前头的（唯一…
用的是React-Native，log里提示 unknown:ReactNative: Can't cancel already finished gesture. Is a child View trying to start a gesture from an UP/CANCEL event?
但是排查应该是没有其他子布局在前头的（唯一…
#html #learn #dontknow 谈谈 IE 时代开始的 XHTML, HTML4 相关的格式之争吧。
早先的时代，web就好像 (Linux 用户所见的) man pages ，HTML 就像今天看到的 markdown，并不严谨，并没有被广泛采用的规范（对 UI 而言，人杂是 web 的缺陷；心乱是 mobile 的缺陷；框架多是 desktop 的缺陷）
HTML 2,3,4 都是 retro-spec ，即先被广泛实现再有标准，而规范的制订主要是帮助兼容「含错误的网页」（真的搞不懂一些人成天爱 -webkit -moz -egde 前缀 CSS1,3 标准属性的是干什么）
比如说， <br> 和 <br/> 及相同模式的 hr,dt,p 标签，对一些浏览器可能显示，另一些无法兼容，这就导致了客户端（用户代理）差异，而规范统一了错误兼容法，即 HTML 的格式。
W3C 尝试以 XML 规范 HTML ，它指定了 application/xhtml+xml 的强制错误检查格式，但被写惯非 XML 兼容扩展的开发者拒绝了，无奈只能允许用旧 application/html 分发文档，不进行错误检查，只是做了 xml schema 规范。
所以说一些上个时代的网站(比如 gnu.org)声称自己支持 XHTML 1.0，只是说兼容了此规范，并不代表没有使用 undefined behavior 的错误兼容。当然随后 1.0 的附录 C 被取消， xhtml+xml 也不能用了(不向后兼容)
Apple WebKit 和 Gecko, Chrome与Opera 合作的 Blink 等新渲染器取代了 MS IE 的时候， W3C XHTML 2.0 尝试复辟检查的老路，并且完全向 XML 靠拢(众所周知很多应用协议基于 XML 数据建模)，竟不向后(前进者的背后!)兼容了！于是 Mozilla&Apple 发起了 WHATWG 规范组，它设计了现在被广泛使用的 HTML5 ，现有引擎支持 H5 不会 break 现有的网页。
<!DOCTYPE html> 为什么和 <!-- 那么像？其实这个标签是 HTML5 才引入的，类似 ES5 的 "use strict"; 它只是「使用新版格式」的标记早先的时代，web就好像 (Linux 用户所见的) man pages ，HTML 就像今天看到的 markdown，并不严谨，并没有被广泛采用的规范（对 UI 而言，人杂是 web 的缺陷；心乱是 mobile 的缺陷；框架多是 desktop 的缺陷）
HTML 2,3,4 都是 retro-spec ，即先被广泛实现再有标准，而规范的制订主要是帮助兼容「含错误的网页」（真的搞不懂一些人成天爱 -webkit -moz -egde 前缀 CSS1,3 标准属性的是干什么）
比如说， <br> 和 <br/> 及相同模式的 hr,dt,p 标签，对一些浏览器可能显示，另一些无法兼容，这就导致了客户端（用户代理）差异，而规范统一了错误兼容法，即 HTML 的格式。
W3C 尝试以 XML 规范 HTML ，它指定了 application/xhtml+xml 的强制错误检查格式，但被写惯非 XML 兼容扩展的开发者拒绝了，无奈只能允许用旧 application/html 分发文档，不进行错误检查，只是做了 xml schema 规范。
所以说一些上个时代的网站(比如 gnu.org)声称自己支持 XHTML 1.0，只是说兼容了此规范，并不代表没有使用 undefined behavior 的错误兼容。当然随后 1.0 的附录 C 被取消， xhtml+xml 也不能用了(不向后兼容)
Apple WebKit 和 Gecko, Chrome与Opera 合作的 Blink 等新渲染器取代了 MS IE 的时候， W3C XHTML 2.0 尝试复辟检查的老路，并且完全向 XML 靠拢(众所周知很多应用协议基于 XML 数据建模)，竟不向后(前进者的背后!)兼容了！于是 Mozilla&Apple 发起了 WHATWG 规范组，它设计了现在被广泛使用的 HTML5 ，现有引擎支持 H5 不会 break 现有的网页。