英文:
How to improve my website in loading the data/ sorting/ jquery? And Best Practices for web development
问题
我正在构建一个用于可视化类似这样的表格数据的网站：
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>员工数据</title>
<!-- 加载 CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<!-- 加载自定义 CSS -->
<style> body { font-family: Arial, sans-serif; font-size: 14px; } table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } th { background-color: #f2f2f2; font-weight: bold; } tr:nth-child(even) { background-color: #f2f2f2; } tr:hover { background-color: #ddd; } </style>
</head>
<body>
<h1>员工数据</h1>
<table id="employee-table">
<thead>
<tr>
<th>姓名</th>
<th>职称</th>
<th>最后登录</th>
</tr>
</thead>
<tbody>
<script src="data.js"></script>
<script async>
var employees = data;
for (var i = 0; i < employees.length; i++) {
var employee = employees[i];
var row = "<tr><td>" + employee.name + "</td><td>" + employee.title + "</td><td>" + employee.last_login + "</td></tr>";
document.write(row);
}
</script>
</tbody>
</table>
<!-- 加载 jQuery --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- 加载 DataTables JS --> <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script> <!-- 初始化 DataTables --> <script> $(document).ready(function() { $('#employee-table').DataTable({ "paging": true, "pageLength": 10 }); }); </script>
</body>
</html>
data.js:
data = [
{
"name": "约翰·史密斯",
"title": "营销经理",
"last_login": "2023-04-12T08:30:00Z"
},
// 其他员工数据...
]
问题1：
但是数据在datatable.js的分页之前加载。（我尝试过使用async，但我不确定如何做，所以所有数据仍然在datatable.js函数之前加载？）
我不希望所有数据在第一次加载时就加载。我可能在代码中犯了错误/我的代码设计不够好.. 如果您能提出任何最佳/行业实践建议，我将不胜感激（我正在学习MEAN/MERN堆栈，使用datatable.js是否是行业惯例？）
英文:
I am building a website to visualize the data in table like these:
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Employee Data</title>
<!-- Load CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<!-- Load Custom CSS -->
<style> body { font-family: Arial, sans-serif; font-size: 14px; } table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } th { background-color: #f2f2f2; font-weight: bold; } tr:nth-child(even) { background-color: #f2f2f2; } tr:hover { background-color: #ddd; } </style>
</head>
<body>
<h1>Employee Data</h1>
<table id="employee-table">
<thead>
<tr>
<th>Name</th>
<th>Title</th>
<th>Last Login</th>
</tr>
</thead>
<tbody>
<script src="data.js"></script>
<script async>
var employees = data;
for (var i = 0; i < employees.length; i++) {
var employee = employees[i];
var row = "<tr><td>" + employee.name + "</td><td>" + employee.title + "</td><td>" + employee.last_login + "</td></tr>";
document.write(row);
}
</script>
</tbody>
</table>
<!-- Load jQuery --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- Load DataTables JS --> <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script> <!-- Initialize DataTables --> <script> $(document).ready(function() { $('#employee-table').DataTable({ "paging": true, "pageLength": 10 }); }); </script>
</body>
</html>
data.js:
data = [
{
"name": "John Smith",
"title": "Marketing Manager",
"last_login": "2023-04-12T08:30:00Z"
},
{
"name": "Sarah Johnson",
"title": "Software Engineer",
"last_login": "2023-04-13T15:45:00Z"
},
{
"name": "Michael Lee",
"title": "Sales Representative",
"last_login": "2023-04-10T10:00:00Z"
},
{
"name": "Emily Chen",
"title": "Human Resources Manager",
"last_login": "2023-04-14T09:15:00Z"
},
{
"name": "David Kim",
"title": "Product Manager",
"last_login": "2023-04-11T14:20:00Z"
},
{
"name": "Rachel Lee",
"title": "Customer Support Specialist",
"last_login": "2023-04-09T11:30:00Z"
},
{
"name": "Thomas Johnson",
"title": "Financial Analyst",
"last_login": "2023-04-10T16:15:00Z"
},
{
"name": "Melanie Davis",
"title": "Project Manager",
"last_login": "2023-04-13T12:45:00Z"
},
{
"name": "Daniel Kim",
"title": "Software Developer",
"last_login": "2023-04-12T09:00:00Z"
},
{
"name": "Jessica Lee",
"title": "Marketing Coordinator",
"last_login": "2023-04-14T08:00:00Z"
},
{
"name": "Kevin Park",
"title": "IT Support Specialist",
"last_login": "2023-04-11T17:30:00Z"
},
{
"name": "Hannah Kim",
"title": "Sales Manager",
"last_login": "2023-04-13T11:00:00Z"
},
{
"name": "Lucas Brown",
"title": "Web Designer",
"last_login": "2023-04-09T13:20:00Z"
},
{
"name": "Sophia Lee",
"title": "Account Manager",
"last_login": "2023-04-12T14:45:00Z"
},
{
"name": "Jacob Kim",
"title": "Business Analyst",
"last_login": "2023-04-11T10:00:00Z"
},
{
"name": "Olivia Lee",
"title": "Graphic Designer",
"last_login": "2023-04-13T09:00:00Z"
},
{
"name": "Ethan Park",
"title": "Systems Administrator",
"last_login": "2023-04-10T11:30:00Z"
},
{
"name": "Isabella Kim",
"title": "Content Writer",
"last_login": "2023-04-14T10:15:00Z"
},
{
"name": "William Lee",
"title": "Operations Manager",
"last_login": "2023-04-12T11:20:00Z"
},
{
"name": "Ava Kim",
"title": "Social Media Manager",
"last_login": "2023-04-13T08:30:00Z"
},
{
"name": "Emily Lee",
"title": "Data Analyst",
"last_login": "2023-02-15T05:20:54Z"
},
{
"name": "Brian Jones",
"title": "Sales Representative",
"last_login": "2023-03-30T22:14:45Z"
},
{
"name": "Jessica Wilson",
"title": "Marketing Manager",
"last_login": "2023-01-28T09:43:03Z"
},
{
"name": "Michael Miller",
"title": "IT Support Specialist",
"last_login": "2023-03-29T22:48:10Z"
},
{
"name": "John Anderson",
"title": "Software Engineer",
"last_login": "2023-02-26T12:29:31Z"
},
{
"name": "Kevin Davis",
"title": "IT Support Specialist",
"last_login": "2023-03-05T18:20:45Z"
},
{
"name": "Amanda Garcia",
"title": "Marketing Manager",
"last_login": "2023-02-26T08:38:18Z"
},
{
"name": "Sarah Brown",
"title": "Sales Representative",
"last_login": "2023-03-02T11:34:01Z"
},
{
"name": "David Davis",
"title": "IT Support Specialist",
"last_login": "2023-03-03T01:18:31Z"
},
{
"name": "Ashley Smith",
"title": "Data Analyst",
"last_login": "2023-02-18T17:59:11Z"
},
{
"name": "Emily Wilson",
"title": "Software Engineer",
"last_login": "2023-01-16T08:08:52Z"
},
{
"name": "Brian Smith",
"title": "Marketing Manager",
"last_login": "2023-02-21T09:52:46Z"
},
{
"name": "Jessica Johnson",
"title": "Sales Representative",
"last_login": "2023-02-18T08:30:36Z"
},
{
"name": "Michael Lee",
"title": "IT Support Specialist",
"last_login": "2023-01-11T23:02:57Z"
},
{
"name": "John Garcia",
"title": "Data Analyst",
"last_login": "2023-03-06T00:24:02Z"
},
{
"name": "Kevin Anderson",
"title": "Software Engineer",
"last_login": "2023-03-26T03:08:39Z"
},
{
"name": "Amanda Davis",
"title": "Marketing Manager",
"last_login": "2023-02-09T10:41:57Z"
},
{
"name": "Sarah Jones",
"title": "Sales Representative",
"last_login": "2023-01-23T15:28:48Z"
},
{
"name": "David Wilson",
"title": "IT Support Specialist",
"last_login": "2023-03-20T11:53:55Z"
},
{
"name": "Ashley Davis",
"title": "Data Analyst",
"last_login": "2023-01-26T05:49:22Z"
},
{
"name": "Emily Johnson",
"title": "Software Engineer",
"last_login": "2023-02-09T14:48:35Z"
},
{
"name": "Brian Lee",
"title": "Marketing Manager",
"last_login": "2023-02-08T04:46:09Z"
},
{
"name": "Jessica Anderson",
"title": "Sales Representative",
"last_login": "2023-03-02T20:14:13Z"
},
{
"name": "Michael Garcia",
"title": "IT Support Specialist",
"last_login": "2023-02-12T09:41:22Z"
},
{
"name": "John Smith",
"title": "Data Analyst",
"last_login": "2023-01-13T19:47:45Z"
},
{
"name": "Kevin Johnson",
"title": "Software Engineer",
"last_login": "2023-03-06T01:31:03Z"
},
{
"name": "Amanda Lee",
"title": "Marketing Manager",
"last_login": "2023-02-03T11:22:21Z"
},
{
"name": "Sarah Davis",
"title": "Sales Representative",
"last_login": "2023-03-14T20:11:12Z"
},
{
"name": "David Smith",
"title": "IT Support Specialist",
"last_login": "2023-02-07T18:31:27Z"
},
{
"name": "Ashley Johnson",
"title": "Data Analyst",
"last_login": "2023-02-05T17:10:38Z"
}
]
Issue 1:
But the data is loaded before the pagination by datatable.js. (I have tried async, but I am not sure how to do, so all the data is still loaded before datatable.js function?)
I don't expect all the data will be loaded in the first time. I may have made mistakes in code/ My code is not well-designed .. Would be appreciated if you could suggest any best/ industry practice (I am learning MEAN/ MERN stack, is it industry practice to use datatable.js with the stack?)
答案1
得分: 1
以下是您提供的内容的中文翻译：
感谢 @mplungjan。
插入图像描述
他的脚本运行良好。
但很抱歉，我没有足够的声望来投票。
我的最终代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>员工数据</title>
<!-- 加载 CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<!-- 加载自定义 CSS -->
<style> body { font-family: Arial, sans-serif; font-size: 14px; } table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } th { background-color: #f2f2f2; font-weight: bold; } tr:nth-child(even) { background-color: #f2f2f2; } tr:hover { background-color: #ddd; } </style>
</head>
<body>
<h1>员工数据</h1>
<table id="employee-table">
<thead>
<tr>
<th>姓名</th>
<th>职称</th>
<th>最后登录</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<!-- 加载 jQuery --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- 加载 DataTables JS --> <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<!-- 初始化 DataTables -->
<script>
$(function() {
$("#employee-table tbody")
.html(data.map(employee => `<tr><td>${employee.name}</td><td>${employee.title}</td><td>${employee.last_login}</td></tr>`).join(""));
$("#employee-table")
.DataTable({
"paging": true,
"pageLength": 10
});
});
</script>
<script src="data.js">const data = data;</script>
</body>
</html>
英文:
Thank you @mplungjan.
enter image description here
His script works well.
But sorry that I don't have enough reputation to cast a vote..
My final code is like this:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Employee Data</title>
<!-- Load CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<!-- Load Custom CSS -->
<style> body { font-family: Arial, sans-serif; font-size: 14px; } table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } th { background-color: #f2f2f2; font-weight: bold; } tr:nth-child(even) { background-color: #f2f2f2; } tr:hover { background-color: #ddd; } </style>
</head>
<body>
<h1>Employee Data</h1>
<table id="employee-table">
<thead>
<tr>
<th>Name</th>
<th>Title</th>
<th>Last Login</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<!-- Load jQuery --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- Load DataTables JS --> <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<!-- Initialize DataTables -->
<script>
$(function() {
$("#employee-table tbody")
.html(data.map(employee => `<tr><td>${employee.name}</td><td>${employee.title}</td><td>${employee.last_login}</td></tr>`).join(""));
$("#employee-table")
.DataTable({
"paging": true,
"pageLength": 10
});
});
</script>
<script src="data.js">const data = data;</script>
</body>
</html>
答案2
得分: 0
以下是您要翻译的内容：
我肯定会将您的document.write更改为如下形式
注意：我更新了tbody，但在完整表格上调用datatables
$(function() {
$("#employee-table tbody")
.html(data.map(employee => `<tr><td>${employee.name}</td><td>${employee.title}</td><td>${employee.last_login}</td></tr>`).join(""));
$("#employee-table")
.DataTable({
"paging": true,
"pageLength": 10
});
});
body {
font-family: Arial, sans-serif;
font-size: 14px;
}
table {
border-collapse: collapse;
width: 100%;
}
th,
td {
text-align: left;
padding: 8px;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
<!-- 加载DataTables CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<h1>员工数据</h1>
<table id="employee-table">
<thead>
<tr>
<th>姓名</th>
<th>职位</th>
<th>上次登录</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<!-- 加载jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 加载DataTables JS -->
<script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<!-- 初始化DataTables -->
<script>
const data = [{
"name": "约翰·史密斯",
"title": "市场经理",
"last_login": "2023-04-12T08:30:00Z"
}, {
"name": "莎拉·约翰逊",
"title": "软件工程师",
"last_login": "2023-04-13T15:45:00Z"
}, {
"name": "迈克尔·李",
"title": "销售代表",
"last_login": "2023-04-10T10:00:00Z"
}, {
"name": "艾米莉·陈",
"title": "人力资源经理",
"last_login": "2023-04-14T09:15:00Z"
}, {
"name": "大卫·金",
"title": "产品经理",
"last_login": "2023-04-11T14:20:00Z"
}, {
"name": "瑞秋·李",
"title": "客户支持专员",
"last_login": "2023-04-09T11:30:00Z"
}, {
"name": "托马斯·约翰逊",
"title": "财务分析师",
"last_login": "2023-04-10T16:15:00Z"
}, {
"name": "梅兰妮·戴维斯",
"title": "项目经理",
"last_login": "2023-04-13T12:45:00Z"
}, {
"name": "丹尼尔·金",
"title": "软件开发人员",
"last_login": "2023-04-12T09:00:00Z"
}, {
"name": "杰西卡·李",
"title": "市场协调员",
"last_login": "2023-04-14T08:00:00Z"
}, {
"name": "凯文·帕克",
"title": "IT支持专员",
"last_login": "2023-04-11T17:30:00Z"
}, {
"name": "汉娜·金",
"title": "销售经理",
"last_login": "2023-04-13T11:00:00Z"
}, {
"name": "卢卡斯·布朗",
"title": "网页设计师",
"last_login": "2023-04-09T13:20:00Z"
}, {
"name": "索菲亚·李",
"title": "客户经理",
"last_login": "2023-04-12T14:45:00Z"
}, {
"name": "雅各布·金",
"title": "业务分析师",
"last_login": "2023-04-11T10:00:00Z"
}, {
"name": "奥利维亚·李",
"title": "平面设计师",
"last_login": "2023-04-13T09:00:00Z"
}, {
"name": "伊桑·帕克",
"title": "系统管理员",
"last_login": "2023-04-10T11:30:00Z"
}, {
"name": "伊莎贝拉·金",
"title": "内容写手",
"last_login": "2023-04-14T10:15:00Z"
}, {
"name": "威廉·李",
"title": "运营经理",
"last_login": "2023-04-12T11:20:00Z"
}, {
"name": "艾娃·金",
"title": "社交媒体经理",
"last_login": "2023-04-13T08:30:00Z"
}, {
"name": "艾米莉·李",
"title": "数据分析师",
"last_login": "2023-02-15T05:20:54Z"
}, {
"name": "布莱恩·琼斯",
"title": "销售代表",
"last_login": "2023-03-30T22:14:45Z"
}, {
"name": "杰西卡·威尔逊",
"title": "市场经理",
"last_login": "2023-01-28T
<details>
<summary>英文:</summary>
I would definitely change your document.write to something like this
NOTE I update the tbody but call datatables on the complete table
$(function() {
$("#employee-table tbody")
.html(data.map(employee => `<tr><td>${employee.name}</td><td>${employee.title}</td><td>${employee.last_login}</td></tr>`).join(""));
$("#employee-table")
.DataTable({
"paging": true,
"pageLength": 10
});
});
<!-- begin snippet: js hide: true console: true babel: false -->
<!-- language: lang-js -->
$(function() {
$("#employee-table tbody")
.html(data.map(employee => `<tr><td>${employee.name}</td><td>${employee.title}</td><td>${employee.last_login}</td></tr>`).join(""));
$("#employee-table")
.DataTable({
"paging": true,
"pageLength": 10
});
});
<!-- language: lang-css -->
body {
font-family: Arial, sans-serif;
font-size: 14px;
}
table {
border-collapse: collapse;
width: 100%;
}
th,
td {
text-align: left;
padding: 8px;
}
th {
background-color: #f2f2f2;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
<!-- language: lang-html -->
<!-- Load [DataTables](poe://www.poe.com/_api/key_phrase?phrase=DataTables&prompt=Tell%20me%20more%20about%20DataTables.) CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
<h1>Employee Data</h1>
<table id="employee-table">
<thead>
<tr>
<th>Name</th>
<th>Title</th>
<th>Last Login</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<!-- Load jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Load DataTables JS -->
<script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<!-- Initialize DataTables -->
<script>
const data = [{
"name": "John Smith",
"title": "Marketing Manager",
"last_login": "2023-04-12T08:30:00Z"
}, {
"name": "Sarah Johnson",
"title": "Software Engineer",
"last_login": "2023-04-13T15:45:00Z"
}, {
"name": "Michael Lee",
"title": "Sales Representative",
"last_login": "2023-04-10T10:00:00Z"
}, {
"name": "Emily Chen",
"title": "Human Resources Manager",
"last_login": "2023-04-14T09:15:00Z"
}, {
"name": "David Kim",
"title": "Product Manager",
"last_login": "2023-04-11T14:20:00Z"
}, {
"name": "Rachel Lee",
"title": "Customer Support Specialist",
"last_login": "2023-04-09T11:30:00Z"
}, {
"name": "Thomas Johnson",
"title": "Financial Analyst",
"last_login": "2023-04-10T16:15:00Z"
}, {
"name": "Melanie Davis",
"title": "Project Manager",
"last_login": "2023-04-13T12:45:00Z"
}, {
"name": "Daniel Kim",
"title": "Software Developer",
"last_login": "2023-04-12T09:00:00Z"
}, {
"name": "Jessica Lee",
"title": "Marketing Coordinator",
"last_login": "2023-04-14T08:00:00Z"
}, {
"name": "Kevin Park",
"title": "IT Support Specialist",
"last_login": "2023-04-11T17:30:00Z"
}, {
"name": "Hannah Kim",
"title": "Sales Manager",
"last_login": "2023-04-13T11:00:00Z"
}, {
"name": "Lucas Brown",
"title": "Web Designer",
"last_login": "2023-04-09T13:20:00Z"
}, {
"name": "Sophia Lee",
"title": "Account Manager",
"last_login": "2023-04-12T14:45:00Z"
}, {
"name": "Jacob Kim",
"title": "Business Analyst",
"last_login": "2023-04-11T10:00:00Z"
}, {
"name": "Olivia Lee",
"title": "Graphic Designer",
"last_login": "2023-04-13T09:00:00Z"
}, {
"name": "Ethan Park",
"title": "Systems Administrator",
"last_login": "2023-04-10T11:30:00Z"
}, {
"name": "Isabella Kim",
"title": "Content Writer",
"last_login": "2023-04-14T10:15:00Z"
}, {
"name": "William Lee",
"title": "Operations Manager",
"last_login": "2023-04-12T11:20:00Z"
}, {
"name": "Ava Kim",
"title": "Social Media Manager",
"last_login": "2023-04-13T08:30:00Z"
}, {
"name": "Emily Lee",
"title": "Data Analyst",
"last_login": "2023-02-15T05:20:54Z"
}, {
"name": "Brian Jones",
"title": "Sales Representative",
"last_login": "2023-03-30T22:14:45Z"
}, {
"name": "Jessica Wilson",
"title": "Marketing Manager",
"last_login": "2023-01-28T09:43:03Z"
}, {
"name": "Michael Miller",
"title": "IT Support Specialist",
"last_login": "2023-03-29T22:48:10Z"
}, {
"name": "John Anderson",
"title": "Software Engineer",
"last_login": "2023-02-26T12:29:31Z"
},
{
"name": "Kevin Davis ",
"title ": "IT Support Specialist ",
"last_login": "2023-03-05T18:20:45Z"
},
{
"name ": "Amanda Garcia",
"title": "Marketing Manager ",
"last_login": "2023-02-26T08:38:18Z"
}, {
"name": "Sarah Brown",
"title": "Sales Representative",
"last_login": "2023-03-02T11:34:01Z"
}, {
"name": "David Davis",
"title": "IT Support Specialist",
"last_login": "2023-03-03T01:18:31Z"
}, {
"name": "Ashley Smith",
"title": "Data Analyst",
"last_login": "2023-02-18T17:59:11Z"
}, {
"name": "Emily Wilson",
"title": "Software Engineer",
"last_login": "2023-01-16T08:08:52Z"
}, {
"name": "Brian Smith",
"title": "Marketing Manager",
"last_login": "2023-02-21T09:52:46Z"
}, {
"name": "Jessica Johnson",
"title": "Sales Representative",
"last_login": "2023-02-18T08:30:36Z"
}, {
"name": "Michael Lee",
"title": "IT Support Specialist",
"last_login": "2023-01-11T23:02:57Z"
}, {
"name": "John Garcia",
"title": "Data Analyst",
"last_login": "2023-03-06T00:24:02Z"
}, {
"name": "Kevin Anderson",
"title": "Software Engineer",
"last_login": "2023-03-26T03:08:39Z"
}, {
"name": "Amanda Davis",
"title": "Marketing Manager",
"last_login": "2023-02-09T10:41:57Z"
}, {
"name": "Sarah Jones",
"title": "Sales Representative",
"last_login": "2023-01-23T15:28:48Z"
}, {
"name": "David Wilson",
"title": "IT Support Specialist",
"last_login": "2023-03-20T11:53:55Z"
}, {
"name": "Ashley Davis",
"title": "Data Analyst",
"last_login": "2023-01-26T05:49:22Z"
}, {
"name": "Emily Johnson",
"title": "Software Engineer",
"last_login": "2023-02-09T14:48:35Z"
}, {
"name": "Brian Lee",
"title": "Marketing Manager",
"last_login": "2023-02-08T04:46:09Z"
}, {
"name": "Jessica Anderson",
"title": "Sales Representative",
"last_login": "2023-03-02T20:14:13Z"
}, {
"name": "Michael Garcia",
"title": "IT Support Specialist",
"last_login": "2023-02-12T09:41:22Z"
}, {
"name": "John Smith",
"title": "Data Analyst",
"last_login": "2023-01-13T19:47:45Z"
}, {
"name": "Kevin Johnson",
"title": "Software Engineer",
"last_login": "2023-03-06T01:31:03Z"
}, {
"name": "Amanda Lee",
"title": "Marketing Manager",
"last_login": "2023-02-03T11:22:21Z"
}, {
"name": "Sarah Davis",
"title": "Sales Representative",
"last_login": "2023-03-14T20:11:12Z"
}, {
"name": "David Smith",
"title": "IT Support Specialist",
"last_login": "2023-02-07T18:31:27Z"
}, {
"name": "Ashley Johnson",
"title": "Data Analyst",
"last_login": "2023-02-05T17:10:38Z"
}
]
</script>
<!-- end snippet -->
</details>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论