前端开发
1. console.timeconsole.time只会测量js代码执行时间
console.time(‘运行时间’)console.timeEnd(‘运行时间’)
保证上面的console里面的参数一致即可，在控制台搜索对应的参数，就能看到运行时间
在 JavaScript 中，console.time() 方法用于创建一个计时器，你可以使用它来测量代码执行的时间。当你调用 console.time() 方法时，它会生成一个计时器标签，你可以在后续的代码中通过 console.timeEnd() 方法来结束计时，并输出经过的时间。
这是一个简单的例子来展示如何使用 console.time() 和 console.timeEnd()：
console.time("myTimer"); // 开始计时，并给计时器命名为 "myTimer"
// 这里是你想要测量执行时间的代码
for (let i = 0; i < 1000; i++) {
// 一些重复的操作
}
console.timeEnd("myTimer"); // 结束计时，并输 ...
前端开发
Vue核心技巧与实战完全指南Vue.js 作为一款流行的前端框架，在实际开发中有很多实用的技巧和最佳实践。本文将系统性地介绍Vue开发中的核心知识点，包括组件通信、路由管理、状态管理等，并通过实际案例展示如何在实际项目中应用这些技巧。
1. Vue组件通信完整指南1.1 父子组件通信父组件向子组件传值（Props）父组件通过 props 属性向子组件传递数据：
<!-- 父组件 Parent.vue -->
<template>
<div>
<ChildComponent
:message="parentMessage"
:user-info="userInfo"
@update-message="handleUpdate"
/>
</div>
</template>
<script>
import ChildCompone ...
前端开发
1.1.1 事件是在子组件内控制// 子组件
import styles from './card.module.scss'
import {useRef, useState} from "react";
// onValueChange是父组件传递过来的函数
export default function Card({onValueChange} ) {
function setNumber() {
setN(n = n + 1)
onValueChange(n)
}
return (
<div>
<div className={styles.card}>
{data.map((item) => (
<div key={item} className={styles.car ...
工具与效率
终端默认936，如果出现乱码，我们可以通过chcp 65001来修复乱码。
如果关闭终端后，再次打开又出现乱码，我们可以将这个命令添加在package文件内
工具与效率
vscode插件开发指南
VSCode 插件的主入口在哪里？在 VSCode 插件项目中，通常有一个“主入口”文件，负责注册插件的激活逻辑、命令、事件监听等。在本项目中，主入口一般在 extensions/vscode/src/ 目录下，文件名通常为 extension.ts 或 main.ts。
如何找到主入口？我来帮你确认一下 extensions/vscode/src/ 目录下的主要文件结构。在 extensions/vscode/src/ 目录下，有一个非常典型的 VSCode 插件主入口文件：extension.ts。
学习建议与切入点从 extension.ts 入手这个文件是插件的激活入口，负责注册命令、事件、激活/释放生命周期等。你可以先通读这个文件，了解插件是如何被 VSCode 加载和初始化的。理解命令注册与功能实现文件 commands.ts 体量较大，里面实现了插件的各种命令和核心功能。建议先看 extension.ts 如何调用 commands.ts，再逐步深入。Webview 与界面交互文件 ContinueGUIWebviewViewProvider. ...
移动端开发
{
"pages": [
"pages/index/index",
"pages/search/search",
"pages/serviceH5/serviceH5",
"pages/Recharge/Recharge",
"pages/blindBox/blindBox",
"pages/login"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json",
"lazyCodeLoading": "requiredComponents",
"subpackages": [
...
前端开发
1、将中国标准时间转为 yyyymmddexport function getYYYYMMDD(string) {
const d = new Date(string);
const datetime =
d.getFullYear() +
"-" +
(d.getMonth() + 1) +
"-" +
d.getDate() +
" " +
d.getHours() +
":" +
d.getMinutes() +
":" +
d.getSeconds();
return datetime;
}
2、去除字符串内所有空格export function RemoveAllSpaces(string) {
return string.replace(new RegExp(" ", "gm"), "");
}
3、解析 URL先根据 ？ 或者 & 符进行将url分割成数组，再遍历数据，根据数组内每项的 = 号，分别取值赋给 key 和 value。最后将 key 和 value 组合 ...
v-if 与 v-show有一个列表和弹窗的 UI，v-if 进行控制，
列表内每条 item 数据上有个按钮，按钮点击后列表消失，弹窗出现。点击弹窗内 X 号后，弹窗消失，列表出现。
bug：无论列表滚动到哪，弹窗消失后，列表都会回到顶部
原因：v-if每次显示的时候都是重新渲染，当然会从头开始，此处应该用v-show
前端开发
前端支付开发实战指南支付功能是很多Web应用的核心功能。本文将详细介绍支付宝PC支付、微信PC扫码支付和微信公众号H5支付的前端实现方案。
1. 支付宝电脑支付1.1 开发文档支付宝开放平台 - 电脑网站支付
1.2 实现流程
封装请求后台的接口
后端返回支付宝生成的form表单
前端打开表单，用户扫码支付
1.3 封装支付接口import axios from 'axios';
import qs from 'qs';
import store from '@/store';
/**
* 支付宝支付
* @param {Number} goodsId - 商品ID，1为自定义
* @param {Number} quantity - 钻石数量
*/
export function zhifubao(goodsId, quantity) {
return axios.post(
// 后端支付接口
store.state.baseURL + "/sjsvoice/c/pms/create/zfb/pay" ...
后端开发
from PIL import Image, ImageDraw, ImageFont
import numpy as np
import os
import glob
import time
import re
def hex_to_rgb(hex_color):
"""将16进制颜色字符串转换为RGB元组
Args:
hex_color: 16进制颜色字符串，格式为 "#RRGGBB" 或 "RRGGBB"
Returns:
tuple: RGB颜色元组 (R, G, B)
Raises:
ValueError: 如果颜色格式不正确
"""
if hex_color is None:
return None
# 移除可能的 # 前缀
hex_color = hex_color.lstrip('#')
# 验证格式
if not re.match(r'^[0-9A-Fa-f]{6}$', hex_color): ...
移动端开发
1. 警告弹窗AlertDialog.show({
// title:"密码错误",
message: "是否需要重新输入",
// 取消按钮
primaryButton: {
value: "取消",
action: () => {
console.log("取消了输入");
},
},
// 确定按钮
secondaryButton: {
value: "确定",
action: () => {
console.log("确认需要");
},
},
// 弹窗位置
alignment: DialogAlignment.Bottom,
// 相对偏移量
offset: { dx: 0, dy: -100 },
});
2. 选择类弹窗2.1 日期
DatePickerDialog.show({
start: new Date("2023-01-01"),
selected: new Dat ...
大模型与AI
计算机科学中的鲁棒性（Robustness）是指一个系统或算法在面对错误、异常输入或攻击时，仍能保持稳定、正常运行的能力。鲁棒性强调的是系统在不确定性和噪声环境中的稳定性和可靠性。在计算机科学中，鲁棒性通常应用于以下几个方面：
数据鲁棒性（Data Robustness）：数据鲁棒性是指数据在遭受攻击、篡改或丢失时，仍能保留其有效性和完整性的能力。例如，哈希函数可以实现数据的鲁棒性，即使数据被篡改，哈希值仍然能够识别出这种篡改。
算法鲁棒性（Algorithm Robustness）：算法鲁棒性是指算法在处理错误或异常输入时，仍能得出正确结果的能力。例如，鲁棒性优化算法可以在目标函数存在噪声或异常值时，仍能找到一个较好的解。
系统鲁棒性（System Robustness）：系统鲁棒性是指整个计算机系统在面对硬件故障、软件错误或网络攻击时，仍能保持稳定运行的能力。例如，冗余设计和容错机制可以提高系统的鲁棒性。
网络安全鲁棒性（Security
Robustness）：网络安全鲁棒性是指计算机系统在面对网络攻击（如拒绝服务攻击、恶意软件等）时，仍能保护用户数据和系统资源的能力。例如， ...
