饰器是Python中一种非常有用的特性，它可以用于修改或增强函数的行为。以下是一个稍微复杂一些的装饰器例子，它使用装饰器来为一个函数添加缓存功能：

import functools

def cache(func):

@functools.wraps(func)

def wrapper(*args, **kwargs):

if func not in wrapper.cache:

wrapper.cache[func]={}

key=(args, frozenset(kwargs.items()))

if key not in wrapper.cache[func]:

wrapper.cache[func][key]=func(*args, **kwargs)

return wrapper.cache[func][key]

return wrapper

@cache

def expensive_function(arg1, arg2, kwarg1='default', kwarg2='default'):

# 这是一个假设的耗时函数，实际上可能会做一些复杂的计算或者IO操作

print(f"Running expensive_function with arg1={arg1}, arg2={arg2}, kwarg1={kwarg1}, kwarg2={kwarg2}")

return f"Result for arg1={arg1}, arg2={arg2}, kwarg1={kwarg1}, kwarg2={kwarg2}"

# 第一次调用会执行函数并缓存结果

result1=expensive_function('a', 'b', kwarg1='c')

print(result1)

# 第二次调用会直接从缓存中获取结果，不会再次执行函数

result2=expensive_function('a', 'b', kwarg1='c')

print(result2)

# 使用不同的参数调用会再次执行函数并缓存新的结果

result3=expensive_function('x', 'y', kwarg1='z')

print(result3)

这个例子中，我们定义了一个名为`cache`的装饰器，它接受一个函数作为参数。装饰器内部定义了一个新的函数`wrapper`，这个函数会检查缓存中是否已经存在结果，如果没有就执行原始函数并将结果保存到缓存中，如果已经存在就直接从缓存中获取结果。这样，我们就可以避免重复执行相同的函数，从而提高程序的效率。

#WEB就在今天# #web零基础#

进一步加强工地现场人员管理，依据《上海市建设工程施工现场人员实名制管理办法》要求，结合实际，稳妥有序的推进施工现场实名制考勤设备安装及数据对接工作，市安质监总站印发了《关于本市建设工程实名制考勤数据对接工作的通知（试行）》。详见↓

实施范围

本市行政辖区内的下列建设工程应安装实名制考勤设备并进行数据对接：总建筑面积8000㎡及以上的房屋建筑工程。总投资额3000万元及以上的装饰装修工程、市政基础设施（非交通类）工程。

其余工程按规定实施考勤，并逐步推进考勤设备安装及数据对接工作。

考勤设备要求

（一）项目总承包企业负责在施工现场设置实名制通道，并在通道口安装考勤设备，现场人员出入须考勤。

（二）考勤设备应包括门禁装置、人脸（生物）识别装置、信息显示设备、实名信息采集设备、数据认证及对接系统，相关费用按规定从安全防护、文明施工措施费中计取，考勤通道数量设置应与现场人员规模相匹配。

考勤设备安装要求

（一）新开工项目，应在取得施工许可证后30日内完成安装；已开工项目，应在本通知发布之日起30日内完成安装，距离工程竣工日期不足6个月（含）的项目除外。

（二）按规定，经建设单位及总包单位确认完成合同约定的工作内容后，考勤设备方可拆除。

数据对接要求

（一）考勤数据对接的接口标准及数据标准详见在网址：https://ciac.zjw.sh.gov.cn/WorkerQyWeb/zyry/index.html公示发布的《 上海市建设工程实名制管理系统工地现场考勤数据对接技术规范及数据标准 》。

（二）本通知印发前，项目已安装考勤设备，应按本通知要求，在本通知发布之日起30日内完成数据接口，具备数据对接条件。

（三）数据每日传输，记录以每天最早进场时间和最晚离场时间为基准。

工作要求

总包单位应履行主体责任，组织考勤设备供应等有关单位落实设备安装、考勤及数据对接等相关工作；进场考勤人员应与实名制系统进场确认人员匹配；完成数据对接前，项目应书面记录人员考勤，并留存备查。

各级监督机构应加强监管，有效推进，对不按规定落实相关工作要求的单位，采取限期整改，并依法依规给予诚信、行政处罚等相应的措施。

1996年以来，CSS一直是用于装饰和视觉呈现网页的主要内容。如今，它仍然在网页和网站的布局、排版和颜色等方面发挥着重要作用。作为一名网页设计师，了解关键的CSS技巧可以提高您的工作能力，制作出外观更好、感觉更佳、响应速度更快且用户友好的网页。

如果您是一位网页设计师，那么您是负责创建给人以持久印象的页面的人。在本文中，我们将向您介绍5个CSS技巧，这些技巧将有助于您创建出美观且响应迅速的网站，让它们脱颖而出。

设计师的基本CSS技巧

1. 网格布局

网格布局是一个强大的工具，它允许设计师轻松创建复杂的布局。您可以定义行和列，然后将元素放置在其中。当处理需要按空间逻辑排列的类似项目（例如照片库）时，网格布局尤其有用。

要使用网格布局，请首先将容器元素定义为带有display: grid属性的网格。然后，您可以使用grid-template-rows和grid-template-columns属性分别指定每行和每列的大小和位置。最后，您可以使用grid-column和grid-row属性将元素放置在网格内。

下面是一个简单的网格布局示例：

.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}

.item {

grid-column: 1 / 3;
grid-row: 2;
}

在这个示例中，我们使用网格创建了一个包含三列且它们之间有20px间距的容器。我们还将项目放置在第二行，并将其跨越了两列。

2. 弹性盒子

弹性盒子是另一个功能强大的布局工具，它使设计师能够轻松创建响应式布局。使用弹性盒子，您可以定义一个灵活的容器，并在其中放置项目。

要使用弹性盒子，请首先将容器元素定义为带有display: flex属性的弹性容器。然后，您可以使用justify-content和align-items等属性来指定项目沿主轴和交叉轴的分布方式。您还可以使用flex-basis属性来设置每个项目的大小。

下面是一个使用弹性盒子的示例：

.container {
display: flex;
justify-content: space-between;
align-items: center;
}

.item {
flex-basis: 30%;
}

在这个示例中，我们使用弹性盒子创建了一个容器，其中的项目均匀分布，并且垂直居中。每个项目的大小为其父容器的30%。

3. 网页过渡和动画

网页过渡和动画是增加交互性和视觉趣味的优秀工具。通过过渡，您可以指定元素属性随时间的变化方式，而动画则允许您通过关键帧创建动态内容。

想要使用过渡效果，首先需要定义元素的起始状态和结束状态。然后，通过过渡属性来指定需要过渡的属性以及过渡所需的时间。当元素的状态发生改变时（例如，鼠标悬停在元素上方），会触发过渡效果的展示。

以下是一个示例，演示如何使用过渡效果在按钮上创建悬停效果：

.button {
background-color: #333;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
transition: background-color 0.5s ease;
}

.button:hover {
background-color: #fff;
color: #333;
}

在这个示例中，按钮的背景颜色属性被设置为在0.5秒内过渡，并且采用了缓和的计时函数。当用户将鼠标悬停在按钮上方时，背景颜色会变为白色，从而创造出简单但有效的悬停效果。

4. 自定义字体

自定义字体允许设计人员为网页创建独特而难忘的排版风格。通过使用自定义字体，设计人员可以使自己的网页在竞争中脱颖而出，并创造出更一致和沉浸式的体验。

要使用自定义字体，首先需要找到自己喜欢的字体并下载它。然后，将字体文件上传到网页上，使用CSS来应用这些字体到文本上。您可以使用@font-face规则来定义字体，也可以使用像Google字体这样的服务来托管字体文件，并提供一种简单的方法将字体添加到网页中。

以下是一个示例，演示如何结合使用@font-face规则来使用自定义字体：

@font-face {
font-family: '我的自定义字体';
src: url('my-custom-font.woff2') format('woff2'),
url('my-custom-font.woff') format('woff');
}

h1 {
font-family: '我的自定义字体', sans-serif;
}

在这个示例中，我们使用@font-face规则定义了一个名为"我的自定义字体"的自定义字体。然后，通过使用font-family属性，将该字体应用于h1元素上。

5. CSS变量

CSS变量（也称为自定义属性）允许设计人员定义可在整个CSS中重复使用的值。这样可以更轻松地创建一致的、模块化的样式，并且能够更轻松地更新样式。

想要在CSS中使用变量，首先需要使用"--"前缀来定义它们。然后，在整个CSS中可以通过使用var()函数来引用这些变量。您还可以使用JavaScript动态更新变量的值。

以下是一个示例，演示如何在CSS中使用变量：

:root {
--primary-color: #007bff;
}

button {
background-color: var(--primary-color);
color: #fff;
padding: 10px 20px;
border-radius: 5px;
}

button:hover {
background-color: #fff;
color: var(--primary-color);
}

在这个示例中，我们定义了一个名为"primary-color"的变量，并将其设置为蓝色。然后，我们使用该变量来设置按钮的背景颜色。当用户将鼠标悬停在按钮上方时，背景颜色会切换为白色，文本颜色则会切换为我们使用变量设置的主要颜色。

改善您的CSS技能

通过掌握以下五个基本的CSS技巧，您将能够创建出在竞争中脱颖而出的精美且响应迅速的网站。这些技巧都是十分强大的工具，能够帮助您将设计提升至一个全新的水平。