新建一个<canvas>网页元素。 支持<canvas>的浏览器将会忽略在容器中包含的内容，正常渲染canvas。 默认宽度为300像素，默认高度为150像素。 <canvas>元素只是创造了一个固定大小的画布，要想在它上面去绘制内容，需要用getContext()方法找到它的…

现在的网络上已经有各样关于 ECMAScript 规范介绍和分析的文章，而我自己重新学习一遍这些规范，整理出这么一份笔记，比较精简，主要内容涵盖ES6、ES7、ES8、ES9，后续会增加面试题，框架入门等笔记，欢迎吐槽交流。 这份资料的ES6部分将会参考阮一峰老师的 ECMAS…

最近在写移动端 H5 应用，遇到一个值得记录下来的点。现在从它的由来到实现，我们来聊一下移动端 1px，说 1px 不够准确，应该说成 1 物理像素。 CSS 像素 (虚拟像素)：指的是 CSS 样式代码中使用的逻辑像素，在 CSS 规范中，长度单位可以分为两类，绝对单位以及相…

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性…

1. Session、Cookie是什么 要了解session和cookie是什么，先要了解以下几个概念。 协议：是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则。 超文本传输协议(HTTP)：是一种通信协议，它允许将超文本标记语言(HTML)文档从Web服…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

上一篇之后我从各个小伙伴那里收集到了第二波移动端常见的bug以及其解决方案，部分解决方案可能不准确或者存在问题，希望有正确解决方案的给与评论。 备注：文中的bug收集于网络，解决方案可能并不准确，欢迎大家提供更加完整的方案。 Q: 移动端使用fastclick之后，在ios环境…

html5作为html的代替者，成为新的标准，而且时至今日，在前端开发中，已经被大家广泛应用，但是对于html5有哪些具体功能和特性，有不少人就对它认识就显得模糊了。下面是我总结的一些h5的新特性，供大家参考： 1. 语义化标签 2. 新表单类型 placehoder 属性，简…

对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以下几个方面： entry 、 output 、 mode 、 resolve 、 modu…