一. 如何在Vue或React项目中使用自定义字体 在开发前端项目时，经常会遇到UI同事希望在项目中使用一个炫酷字体的需求。那么怎么在项目中使用自定义字体呢？ 其实实现起来并不复杂，可以借用CSS3 @font-face 来实现。 本文着重介绍一下 webpack 项目如何正确打包引入的自定义字体。 ...
分类：
Web程序 时间：
2020-12-15 11:50:34
阅读次数：
4
注意点：想要将缩放之后的div对齐顶点，那么需要将css属性设置为：transform-origin: 0 0 <div style="width: 900px; height: 900px; background: gray; overflow: auto;"> <div style="width ...
分类：
Web程序 时间：
2020-12-07 11:57:04
阅读次数：
8
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式 CSS3 弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)两部分组成。 弹性容器通过设置 display 属性的值为 flex 或 inline‐flex将其定义为弹性 ...
分类：
其他好文 时间：
2020-12-04 11:45:31
阅读次数：
16
这篇文章主要介绍了CSS3 实现倒计时效果的示例代码，帮助大家更好的理解和使用CSS3，感兴趣的朋友可以了解下 实现效果 html 1 %div.wrapper 2 %div.time-part-wrapper 3 %div.time-part.minutes.tens 4 %div.digit-w ...
分类：
Web程序 时间：
2020-11-25 13:01:13
阅读次数：
24
使用translate控制元素二维移动： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; box-sizing ...
分类：
Web程序 时间：
2020-11-16 13:51:56
阅读次数：
19
效果一： 代码：<div class="cornerCut">corner cutcorner cutcorner cutcorner cut</div> CSS： .cornerCut{ width:200px; margin: 10px 20px; height: 200px; backgrou ...
分类：
Web程序 时间：
2020-11-16 13:25:44
阅读次数：
29
重复栅格的命名技巧： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...
分类：
Web程序 时间：
2020-11-10 11:20:17
阅读次数：
29
涉及平台：平台管理（包含自营店面）、商家端（PC端、手机端）、买家平台（PC端、H5/公众号、小程序、APP端（IOS/Android）、微服务核心架构：SpringCloud、SpringBoot、MybatisPlus、Redis前端框架：VUE、Bootstrap/H5/CSS3、IOS、Android、小程序核心思想：分布式、微服务、云架构、模块化、原子化、持续集成、集群部署开发模式：代码
分类：
编程语言 时间：
2020-11-07 16:48:52
阅读次数：
19
线性渐变 linear-gradient(direction, color-stop1, color-stop2, ...); 带兼容写法 这两个是效果一样的 background: linear-gradient(to bottom, #51098A 0%, #ffffff 100%); back ...
分类：
Web程序 时间：
2020-11-01 20:45:22
阅读次数：
27
越来越多的开发者加入前端开发队伍。但前端知识在不断更新着，大家对它的认识也各不相同，今天就为您解读，学习web前端都有哪七大误区。误区一：前端只是JavaScript但我要说的是：前端不只是JS。何谓前端开发？我认为，一切以展现为目标的工作，都是前端开发工作。在前端开发中，除了JS，还有很多需要去掌握的，比如浏览器原理，html5,css3等。之前在面试别人时，问他，怎么做一个触摸屏上的转盘。他摇
分类：
其他好文 时间：
2020-10-26 11:03:11
阅读次数：
15
