吾爱去(52qu)http://www.52qu.com/壹曲阳勇发布个人作品之网站RainbowSoft Studio Z-Blog 2.3 Avengers Build 180518zh-CNSun, 26 Jan 2025 21:10:37 +0800数字验证游戏wincao@52qu.com (程序员)http://www.52qu.com/post/46.htmlSun, 26 Jan 2025 16:02:47 +0800http://www.52qu.com/post/46.html使用通义AI制件的网页游戏。

点击进入游戏：数字验证游戏

生成随机数字：


生成的随机数字中每个数字都与其他位置的数字不同。

数字范围为1到9。


用户输入控件：

每个输入框的范围限定在1到9之间。

输入框的数量与用户指定的长度一致。


验证逻辑：

计算正确位置的数量：如果用户输入的数字与对应位置的随机数字相同，则计数加一。

计算正确数字的数量：通过统计每个数字出现的次数，确保正确数字的数量是用户输入和随机数字中共有的最小次数。


显示验证结果：

验证结果显示在页面上，并区分正确和错误的消息。

正确消息显示为绿色，错误消息显示为红色。


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>数字验证游戏</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 20px;

        }

        .container {

            max-width: 400px;

            margin: auto;

        }

        input[type="number"] {

            width: 50px;

            margin-right: 5px;

        }

        button {

            margin-top: 10px;

        }

        .message-list {

            margin-top: 10px;

        }

        .message-item {

            margin-bottom: 5px;

        }

        .correct {

            color: green;

        }

        .incorrect {

            color: red;

        }

    </style>

</head>

<body>

    <div>

        <h1>数字验证游戏</h1>

        <label for="length">选项中的值（生成的随机数字个数）:</label>

        <input type="number" id="length" min="1" max="9" value="4">

        <button onclick="startGame()">开始</button>

        <br><br>

        <div id="userInputContainer"></div>

        <button id="validateButton" onclick="validateInput()" disabled>验证</button>

        <div id="messageList"></div>

    </div>


    <script>

        let randomNumbers = [];


        function startGame() {

            const length = parseInt(document.getElementById('length').value);

            if (length > 9) {

                displayMessage('生成的随机数字个数不能超过9', false);

                return;

            }

            randomNumbers = generateUniqueRandomNumbers(length);

            createInputControls(length);

            document.getElementById('validateButton').disabled = false;

            clearMessages(); // 清空消息

        }


        function generateUniqueRandomNumbers(length) {

            const numbers = new Set();

            while (numbers.size < length) {

                numbers.add(Math.floor(Math.random() * 9) + 1);

            }

            return Array.from(numbers);

        }


        function createInputControls(length) {

            const container = document.getElementById('userInputContainer');

            container.innerHTML = ''; // Clear previous inputs

            for (let i = 0; i < length; i++) {

                const input = document.createElement('input');

                input.type = 'number';

                input.min = 1;

                input.max = 9;

                input.step = 1;

                input.placeholder = '输入数字';

                container.appendChild(input);

            }

        }


        function validateInput() {

            const inputs = document.querySelectorAll('#userInputContainer input');

            const userInput = Array.from(inputs).map(input => parseInt(input.value));


            if (userInput.some(isNaN)) {

                displayMessage('请输入有效的数字', false);

                return;

            }


            let correctPositions = 0;

            let correctDigits = 0;


            // Calculate correct positions

            userInput.forEach((digit, index) => {

                if (digit === randomNumbers[index]) {

                    correctPositions++;

                }

            });


            // Calculate correct digits

            const userDigitCount = {};

            const randomDigitCount = {};


            userInput.forEach(digit => {

                userDigitCount[digit] = (userDigitCount[digit] || 0) + 1;

            });


            randomNumbers.forEach(digit => {

                randomDigitCount[digit] = (randomDigitCount[digit] || 0) + 1;

            });


            for (const digit in userDigitCount) {

                if (randomDigitCount[digit]) {

                    correctDigits += Math.min(userDigitCount[digit], randomDigitCount[digit]);

                }

            }


            if (correctPositions === randomNumbers.length) {

                displayMessage(`正确！您输入的数字完全正确。 输入的数字: ${userInput.join('')}`, true);

            } else {

                displayMessage(`正确位置: ${correctPositions}, 正确数字: ${correctDigits}. 输入的数字: ${userInput.join('')}`, false);

            }

        }


        function displayMessage(message, isCorrect) {

            const messageList = document.getElementById('messageList');

            const messageItem = document.createElement('div');

            messageItem.className = 'message-item';

            messageItem.textContent = message;

            if (isCorrect) {

                messageItem.classList.add('correct');

            } else {

                messageItem.classList.add('incorrect');

            }

            messageList.appendChild(messageItem);

        }


        function clearMessages() {

            const messageList = document.getElementById('messageList');

            messageList.innerHTML = ''; // Clear all messages

        }

    </script>

</body>

</html>





]]>游戏http://www.52qu.com/post/46.html#commenthttp://www.52qu.com/feed.asp?cmt=46专注力与记忆训练wincao@52qu.com (程序员)http://www.52qu.com/post/45.htmlSun, 26 Jan 2025 10:52:19 +0800http://www.52qu.com/post/45.html使用通义AI制件的网页游戏。

点击进入游戏：专注力与记忆训练

生成随机数字：

在点击“开始”按钮时，生成4个随机数字（每个数字范围为1到9）。


显示数字：

将这4个随机数字分别显示在4个小窗口中。

每个小窗口的位置和大小可以自由调整，不再固定长宽比。

数字在小窗口中的位置是随机的。


控制显示方式：

提供一个选项让用户选择是否同时显示所有数字。

如果选择“同时显示”，所有数字会在同一时间显示，并在设定的时间后消失。

如果不选择“同时显示”，数字会依次逐个显示，每次显示一个数字，并在设定的时间后继续下一个数字的显示。


用户输入验证：

用户需要在指定时间内记住这些数字，并在提示后输入他们所看到的数字序列。

输入框用于接收用户的输入，最大长度为4位数字。

验证按钮初始状态为禁用，只有在点击“开始”按钮后才启用。


验证结果：

用户输入完成后，点击“验证”按钮进行验证。

如果输入正确，弹出提示信息“正确！您输入的数字完全正确。”。

如果输入错误，弹出提示信息“错误！正确的数字是：XXX”。


统计次数：

记录并显示总的正确次数和错误次数。

不再显示本轮的正确次数和错误次数。

一旦用户进行了验证，无论结果如何，都会禁用验证按钮，防止二次验证。


控件布局：

所有控件（包括下拉菜单、输入框、按钮等）放置在页面的最下方。

标题和其他信息位于页面上方。


界面设计：

页面整体背景颜色为浅灰色 (#f0f0f0)。

使用简单的CSS样式来美化小窗口和控件。


通过以上需求，程序旨在帮助用户提高专注力和记忆力。希望这些需求对您有所帮助！如果有进一步的修改或扩展需求，请随时告知。

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>

        body, html {

            margin: 0;

            padding: 0;

            height: 100%;

            display: flex;

            justify-content: center;

            align-items: center;

            background-color: #f0f0f0;

            flex-direction: column;

        }

        .container {

            width: 90%; /* Relative width */

            height: 50vh; /* Relative height */

            display: grid;

            grid-template-columns: repeat(2, 1fr);

            grid-template-rows: repeat(2, 1fr);

            gap: 10px;

            margin-bottom: 20px;

        }

        .box {

            position: relative;

            background-color: white;

            border: 1px solid #ccc;

            display: flex;

            justify-content: center;

            align-items: center;

        }

        .number {

            position: absolute;

            font-size: 2em;

            color: #333;

        }

        .controls {

            display: flex;

            justify-content: center;

            align-items: center;

            margin-top: 10px;

        }

        .controls select, .controls input, .controls button {

            margin: 0 10px;

            padding: 10px;

            font-size: 1em;

        }

        h1 {

            text-align: center;

            margin-bottom: 10px;

        }

        .stats {

            margin-top: 20px;

            font-size: 1.5em;

            color: #333;

        }

    </style>

</head>

<body>

    <h1>专注力与记忆训练</h1>


    <div id="container">

        <!-- Boxes will be dynamically added here -->

    </div>


    <div id="statsMessage"></div>


    <div>

        <select id="timeSelect">

            <option value="1">1 秒</option>

            <option value="3">3 秒</option>

            <option value="5">5 秒</option>

            <option value="7">7 秒</option>

        </select>

        <button id="startButton">开始</button>

        <input type="text" id="userInput" placeholder="请输入4位数字" maxlength="4" disabled>

        <button id="validateButton" disabled>验证</button>

        <label>

            <input type="checkbox" id="simultaneousDisplayCheckbox">

            同时显示数字

        </label>

    </div>


    <script>

        let displayedNumbers = [];

        let correctCount = 0;

        let incorrectCount = 0;

        let validationAllowed = true;


        function getRandomNumber() {

            return Math.floor(Math.random() * 9) + 1;

        }


        function getRandomPosition(boxWidth, boxHeight, numberWidth, numberHeight) {

            const maxX = boxWidth - numberWidth;

            const maxY = boxHeight - numberHeight;

            return {

                x: Math.floor(Math.random() * maxX),

                y: Math.floor(Math.random() * maxY)

            };

        }


        function updateBox(box, number) {

            const randomPosition = getRandomPosition(

                box.offsetWidth,

                box.offsetHeight,

                50, // Assuming the number width is 50px

                50  // Assuming the number height is 50px

            );


            const numberElement = document.createElement('div');

            numberElement.className = 'number';

            numberElement.style.left = `${randomPosition.x}px`;

            numberElement.style.top = `${randomPosition.y}px`;

            numberElement.textContent = number;


            box.innerHTML = ''; // Clear previous numbers

            box.appendChild(numberElement);

        }


        function createBoxes(numBoxes) {

            const container = document.getElementById('container');

            container.innerHTML = ''; // Clear existing boxes


            // Set grid template based on the number of boxes

            if (numBoxes === 4) {

                container.style.gridTemplateColumns = 'repeat(2, 1fr)';

                container.style.gridTemplateRows = 'repeat(2, 1fr)';

            }


            for (let i = 0; i < numBoxes; i++) {

                const box = document.createElement('div');

                box.className = 'box';

                container.appendChild(box);

            }

        }


        document.getElementById('startButton').addEventListener('click', () => {

            const boxes = document.querySelectorAll('.box');

            const selectedTime = parseInt(document.getElementById('timeSelect').value);

            const simultaneousDisplay = document.getElementById('simultaneousDisplayCheckbox').checked;

            displayedNumbers = [];

            const userInputField = document.getElementById('userInput');

            const validateButton = document.getElementById('validateButton');


            // Reset validation status

            validationAllowed = true;

            userInputField.disabled = false;

            validateButton.disabled = false;


            // Clear any existing intervals and result message

            clearInterval(intervalId);

            clearTimeout(timeoutId);

            userInputField.value = '';


            // Generate random numbers based on the number of boxes

            for (let i = 0; i < boxes.length; i++) {

                const randomNumber = getRandomNumber();

                displayedNumbers.push(randomNumber);

            }


            if (simultaneousDisplay) {

                // Display all numbers simultaneously with random positions

                boxes.forEach((box, index) => {

                    updateBox(box, displayedNumbers[index]);

                });


                // Clear all boxes after the selected time

                timeoutId = setTimeout(() => {

                    boxes.forEach(box => {

                        box.innerHTML = '';

                    });

                }, selectedTime * 1000);

            } else {

                // Function to update each box in sequence with random positions

                let currentBoxIndex = 0;

                function updateNextBox() {

                    if (currentBoxIndex < boxes.length) {

                        updateBox(boxes[currentBoxIndex], displayedNumbers[currentBoxIndex]);

                        currentBoxIndex++;

                        setTimeout(updateNextBox, selectedTime * 1000);

                    } else {

                        // All boxes have been updated

                        // Wait for the selected time before clearing all boxes

                        timeoutId = setTimeout(() => {

                            boxes.forEach(box => {

                                box.innerHTML = '';

                            });

                        }, selectedTime * 1000);

                    }

                }


                // Start updating boxes every second

                intervalId = setTimeout(updateNextBox, 1000);

            }

        });


        document.getElementById('validateButton').addEventListener('click', () => {

            if (!validationAllowed) {

                alert("您已经验证过这一轮了，请点击“开始”按钮重新生成数字。");

                return;

            }


            const userInputField = document.getElementById('userInput');

            const userInput = userInputField.value.trim();


            // Validate user input

            if (userInput.length === displayedNumbers.length && /^\d+$/.test(userInput)) {

                const userNumbers = userInput.split('').map(Number);


                // Compare user input with displayed numbers

                let correct = true;

                for (let i = 0; i < displayedNumbers.length; i++) {

                    if (userNumbers[i] !== displayedNumbers[i]) {

                        correct = false;

                        break;

                    }

                }


                // Update stats

                if (correct) {

                    correctCount++;

                } else {

                    incorrectCount++;

                }


                // Display result in a popup

                if (correct) {

                    alert("正确！您输入的数字完全正确。");

                } else {

                    alert(`错误！正确的数字是：${displayedNumbers.join('')}`);

                }


                // Update total stats message

                const statsMessage = document.getElementById('statsMessage');

                statsMessage.textContent = `总正确次数: ${correctCount}, 总错误次数: ${incorrectCount}`;


                // Disable further validation

                validationAllowed = false;

                userInputField.disabled = true;

                validateButton.disabled = true;

            } else {

                alert(`无效输入。请输入正好${displayedNumbers.length}位数字。`);

            }

        });


        let intervalId;

        let timeoutId;


        // Initialize with 4 boxes by default

        createBoxes(4);

    </script>

</body>

</html>




]]>游戏http://www.52qu.com/post/45.html#commenthttp://www.52qu.com/feed.asp?cmt=45【C#】以执行频率打印进度，即文字进度条wincao@52qu.com (程序员)http://www.52qu.com/post/44.htmlTue, 05 Mar 2024 18:32:38 +0800http://www.52qu.com/post/44.html难点在最后输出100%问题。
经过多次实践，终于找出解决：

   

/// <summary>

/// 以执行频率打印进度

/// </summary>

/// <param name="Max">最大值</param>

/// <param name="Y">执行频率</param>

public static void Do(Action work, double Max, double Y = 0.01)

{

    int current = 0;

    for (int i = 0; i < Max; i++)

    {

        //百分之一时反馈

        if ((int)(current++ % (Max * Y)) == 0)

            Console.WriteLine($"已经完成{current}个，进度{Math.Floor(current / (Max * 0.01))}%。");

        //工作代码

        work();

    }

    //补充100%的输出

    if ((int)((current - 1) % (Max * Y)) != 0)

    {

        Console.WriteLine($"已经完成{current}个，进度{Math.Floor(current / (Max * 0.01))}%。");

    }

}

 

public static void work()

{

    //工作代码

    Thread.Sleep(100);

}

   




执行代码：


//以执行频率打印进度

Class6.Do(Class6.work, 99, 0.3);

   




最后显示结果：


已经完成1个，进度1%。

已经完成31个，进度31%。

已经完成61个，进度61%。

已经完成91个，进度91%。

已经完成99个，进度100%

   



]]>学习记录http://www.52qu.com/post/44.html#commenthttp://www.52qu.com/feed.asp?cmt=44演播室提示字幕1.3 wincao@52qu.com (程序员)http://www.52qu.com/post/43.htmlThu, 16 Mar 2023 11:09:44 +0800http://www.52qu.com/post/43.html主要用在两个屏幕的提示器，比如演播室。

一个操作屏（使用软件区），一个是显示屏（黑色部分）。
在软件上点某行，这行就显示到显示屏上。
按F12上屏或编辑文字。


设置页是显示区（黑色部分）的基本参数


下载：免安装程序

]]>工具http://www.52qu.com/post/43.html#commenthttp://www.52qu.com/feed.asp?cmt=43微信小程序云开发wincao@52qu.com (程序员)http://www.52qu.com/post/42.htmlTue, 01 Nov 2022 10:09:32 +0800http://www.52qu.com/post/42.html前言

因为微信云开发开始收费了，没有免费基础云，还好目前（2022年）阿里云可以免费使用，所以将自己注册使用方法分享出来。

1. 在使用阿里云SDK前，请确保已经正确安装了Node.js开发环境。

(1) http://nodejs.cn/，下载文件并安装。

2. 创建微信小程序。登录微信公众平台，在开发设置页面查看App ID，建立密钥

 

3. 在服务器域名下，如图输入阿里云地址。具体看第9条。

 

4. 在微信小程序项目的根目录，输入CMD，打开命令窗

 

5. 输入【npm install --save @alicloud/mpserverless-sdk@3.1.1】执行安装SDK。

6. 在微信小程序IDE中，选择工具>构建npm。

7. 在微信小程序项目中的app.js中添加以下代码，构造小程序云SDK的实例对象。在app.js的onLaunch生命周期中调用init接口完成初始化。

// app.js

import MPServerless from '@alicloud/mpserverless-sdk';

const mpserverless = new MPServerless(wx, {

 appId: <您的微信小程序appId>,

  spaceId: <您的阿里云serverless服务空间spaceId>

  clientSecret: <您的阿里云serverless服务空间clientSecret>

  endpoint: <您的小阿里云serverless服务空间Api endpoint>

});

 

App({

    mpserverless: mpserverless,

    onLaunch(options) {

      mpserverless.init();

    },

  });

8. 其中【微信小程序appId】如下图

 

 

9. 其中spaceId、clientSecret、endpoint分别为下图的Space ID、Secret API、Endpoint

(1) 注册阿里小程序云https://emas.console.aliyun.com/。

 

(2) 进入项目->平台服务

 

10. 在设置中输入微信小程序的密钥

 

11. 使用阿里云

// .js文件中使用 sdk

const { mpserverless } = getApp();

 

mpserverless.db.collection('test').find();

mpserverless.function.invoke('test');

微信小程序 成功调用！


]]>编程http://www.52qu.com/post/42.html#commenthttp://www.52qu.com/feed.asp?cmt=42《我的记事本》2022版来啦wincao@52qu.com (程序员)http://www.52qu.com/post/41.htmlFri, 02 Sep 2022 15:48:43 +0800http://www.52qu.com/post/41.html 《我的记事本》经过收集同事的意见和建议而修改的2022版终于来啦。

下载：

绿色版

安装版


]]>工具http://www.52qu.com/post/41.html#commenthttp://www.52qu.com/feed.asp?cmt=41wpf中建立菜单快捷键wincao@52qu.com (程序员)http://www.52qu.com/post/40.htmlFri, 13 May 2022 13:04:11 +0800http://www.52qu.com/post/40.htmlxaml文件

<Window.Resources>

        <RoutedUICommand x:Key="F3" Text="查找内容"/>

        <RoutedUICommand x:Key="Search" Text="查找内容"/>

    </Window.Resources>

<Window.InputBindings>

    <KeyBinding Gesture="F3" Command="{StaticResource Search}" />

    <KeyBinding Gesture="Ctrl+F" Command="{StaticResource Search}"/>

</Window.InputBindings>

<Window.CommandBindings>

    <CommandBinding Command="{StaticResource Search}" Executed="CommandBindingSearch_Executed"/>

    <CommandBinding Command="{StaticResource F3}" Executed="CommandBindingSearch_Executed"/>

</Window.CommandBindings>


 <MenuItem Header="查找" InputGestureText="Ctrl+F" Click="CommandBindingSearch_Executed" />


cs文件

private void CommandBindingSearch_Executed(object sender, ExecutedRoutedEventArgs e)

{

    //执行查找

}


]]>编程http://www.52qu.com/post/40.html#commenthttp://www.52qu.com/feed.asp?cmt=40剪映导出字幕wincao@52qu.com (剪辑师)http://www.52qu.com/post/39.htmlFri, 08 Apr 2022 20:34:20 +0800http://www.52qu.com/post/39.html剪映的智能字幕，支持AI识别字幕，方便同期声定稿，导入非编软件等。下列软件都可以在共享盘中可以找到。

1、  打开【剪映】，开始创作。


2、  【导入】视频、音频，拖下时间线。

3、  【文本】-智能字幕-识别字幕-开始识别。

4、  后期编辑可以使用【文稿匹配】得到准确的时码。

5、  右键视频音频出现的菜单也有【识别字幕】功能

6、  成功出现字幕后，关闭【剪映】

7、  打开【剪映导出字幕】软件。

8、  列表中没有出现刚才新建的时间线，则要正确选择剪映目录。

9、  选择时间线和输出类型，点击【转换】即可。


 


剪映导出字幕：下载

]]>工具http://www.52qu.com/post/39.html#commenthttp://www.52qu.com/feed.asp?cmt=39C#的listView控件使用全选wincao@52qu.com (程序员)http://www.52qu.com/post/38.htmlFri, 08 Apr 2022 19:33:02 +0800http://www.52qu.com/post/38.htmlC#的listView控件使用全选。可以通过以下事件完成：

        private void listView_KeyPress(object sender, KeyPressEventArgs e)

        {

            if (e.KeyChar == (char)(Keys.ControlKey & Keys.A))

            {

                var m_listview = sender as ListView;

                if (m_listview.Items.Count > 0)

                {

                    //Ctrl+A全选、全消'\u0001'

                    var m_选择 = m_listview.Items[0].Selected;

                    foreach (ListViewItem item in m_listview.Items)

                    {

                        item.Selected = !m_选择;

                    }

                }

            }

        }

这样，在以第一个项的为反向全选择。


]]>编程http://www.52qu.com/post/38.html#commenthttp://www.52qu.com/feed.asp?cmt=38json字符串转换为Xml对象(方法二)wincao@52qu.com (程序员)http://www.52qu.com/post/37.htmlThu, 24 Mar 2022 08:26:08 +0800http://www.52qu.com/post/37.html使用Xml.Linq，方便后期搜索

using System.Collections.Generic;

using System.Web.Script.Serialization;

using System.Xml;

using System.Xml.Linq;


public class ClassJsonToXML

    {

        public static XElement Json2Xml(string sJson)

        {

            JavaScriptSerializer oSerializer = new JavaScriptSerializer();

            Dictionary<string, object> dict = (Dictionary<string, object>)oSerializer.DeserializeObject(sJson);


            XElement nRoot = new XElement("root");


            foreach (var item in dict)

            {

                var element = new XElement(item.Key);

                KeyValue2Xml(element, item);

                nRoot.Add(element);

            }

            return nRoot;

        }


        private static void KeyValue2Xml(XElement node, KeyValuePair<string, object> Source)

        {

            object kValue = Source.Value;

            if (kValue == null)

            {

                return;

            }

            //按值类型跳转

            if (kValue.GetType() == typeof(Dictionary<string, object>))

            {

                //类型是字幕

                foreach (KeyValuePair<string, object> item in kValue as Dictionary<string, object>)

                {

                    var element = new XElement(item.Key); //node.OwnerDocument.CreateElement(item.Key);

                    KeyValue2Xml(element, item);

                    node.Add(element);

                }

            }

            else if (kValue.GetType() == typeof(object[]))

            {

                //类型是数组

                object[] o = kValue as object[];

                for (int i = 0; i < o.Length; i++)

                {

                    var xitem = new XElement(node.Name);//node.OwnerDocument.CreateElement("Item");

                    KeyValuePair<string, object> item = new KeyValuePair<string, object>("Item", o[i]);

                    KeyValue2Xml(xitem, item);

                    node.Add(xitem);

                }

            }

            else

            {

                //类型是值

                //var text = new XElement(kValue.ToString()); //node.OwnerDocument.CreateTextNode(kValue.ToString());

                //node.Add(text);

                node.Value = kValue.ToString();

            }

        }

    }


]]>编程http://www.52qu.com/post/37.html#commenthttp://www.52qu.com/feed.asp?cmt=37