我们在编辑一个版面，通常都会用到水平居中和垂直居中来设计，而水平居中很好处理，不外乎就是设定margin:0 auto；或是text-align:center；，就可以轻松解决掉水平居中的问题，但一直以来最麻烦对齐问题，都是“垂直居中”这个 ...

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

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

一.动画的创建 @keyframes规则是创建动画 浏览器兼容 1、@keyframes myfirst 2、@-webkit-keyframes myfirst /* Safari and Chrome */ 3、@-moz-keyfra ...

曾经梦想仗剑走天涯，曾经也想当个优秀的程序员，指点江山，搭的了框架，码的了代码。想象着一串专业的术语从自己嘴里说出来是多少的自豪，可是现实不是，重复着干着同样的活儿，不求甚解，只为了工作完成，久而久之，弊端就出来了，技术越来越差，越来越想换 ...

抓住2019年的尾巴，迎接2020年的到来~ 给自己的2019年画上一个完美的句号。 引言 webpack 对于现在的前端开发的你来说，不算陌生，你或许没有真正去了解过它是如何使用的，但你的项目中确实使用过它，因为你项目的打包编译都跟他息息 ...

一、开发微信支付功能一定要架设服务器吗？ 2019年的最后一天，舍得叔叔沉浸在探索的兴奋中，验证了微信小程序云开发也能优雅实现微信支付！小程序的目标是建立一个“serverless”环境，不用自行架设服务器，而完全通过小程序、云函数、云存储 ...

业务诉求 有些业务对时效性要求并不高，可以通过给接口增加基于window的缓存能力，即在一定时间内相同的请求复用之前的请求结果，来实现页面的快速展现。比如 页面中有些图表，可能底层是一个接口的数据，但每个图表对不同的指标进行聚合运算。倘若将 ...

黑马程序员的前端学习路线图大纲中第二阶段的学习是移动Web网页开发的学习：主要介绍了前端学习路线图的移动web网页开发的学习目标，前端学习路线图的移动web网页开发的市场价值，前端学习路线图的移动web网页开发的重点知识。 前端学习路线图中 ...

Css3文本与字体 文本阴影 h1 { text-shadow: 5px 5px 5px red; } word-break换行： h1:nth-child(1) { word-break: normal; } /*英文：一行放不下 ...