transform的matrix()方法写法如下：transform: matrix(a,b,c,d,e,f);新旧像素位置转换如下：$ \begin{bmatrix} a & c &e \\ b & d &f\\0 & 0 & 1 \end{bmatrix} *\begin{bmatrix} x \\ y…

这儿有一个知识点：1、文档流：按我的理解就是html在浏览器渲染显示的一个模式，这个模式的特点：自上而下，从左到右（排列规则）。如果不特殊指定，浏览器会默认当前的HTML渲染是按文档流模式。2、浮动：平时我…

本想按照PHASER的HTML Dom元素官方实例：[链接] Canvas来创建HTML DOM元素，但this.add.dom 一直提示错误，无奈直接用HTML5的语法来创建DOM元素，然后在Phaser内获取该DOM元素，也不用再使用第三方的Phaser Html …

  单页应用的原理从早起的根据url的hash变化，到根据H5的history的变化，实现无刷新条件下的页面重新渲染。那么在单页应用中是如何监听url的变化呢，本文将总结一下，如何在单页页面中优雅的监听url的变化。

先上图，这是我们想要实现的图标效果： （为了方便看出svg图标的轮廓，我们将背景上色。）此时我们使用<svg>包裹描绘图标路径的<path>代码段,如图：但我们运行之后得到的结果却是这样的：很明显，图…

这是一种比较常用的动画，它的优点是节奏感强，做法就是先让每个元素隐藏，然后当页面呈现后每个元素错开时间出现。

Flex布局使得一个框体内部的排版更为便捷，比如栅格排版，自适应分配长宽，垂直居中等，原来可能需要很多样式配合来完成，使用flex，就变得更native了。

背景：marquee标签在有些浏览器兼容性不好，就手动用原生js实现了下。横着滚动效果链接描述 {代码…} 竖着滚动效果链接描述 {代码…}

总结出了两种方法，这里由于我使用的是svg，其他元素同理。下面先说性能最好的一个方法，先创建所有的text元素，然后统一append到准备好的容器里。代码如下：

最近需要做一个表格组件，组件需求: 指定行、列 可以跨行、跨列 行和行之间有分割线 最终采用grid实现需求。实现的时候遇到一个问题，如果css和js分开写，css只能是定值，没有灵活性。所以考虑采用css in js的形…