前端项目共有的CSS问题

当浏览器应用一个用户交互界面时，一种很好的方式是可以最小化差异和问题，UI是可预测的。想要追踪到所有的差异是比较困难的，所以我将这些共同问题整理成一个列表，为你在做新项目时提供一个简单易用的参考指南。 1.重置button和input元素的背景 当我们添加button时，重置bu... 查看更多

web component的强大之处

对开发者来说，复用别人优秀的代码已经是一个标配了，将第三方UI整合到你的网站里也是一个让人头疼的事情。要使用别人优秀代码需要引入一大块的JavaScript和包含恐怖的!important的CSS代码。虽然像React和一些其他现代化的前端框架，但是经常会引入一个大的框架，结果只... 查看更多

Web Worker、Service Worker 和 Worklet

Web worker，service worker和worklet，这些都是“JavaScript Workers”，虽然它们在运行方式上有一些相似的地方，并且它们在使用上也有一些重叠的地方。 一般来说，一个worker是一个脚本在浏览器主线程之外的单独的线程上运行。如果你想要在... 查看更多

CSS和网络性能

总体上来说，下面这些是为什么CSS对性能这么重要的原因： 浏览器必须等到渲染树完全渲染才能渲染页面； 渲染树的DOM和CSSOM整合到一起的结果； DOM是阻塞JavaScript渲染的HTML等； CSSOM是所有被应用到DOM上的CSS规则； 可以给JavaScript设置... 查看更多

用TypeScript和Vue实现可交互的Canvas元素

在vue中可以通过「v-*」来定义html标签的属性，但是canvas属性不能直接接收。作者本以为这是一个很简单的问题，但是最后却饶了很多路才解决，并放出自己的解决方案。 作者使用Vue中的directive（指令）来解决canvas元素与外界ViewModel保持数据同步的操作... 查看更多