一. 如何在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
一、文字备忘之标签 HTML5中新增的标签 <article> 定义文章 <aside> 定义页面内容旁边的内容 <audio> 定义声音内容 <canvas> 定义图形 <command> 定义一个控制按钮 <datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉 ...
分类：
Web程序 时间：
2020-11-17 13:03:06
阅读次数：
36
使用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
<a> 标签定义超链接，用于从一个页面链接到另一个页面。 HTML5 有一些新的属性，同时不再支持一些 HTML 4.01 的属性。 <a>标签属性 属性值描述 download filename 指定下载链接 href URL 规定链接的目标 URL hreflang language_code ...
分类：
其他好文 时间：
2020-11-08 17:05:28
阅读次数：
31
涉及平台：平台管理（包含自营店面）、商家端（PC端、手机端）、买家平台（PC端、H5/公众号、小程序、APP端（IOS/Android）、微服务核心架构：SpringCloud、SpringBoot、MybatisPlus、Redis前端框架：VUE、Bootstrap/H5/CSS3、IOS、Android、小程序核心思想：分布式、微服务、云架构、模块化、原子化、持续集成、集群部署开发模式：代码
分类：
编程语言 时间：
2020-11-07 16:48:52
阅读次数：
19
