随着互联网的发展，Web前端开发成为目前最火热的岗位。Web前端开发的技术知识也是在不断更新，致使Web前端开发工作变得越来要复杂；以前，只要会编写HTML, CSS 和Java就能够找到一份不错的前端开发工作。而现在，web开发远远不止是 ...

我们在学习JavaScript，或其他任何编码技能的时候，往往是因为这些拦路虎而裹足不前：有些概念可能会造成混淆，尤其当你是从其他语言转过来的时候找不到时间（有时是动力）学习。很容易忘记已经理解了的东西。工具多又在不断变化，所以不知道从哪里 ...

现存的一个事实是程序员之间的差异其实是非常大的，只有很了解程序员的人才能完全了解这一点，虽然有大多数的高层管理者对所有的程序员都一视同仁，还是有企业是把程序员当做工具、资源看待，做个头脑清醒的程序员，你的职业生活会更精彩。 image 1 ...

HTML(页面架构) 一.什么是HTML HTML是一种超文本标记语言 超文本:文本,图片,音频,视频,超链接等 标记:符号,标签 标记是没有逻辑的 组成: 指令 转义字符 标签 目的:完成页面的搭建 HTML页面大致的组成部分 <!doc ...

CSS 语法解析过程 1.在浏览器系列文章中，今天终点讲下CSS解析这块内容.我们已知浏览器的渲染流程中HTML Parser会生成 DOM树，而 CSS Parser会将解析结果附加到 DOM 树上，如下图： image.png 解析分为 ...

image.png 播放器是基于howler.js和vant的vue单页应用，自己写的demo所以没有ui； 可以实现暂停，停止，静音，播放速度设置，上一首，下一首，播放进度，播放进度可以拖动 需要引入howler.js和vant 直接看 ...

CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 c ...

1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移1 ...

1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-alig ...

在网页制作中，元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前 ...