为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？ 现在各位看官有答案了吗？ 因为上一篇中有提到过CSS 逻辑属性的变革，从物理概念跳跃到了逻辑概念，也 ...

CSS中属性的值有着许多种格式。为了让用户代理（即浏览器）能够识别一个值是否有效，则需要确认该值是否符合该类值支持的格式的其中一种。这些属性值所支持的格式叫做数据类型，在规范中用的形式标识。 CSS中存在两种数据类型——特定数据 ...

虽然 V 语言是一门很新的语言，还不怎么成熟。但却十分适合用于 web 开发，不仅官方的标准库中提供了 vweb 以及 orm 的支持，不少开发者也都推出了各自的 web 开发框架。这里介绍一个国人开发的框架 Valva ...

CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。 .foo { width: calc(100px + 50px); } 为什么是 calc() ...

像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的。其他的绝对单位如下： mm, cm, in: 毫米（Millimeters），厘米（centimeters），英寸（ ...

parallax.jpg 引言 视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果。 其实，这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色 ...

小白优选-> 创建cli项目：新增图形化界面创建项目； vue ui 回车；懂中文都看得懂了，按步骤往下走就完成了； 下面是一些小结 1.如果不习惯代码检查，最好不安装什么代码检查插件，写代码会把你逼疯，打个log都很麻烦，安装过程注意 ...

内容：轮播图、热歌榜、推荐页和热歌榜、歌曲播放功能 一、轮播图 接口地址： ​ localhost:3000/banner?type=1 插件： ​ vue-awesome-swiper 1.安装 npm install vue-a ...

内容：歌曲播放页面、搜索页面、stylus、vuex 一、歌曲播放页 1.获取歌曲播放地址 https://music.163.com/song/media/outer/url?id=歌曲编号.mp3 2.获取歌曲信息 接口地址： http ...

优秀的Web前端开发工程师要在知识体系上既要有广度和深度！应该具备快速学习能力。前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维 ...