为了监控移动端视频播放的情况，研究了一下 html5 <video> 标签的属性与事件触发，及其在各系统和各个浏览器的兼容情况 属性与事件 理解清楚属性和事件，才能更好的使用 video ，达到预期的效果，更…

背景 我们平时用到的浏览器编辑器功能都会比较多，实现的代码逻辑也会非常复杂，往往是作为一个单独插件被引入进来的。但是，现在我只需要一个很基本的内容输入内容编辑的功能，如：粗体、斜体、列表、对齐等。那要怎么办，直接引用个插…

webpack在单页面打包上应用广泛，以create-react-app为首的脚手架众多，单页面打包通常是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入…

this 实际上是在函数被调用时发生的绑定，它指向什么完全取决于函数的调用位置（也就是函数的调用方法）。 四条规则：(你不知道的JS) 1. 默认绑定 function foo() { console.log( this…

html： <canvas id="canvas" width="500px" height="500px"></canvas> Js： var can = document.getElement…

前言 通过之前的文章, 我们已经搭好了 webapp 的雏形, 不过到目前为止, 我们的前端界面比较简单, 为此, 我们要学习前端的知识, 然后对界面进行改进. 前端的内容可以分为 HTML CSS JavaScript…

在页面内部应用外部的html片段，是一个很常见的用法，那么有哪些方法可以实现呢？ 根据情况使用不同的方法。 iframe 如果是一个完整的外部页面（有完整的html，head,body），可以考虑用iframe。 <…

1、在增强网页设计效果时，应该使用生成性内容，而不是依赖冗余的标签和图片。2、要把表单元素的字体设定为与页面的其他部分相同，你并不需要重复指定字体属性，只需利用 inherit 的特性即可3、利用 CSS 自身的机制来组…

Web视频合成器Seriously.js入门教程 作者：云荒杯倾 Seriously.js是一个实时的，基于节点（node）的（注意：不是基于nodejs）web视频合成器。受after affects和nuke等专业软…

控制器 控制器Controller是Angular应用三大组成部分之一。 说一说我对angular控制器的理解： AngularJS 应用程序被控制器控制。 ng-controller 指令定义了应用程序控制器。 控制器…

语言的自由度 自由度这个概念在不同领域有不同的定义，我们借鉴数学中构成一个空间的维数来表达其自由度的做法，在此指的是：解决同一个问题彼此不相关的设计方法学数量。 例如，解决一个比如商品打折的问题，如何设计顺序、提取函数，…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 制作像素画的画板https://codepen.io/abeatrize/… 纯 css 画的晚上的风车https://codepen…