今天的知识点 (2019.07.31) —— 第106天 [html] 除了音频和视频，HTML5还支持哪些媒体标签？ [css] CSS中的calc()有什么作用？ [js] 说说你对作用域链的理解 [软技能] Web…

前言 自己找了各种兼容问题，我把它们给归纳在一起了。希望大家不要见怪！ 什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，有的显示出来正常，…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 跟随鼠标的气泡https://codepen.io/supah/full… 纯 css 画的鹿图案https://codepen.io…

提高开发效率 简单的集成到了vue-cli生成的项目上 项目github地址 A Vue.js project Build Setup # install dependencies npm install # serve…

github地址：https://github.com/ABCDdouyaer/a_pack_per_day_NO.1 to-camel-case 将被其他符号分割的字符串转换为驼峰形式的字符串 用法：toCamelCa…

想必flex大家都不陌生，但是你知道还有一种布局叫inline-flex吗？ inline-flex和flex的区别很简单，除了inline-flex可以让容器根据子元素内容的宽高自适应容器的宽度外，其他和flex几乎一…

今天在写样式时，icon和文字都进行了垂直居中的处理，但是icon并没有垂直居中，后来发现由于 line-height 和 vertical 一起使用导致与预期样式不同，特此对 vertical-align 总结进行！ …

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, …

https://github.com/amfe/article/issues/10 原来这个特性被称做**「Text Autosizer」，又称「Font Boosting」、「Font Inflation」**，是 W…

前段时间做一个项目，需求是对每一个视频增加预览图，这个题目终究挑选计划是：用canvas.toDataYRL();来做转换猎取视频的一个截图，增加到页面中，到达自动增加预览图的目标。部份代码以下： var testVid…

@media的题目没遇到,然则我的却一向报错.厥后把款式内外的文件悉数删除,竟然好用了.然后逐类删除,逐行删除,发现题目在 .clearfix:after{content: "\20";display: block;vi…

HTML5学堂（码匠）：在北上广等大城市工作，高强度的工作节奏让每个人在工作日都处于一种紧张的状态。不知不觉的打拼几年之后，突然发现原来处于类似水平的伙伴们，都拉开了不少的差距。在职场这漫长的几十年，怎样才能笑到最后，笑…