我用contenteditable构建所见即所得编辑器的痛苦

自然,当讨论中出现文本编辑器时,创建一个自定义的解决方案并不是人们首先想到的事情。所以我继续前进,我开始寻找我可以使用的可靠的所见即所得编辑器。互联网上有相当多的现成解决方案。有些是著名的,被知名的平台使用,如WordPress。但也有很多被抛弃了,被丢在GitHub仓库里积灰。 经过大量的时间在网上搜索和测试编辑器,结果发现我们有一些相当独特的要求。没有一个可用的编辑器符合我们的标准,所以我

- 阅读全文 -

React 可访问性工具--如何构建更多的可访问的React 应用程序

使一个网站或网络应用无障碍,可以改善残疾人和所有用户的用户体验。 由于开发人员要处理紧张的截止日期和竞争性的优先事项,很容易意外地将未解决的无障碍性问题提交给生产。在使用React等涉及编写JSX的JavaScript框架时,事情变得更加复杂。 但幸运的是,你可以利用一些工具,在文本编辑器或浏览器中提示或评估常见的可及性问题。 本文将阐明这些现有的可及性工具,以及你如何利用它们来构建更多的可及性

- 阅读全文 -

和服务器端渲染说再见,Prerender.io - 考虑到SEO的SPA

![1_zrQL7U7oxMAjVoHzR_VdtQ.png][1] "完美不是在没有什么可以增加的时候,而是在没有什么可以拿走的时候实现的"。- 安托万-德-圣-埃克苏佩里 我们都❤️SPA。在任何形式下,它是。即使是React、Vue、Angular甚至是Vanilla编码的平台也不重要。 通过向爬虫提供你的Javascript网站的静态HTML来获得更高的排名,而不影响你的客户的体验?这

- 阅读全文 -

如何处理过多的JavaScript

![bundle-size.jpg][1] 尽量减少页面中的JavaScript数量是确保快速的用户体验的一个重要步骤。 这篇文章将解释为什么包的大小很重要,并推荐你可以遵循的工具和流程,以监测、可视化,以及最重要的是,缩小你的JS包。 软件包的大小如何影响性能? 大量的JavaScript在两个不同的阶段对网站速度产生负面影响。 在页面加载期间:大的包需要更长的时间来下载。 在解析和编译过程中

- 阅读全文 -

构建全屏网络APP

全屏UI设计通过消除干扰来帮助用户保持对内容的参与。因此,我们可以看到全屏UI在现代网络应用中的使用越来越多。 因此,在这篇文章中,我将讨论 JavaScript 全屏 API 的特点,并指导你在实践中使用它们的步骤。 什么是全屏API? Fullscreen API 提供了将全屏整合到 DOM 元素及其子元素的方法。开发者可以使用这个功能来向最终用户强调有用的信息。 在查看图片、视频、地图

- 阅读全文 -