每次我访问带有CSS3动画的页面时,我的笔记本都会变得嘈杂(给我一个信号,表明它在那里做了一些繁重的工作).如果至少结果动画足够顺畅,我会不在乎自己.但他们不是.我得到的结果是我的2.4 GHz Core 2 Duo配备8GB内存和专用的NVIDIA GeForce 320M(不多,但对于某些css应该足够了,没有?......)有些生涩,随机闪烁,在某些情况下有奇怪的神器..."动画",这通常比它的JS等同......
有没有人对JS和CSS动画做过任何比较?或者针对实际使用提出的CSS3好东西的基准测试(例如,它们中有多少可以在没有严重挂起的情况下同时出现在页面上等)?是否有任何最佳实践(例如 - 这样做,不要这样做,或者您的浏览器会爬行 - 等等)?
基本上我有一个巨大的表,当用户向下滚动时会变得更大(自动预加载后续行).在某些时候,浏览器变得迟钝,它开始挂起片刻,因为我点击或尝试滚动,它变得越来越慢,它获得的行越多.我想知道页面可以容纳的元素数量是否有任何限制?或者也许只是我的javascript泄漏到某处(虽然我只有一个事件处理程序,附加到表的tbody - 以及一个解析冒泡的mousedown事件的脚本).
更新:在加载了数千行后,延迟变得明显.滚动本身的速度是非常可以忍受的,但是例如突出显示所点击的行(在tbody上的单个事件处理程序的帮助下)是痛苦的(它需要至少2-3秒并且延迟随行数增加).我观察到所有浏览器的延迟.这不仅仅是我,而是几乎每个访问该页面的人,所以我猜它在某种程度上会影响到每个平台.
更新:我在这里提出了一个简单的例子:http://client.infinity-8.me/table.php ?num = 1000(你可以传递你想要的任何数字),基本上它呈现一个带有num行的表,有一个附加到父表的事件处理程序.我应该从中得出结论,由于子元素的数量,实际上没有明显的性能下降.所以它可能是其他地方的泄漏:(
如果您使用以下简单的内容在Chrome控制台中打印出File对象:
<input type="file" onchange="console.info(this.files);" />
Run Code Online (Sandbox Code Playgroud)
您将在其他属性中看到一个始终为空的webkitRelativePath属性:
fileName: "07.png"
fileSize: 33022
lastModifiedDate: Date
name: "07.png"
size: 33022
type: "image/png"
webkitRelativePath: ""
__proto__: File
Run Code Online (Sandbox Code Playgroud)
它的目的是什么?它是如何被利用的?
想象一下这样一种情况:你有两个同一个项目的分支,第一个分支的一部分在另一个分支上有重大的重构.但有一段时间你需要保持两个分支功能,所以你正在修复错误和两个关键功能添加,有时以不对称的方式.在某些时候,你需要将重构分支合并到原始分支上.在这种情况下使用的最佳技术是什么?是否仍然可以保持历史清洁?
但更重要的是,在这种情况下我最初的策略应该是什么?
我刚刚发现FileReader调度事件就像它是一个DOM元素一样.是吗?我想知道是否有可能创建一个类似于FileReader的对象,它没有HTML/XML结构中的表示,但可以调度事件?
我在里面有SSH密钥~/.ssh.其中很多都是.所以我想git知道当它尝试通过git@domain.com:group/repo.git端点连接到存储库时,该如何知道?
@storybook/addon-controls很有趣,但是我找不到禁用给定 arg 的控件生成的方法。假设我有一个组件道具,它是一个事件处理程序,我显然不希望它有一个控件。所以我希望它出现在带有名称、类型和描述的道具列表中,但没有控制。我怎么做?
我们的CMS接受名称中包含国家字符的文件,并将它们存储在服务器上,没有任何问题.但这种方法有多糟糕?例如,是否可以使用希伯来语,阿拉伯语或任何其他非拉丁字母的语言存储文件名?是否有标准的既定方法来处理这些?
我正在阅读文档electron和electron-builder文档,但我仍然不太明白该buildResources文件夹的用途是什么?
这是电子制造商的配置文档所说的:
buildResources= build String - 构建资源的路径。
有点不言自明......但是他们如何或何时参与构建过程,尤其是:
...构建资源未打包到应用程序中。如果您需要使用某些文件,例如作为托盘图标,请明确包含所需文件
我们可以简单地将这些图标文件放在任意文件夹中,然后app/手动复制到其中(因为buildResources无论如何我们都需要手动包含)?
dom ×2
git ×2
base64 ×1
console ×1
css ×1
css3 ×1
dispatch ×1
electron ×1
events ×1
file-upload ×1
fileapi ×1
filenames ×1
filereader ×1
git-merge ×1
git-rebase ×1
github ×1
html ×1
html5 ×1
javascript ×1
limit ×1
memory-leaks ×1
performance ×1
reactjs ×1
ssh ×1
ssh-keys ×1
storybook ×1
webkit ×1