以下文章来源于freeCodeCamp ，作者richard123040 岁的时候，我转行成为一名前端开发者。在此之前，我没有任何技术相关的工作经验，没有相关专业学位。我完全是通过免费的资源自学编程，几乎没有为此花费什么钱，而且学习的时候我 ...

01、CSS3动画是什么？动画是使元素从一种样式逐渐变化为另一种样式的一种效果。我们可以改变任意多样的次数，可以用百分比（ 0% 和 100%，百分比代表的是时间）或者是用关键词 "from" 和 "to"来规定变化发生的时间。0% 是动画 ...

一、什么是CSS Hack？ 不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。 ...

如果有这样一个项目，js脚本数量100+，其中50个是各种框架或库，css数量20+，图片若干 。那么，不用说，这个页面加载起来，一定快不了。 静态资源的请求和加载速度，直接影响页面呈现，应该怎么优化呢？ 一、不请求 - cache 最好的 ...

问题背景： 列表中有固定的样式tab-bar-li和动态样式active 1.假如nav-bar-li是个css样式的class <li :class="{ 'active': hash= ...

仅做收藏用 最近需要实现汉字转拼音功能，找了一个简单的vue-py，结果很多生僻字转不了，后来找了一个能很好转拼音的工具类 一个实现汉字与拼音互转的小巧web工具库，另外还包含一个非常非常简单的JS版拼音输入法。 演示地址：http://d ...

大前端完整学习路线（详解） 第一阶段： HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础： Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript ...

前言学习是一个循序渐进的过程，前端的学习也是如此。不论前端开发还是后端开发的学习都要求我们多动手，既要反复的看书，也把学习到的知识点第一时间去实践。前端的学习入门快要三个月，慢的要 5-6 个月左右，看个人的理解速度来评估，只要入门了不论理 ...

是这样的 项目中使用的框架是Vue+ElementUI，然后有这样一个再平常不过的需求： 有一个弹出框 弹框中有checkbox 用户可以点击选中checkbox 看到这样的需求，三下五除二……搞定！然后就出现了一个奇怪的BUG，触发条件是 ...

html 加载过程在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体D ...