背景web在桌面端的表现不断在演变，从nw 到electron,到现如今有很多现成客户端框架。大都架构是web内核+服务端语言。例如：electron=web核+nodejspywebview=web核 加 pythontauri=web核 加 rustwebview =web核 加 c++/goneutralinojs=web核 c扩展js做系统调用 + 无服务端语言，可自选只要找到适合当前业务的框架即可。简...

不同的浏览器对图像exif旋转信息的渲染处理不同。例如：从 iPhone 以纵向模式拍摄图像并将图像上传到我的应用程序时，它旋转显示。但是，我检查了我每台设备的 EXIF 元信息图像，发现两个图像在方向属性中具有相同的值

虽然 HTTP/3 确实有一些有前途的新概念，但遗憾的是，它们对大多数网页和用户的影响可能相对有限（但对一小部分可能至关重要）。HTTP/3 的设置和使用（正确）也非常具有挑战性，因此在配置新协议时要小心。

全世界有超过 2.92 亿人将阿拉伯语作为他们的第一语言。阿拉伯语（al-Arabiyyah，发音为 /al ʕarabijja/，/ʕarabiː/）是我的母语，我有时会构建需要同时支持从左到右 (LTR) 和从右到左 (RTL) 样式的网站。

自2012年开始我的职业生涯以来，关于包容性设计的知识一直受到阻碍和教学空白的束缚。我的志向是帮助设计师解除阻碍，开发人员和技术人员想要建立更好，更具包容性的体验。在这篇博客文章中，我希望特别告知我的同行设计师有关出于可访问性考虑而需要进入的地方。

普通模块用 npm init作用域模块用 npm init --scope=@scope-namenpm init --yes or -y 会从当前目录提取的默认值

由于工作中经常需要对低端手机做适配，务必离不开低版本的webview调试。我遇到过的Android 5.0+系统webview是37+的。而chrome < 60在手机直连调试时用chrome无法inspect。于是变换策略决定想办法在电脑中跑多个版本的chrome。

Svelte是最近新出的前端框架，和react的vdom不同，Svelte使用静态分析在构建时创建DOM更新代码，搭配官网一目了然的新手教程，给人直观的使用体验，上手会很快。在业务实践中我上手采坑并总结了一下内容，经实践可以直接上生产。

本指南提供了开发JavaScriptSDK的简介。 描述SDK的最好的一句话是：“ SDK是弥合用户和（浏览器）计算机之间差距的连接。” 通过使用本指南，SDK将能够在浏览器，台式机，移动网络和各种其他能够运行JavaScript的平台上运行。 本文的目标受众暂时不包括非浏览器环境，例如硬件，嵌入式和Node.js。但是，将来会添加一些材料...

React实战与原理笔记 概念与工具集 jsx语法糖;cli;state管理;jest单元测试; webpack-bundle-analyzer Storybook 查看更多... 生命周期 constructor() 用于初始化内部状态，很少使用； 唯一可以修改state的地方； 使用 this.state 来初始化 state 给事件处理函数绑定 this getDerivedStateFromProps() 当创建时、接收新的...

实战 - 插件 form-validate {代码...} i18n {代码...} 实战 - 组件 Vue组件=Vue实例=new Vue(options) 属性 自定义属性 props:组件props中声明的属性 原生属性 attrs：没有声明的属性，默认自动挂载到组件根元素上 特殊属性 class,style：挂载到组件根元素上 事件 普通事件 @click,@input,@change,@xxx 通过this.$emit('...

使用 命令行使用 帮助：code --help 使用已经打开的窗口来打开文件：code -r 打开文件并滚动到特定行：code -r -g package.json:128 比较两个文件：code -r -d a.txt b.txt 接受管道符数据：ls | code - 图形界面、快捷键使用 光标移动至 单词开头/末尾 Ctrl + Left/Right, 代码块开头/末尾 Cmd + Shift + \ 文档首行/末...

高质量Javascript Javascript特性：面向对象，无类，原型 可维护的代码(可读;一致;可预测;看起来像是同一个人写的;文档) 减少全局对象，传参访问全局对象 单 var 模式，忘记 var 时的副作用(显式声明的全局变量无法用 delete 删除) (不)扩充内置原型 switch 模式 每个 case 和 switch 对齐(这里不考虑花括号相关的缩进规...

Module(模块)是webpack的中的关键实体。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块. 通过Loaders(模块转换器)，用于把模块原内容按照需求转换成新模块内容.

这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见 资源 ），并花了很多时间来研读网络浏览器的源代码。她写道：

支持 "second", "minute", "hour", "day", "week", "month", "quarter", "year"

PaymentRequest API 允许商家（即销售物理或数字商品的网站）以最小的集成使用一种或多种支付方法。用户代理（例如，浏览器）促进商家和用户之间的支付流程。github链接 [链接]w3c规范链接 [链接]

无关知识点 1.精通一个领域： 切碎知识点 刻意练习 反馈 2.切题四件套 审题 所有解法 比较(时间/空间复杂度) 加强 编码 测试用例 [链接] 数组，链表 数组 查询：O(1)插入 O(n) 删除O(n)链表 查询：O(n)插入 O(1) 删除O(1) 206.翻转链表 reverse-linked-list {代码...} 24. 两两翻转链表 Swap Nodes in Pairs {代码...} 1...

可迭代对象 Array [10, 20, 30] String "boo" TypedArrayc new Uint8Array([0x00, 0xff]) Map new Map([["a", 1], ["b", 2], ["c", 3]]) Set new Set([1, 1, 2, 2, 3, 3]) arguments (function() {for (let arg of arguments) console.log(arg)})(1, 2, 3) Nodelist document.querySelectorAll("article > p")（ 浏览...

CSS设计初衷是为了更好地展示图文。HTML元素根据”外在盒子“是内联还是块级，分成块级元素和内联元素。HTML元素也可根据是否具有可替换内容，分成替换元素和非替换元素

<方案>://<用户>:<密码>@<主机>:<端口>/<路径>;<参数>?<查询>#<片段>

由于0.1.toString(2)=0.0001100110011001100110011001100110011001100110011001101所以0.1 = 2^-4 * [1].10011001100110011001100110011001100110011001100110100.2 = 2^-3 * [1].1001100110011001100110011001100110011001100110011010

window.onerror 捕获异常的能力比 try-catch稍强一点，无论是异步还是非异步的错误，onerror都能捕获到运行时的错误

http1.0: expires,last-modifiedhttp1.1 E-tag,cache-controlhtml no-cache

Node 应用由模块组成，采用 CommonJS 模块规范。每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。在服务器端，模块的加载是运行时同步加载的；在浏览器端，模块需要提前编译打包处理。

JavaScript引擎又称为JavaScript解释器，是JavaScript解释为机器码的工具，分别运行在浏览器和Node中。而根据上下文的不同，Event loop也有不同的实现：其中Node使用了libuv库来实现Event loop; 而在浏览器中，html规范定义了Event loop，具体的实现则交给不同的厂商去完成。

xss-跨站脚本攻击概念：用户填写信息是可运行的 js 代码。 操作用户界面攻击源头：反射型 – 从url读取内容展示 {代码...} 存储型 - 从后台读取内容展示 {代码...} 防范手段：纯文本– html encode , js encode。由于内容可能在多端展示，所以不在提交的时候转义，只在展示的时候转义。 {代码...} {代码...} 富文本– 白名...

同源 概念：协议，域名，端口 相同。目的：保证用户信息的安全，防止恶意的网站窃取数据。限制的行为： Cookie、LocalStorage 和 IndexDB 无法读取。 DOM 无法获得。 AJAX 请求不能发送。 跨域 资源跳转： A链接、重定向、表单提交 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有...

本文通过实践从古至今对XMLHttpRequest封装的各种方式，来了解在es中异步编程的实现细节和设计模式。 回顾XMLHttpRequest原生写法 XMLHttpRequest -MDN {代码...} 常见封装方法 1.回调函数 传值方式实现 {代码...} 传对象方式实现 {代码...} 2.Promise 使用 Promise - MDNPromise 本质上是一个绑定了回调的对象，而不是...

字面量对象字面量 var a = {};数组字面量 var arr = [1,2,3];正则表达式字面量 var reg = /[a-z]/g;