2024年11月01日
一直以来，交互设计师或者UI设计师都在 Sketch 或 PS 之类的设计软件中进行工作，因此设计师往往从表现层来理解一个产品的 UI 设计——画布与图层的有序堆叠。在 Sketch 中进行 UI 设计时，设计师往往在一个画板中创建一些形状元素来制作组件，例如创建一个矩形并设置圆角代表一个卡片，然后将文字、图片等内容放置在矩形的上层，最后将他们组合在一起，这是一种从视觉层面上来进行 UI 设计的思路。
但在实际的开发中，画板（Artboard）的概念却很少出现。在真实的移动应用或网页的 UI 中，元素有着明确的归属关系，层层叠加、互相嵌套。但在 Framer 或 Figma 这样的工具中，画板的概念并不存在，取而代之的是 Frame（框架，暂无官方释义）。Frame 和画板类似，它能够划分出一块显示的区域，并在区域上进行创作。
2024年11月01日
1、绘制
线 L 圆 C 插入块 I
多线 ML 圆弧 A 创建块 B
多段线 PL 椭圆 EL 属性定义 ATT
多边形 POL 点 PO 填充 H
矩型 REC 圆环 DO 文字输入 T
2、修改
复制 CO 倒角 CHA 删除 E
镜像 MI 圆角 F 文字样式 ST
偏移 O 分解 X 编辑多段线 PE
2024年11月01日
CAD在我们打工人心目中，简直绝了。但是日常工作中，总觉得有点不得劲的地方，所以熟悉掌握和运用快捷键是我们提高绘图速度的法宝之一，下面了解下快捷键都有哪些！
2024年11月01日
使用网格的列来设置输入框的大小，如 .large-6, .medium-6, 等。
更多网格系统知识，可以点击 网格系统 教程。
实例
<form>
<div class="row">
<div class="large-10 medium-7 columns">
<label>large-10 medium-7 (100% on small)
2024年11月01日
上节课主要讲解的是JavaScript代码的规范和格式。
这节课来具体讲解关于变量、数据类型和运算符的基础知识，然后利用这些知识在网页上显示一个九九乘法口诀表。
变量是用来存储一个数据的容器。
JavaScript变量的定义规范是这样的：
var x=1;
var y;
var name="Michael";
在变量名前面用关键字var来进行定义。
2024年11月01日
**CSS Viewport units(视口单位)**在过去几年已经出现了，随着时间的推移，越来越多的开发人员开始使用它们。它们的好处在于为我们提供了一种不需要使用J avaScript 就能以动态的方式调整大小的方法。而且，如果它失效，也有很多备用方案。
在本文中，我们将学习 CSS Viewport units(视口单位)以及如何使用它们，并用列举一些常见问题及其解决方案和用例，让我们开始吧。
2024年11月01日
CSS是有魔法的，我们今天来实现一个CSS的动画效果，只需要几行代码就可以搞定。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
background: #000;
}
.container{
margin-top: 50px;
text-align: center;
background-color: #000;
filter: contrast(30);
}
.text{
font-size: 100px;
color: #fff;
/* 第一步、如何从中间展开 */
letter-spacing: 0px;
}
</style>
</head>
<body>
<div class="container">
<span class="text">hello world</span>
</div>
</body>
</html>
2024年11月01日
快速查看git的历史记录
快速搜索本地node_modules~但凡涉及到