web前端开发的选择文件按钮 Web前端组件库OpenTiny项目如何使用？

今天，我爱编程网小编为关注前端开发的同学们准备了web前端开发的选择文件按钮 Web前端组件库OpenTiny项目如何使用？，下面一起来看一下吧。

c# 关于选择文件的那个窗体上边按钮的问题？

参考：

Visual C#中可以方便的调用系统标准的对话框（Dialog），比如System.Windows.Forms下的ColorDialog、FontDialog、OpenFileDialog等等。然而方便的同时却带来一些不便，当你希望对这些对话框做自定义修改时，会感觉无从下手：
这些都是系统封装好的类，类的本身提供的可设置的成员非常有限。

对话框窗口类本身没有Handle（句柄）成员；即使有，句柄也只能在对话框窗口显示时出现，然而对话框只能以模式对话框的形式出现（ShowDialog()），出现后线程会阻塞掉，直到对话框消失。
针对上面的分析，可能你会想到用钩子HOOK~然而这么麻烦的事实在不想去想 ，能否不用钩子，又可以在对话框显示后进行自定义修改呢？比尔老大还是够仁慈的，没有把对话框类封死不让继承，这让我们看到了光明 …
拿ColorDialog做试验，我们尝试把对话框内第一个按钮（打开自定义颜色面板的按钮，如图1）的文字改成“Febotion.com”。

图1

继承ColorDialog，翻一下它的成员，发现有个保护类的函数 程序代码
IntPtr HookProc(IntPtr hWnd, int msg, IntPtr wparam, IntPtr lparam) 这函数让我们眼前一亮，因为这是消息流经的地方，相当于是针对ColorDialog而设置的一个HOOK，估计它的设置也是为了方便用户为ColorDialog添加一些自定义功能吧。 HookProc的参数hWnd显然就是ColorDialog的句柄，而ColorDialog对话框窗口打开的过程中，HookProc一定会被多次执行，我们设置一个用于修改按钮的函数成员 程序代码
void FixButtonText(IntPtr hWnd) 将对话框句柄hWnd作为参数传入，通过分析和遍历句柄的子级句柄，找到第一个按钮，并把它的Text改掉。
参考代码如下： 程序代码

/* Power by Chaopi */
/* Website: */

using System;
using System.Collections.Generic;
using System.Text;
using System.Windows.Forms;
using System.Runtime.InteropServices;

namespace FColorDialogDemo
{
class FColorDialog : ColorDialog
{
//API函数：获取指定句柄的类名
[DllImport("User32.dll", CharSet = CharSet.Auto)]
public static extern int GetClassName(IntPtr hwnd, char[] className, int maxCount);

//API函数：根据指定句柄，寻找下一个句柄
[DllImport("User32.dll", CharSet = CharSet.Auto)]
public static extern IntPtr GetWindow(IntPtr hwnd, int uCmd);

//API函数：设置指定句柄对象的Text值
[DllImport("User32.dll", CharSet = CharSet.Auto)]
public static extern bool SetWindowText(IntPtr hwnd, char[] lpString);

bool ButtonTextChanged = false;

public FColorDialog()
{
}

//查找句柄为hWnd的窗口内的控件，并把第一个类名为"Button"的空件的名字修改
public void FixButtonText(IntPtr hWnd)
{
//如果句柄hWnd为空，则取消操作
if (hWnd == IntPtr.Zero) return;

try
{
//API函数GetWindow的参数：查找下一个同级句柄
int GW_HWNDNEXT = 2;
//API函数GetWindow的参数：查找子级句柄的第一个句柄
int GW_CHILD = 5;

//获取hWnd的第一个子控件句柄
IntPtr pWnd = GetWindow(hWnd, GW_CHILD);
while (pWnd != IntPtr.Zero)
{
char[] className = new char[255];
int classNamelength = GetClassName(pWnd, className, 255);
string classNameStr = new string(className, 0, classNamelength); //获取句柄对应的类名

//如果是Button类，则修改文字
if (classNameStr == "Button")
{
SetWindowText(pWnd, ("Febotion.com\0").ToCharArray());

//标记修改完成
ButtonTextChanged = true;
break;
}
else
{
//不是Button类，则继续寻找下一个控件句柄
pWnd = GetWindow(pWnd, GW_HWNDNEXT);
}
}
}
catch { }
}

//重载ColorDialog的消息钩子
protected override IntPtr HookProc(IntPtr hWnd, int msg, IntPtr wparam, IntPtr lparam)
{
//如果消息句柄不为0，且修改完成标记不为true，则执行修改函数
if (hWnd != IntPtr.Zero && !ButtonTextChanged)
{
FixButtonText(hWnd);
}

return base.HookProc(hWnd, msg, wparam, lparam);
}
}
}
其中ButtonTextChanged是为了标记修改操作是否完成，如果已经完成则不再执行FixButtonText(hWnd)函数，以减轻HookProc(hWnd, msg, wparam, lparam)负担。调用以上的对话框类FColorDialog，你会发现第一个按钮的文字已经改成了“Febotion.com”（如图2）。

Web前端组件库OpenTiny项目如何使用？

目前华为云出品的开源项目OpenTiny其中包含两个组件库项目一个是TinyVue还有一个是TinyNG当然还包含拥有主题配置系统/中后台模板/TinyCLI 命令行等效率提升工具

接着说下TinyVue是如何使用的：其实非常简单。

1. 将TinyVue导入您的项目中。您可以通过npm或者手动下载方式将TinyVue导入您的项目中。

2. 创建一个Vue实例。您可以在Vue实例中注册TinyVue的组件，以便在您的应用程序中使用这些组件。

3. 在Vue实例中使用组件。您可以在Vue模板中使用TinyVue组件，以便在您的应用程序中显示这些组件。 例如，假设您已经将TinyVue导入您的项目中，并已经创建了一个Vue实例，现在您可以按照以下方式在模板中使用TinyVue的Button组件：

以上代码展示了如何在Vue模板中使用TinyVue的Button组件。在模板中，可以像使用普通的HTML元素一样使用TinyVue的组件，同时也可以为它们设置事件监听器，以便在用户与这些组件交互时，对这些事件进行响应。

再说下TinyNG是如何使用的：

1. 下载并导入TinyNG组件库的CSS和JS文件到项目中。

2. 在HTML文件中引入相关的CSS和JS文件。

3. 在页面中使用组件库提供的组件和工具。

例如，使用按钮组件：

当然，除了按钮组件，还有很多其他的组件和工具，可以根据实际需求使用。

其实具体的可以直接进入OpenTiny官网 里面有具体的文档说明并提供了详细的组件和工具的使用说明和示例代码，使用起来也是非常方面。现如今组件库其实非常多，OpenTiny核心优势也是非常明显。所以大家感兴趣也可以去尝试下。

说到Web前端组件库，OpenTiny其实是个非常不错的选择，具体说起来，首先想到的就是组件丰富：主要有70+基础组件，1500+组件API，接口、功能和细节配置都是非常丰富的，同时Table、Tree、Select等高频组件均内置虚拟滚动，在10万大数据场景下保持丝滑体验，性能是非常高的。然后就是TinyVue采用组件与框架分离的设计理念，将组件逻辑抽离成纯函数，实现跨端、跨框架、跨版本，灵活可配，适应未来。同时两个组件库是涵盖 Vue2/Vue3/Angular 多技术栈。并且支持数据驱动的配置式使用方式。最后其实TinyVue和TinyNG两个组件库都可以称得上企业级安全保障，所有接口杜绝 XSS 攻击，100% 安全放心，节省代码看护成本。并且组件库使用也是非常稳定的，经过九年持续打磨，服务于上千个项目，千锤百炼，稳定可靠。

如果你OpenTiny 的开源项目感兴趣，也可以添加小助手微信：opentiny-official，拉你进群，一起交流前端技术，一起玩开源。

计算机二级考试-Web前端程序设计（dreamweaver常用快捷键）

想必要考试的考生， 对快捷键还是有敏感的，快捷键不仅使你考试能做题快一些，在平时设计网站时也是有很大的帮助的， 在这里预祝即将考试的考生考出优异的成绩。

计算机二级考试-Web前端程序设计（dreamweaver常用快捷键）

拖动并投放以从文档创建超链接 选取文本，图象或对象，然后Shift+拖动选择到[站点]窗口中的文件

拖动并投放以使用[属性]检查器创建超链接 选取文本，图象或对象，然后拖动[属性]检查器的指向文件图表到[站点]窗口的文件

在Dreamweaver打开链接文档　　Ctrl+双击链接

检查选定链接　　　　　　Shift+F8

检查整个站点中的链接　　Ctrl+F8

在浏览器中定位和预览

在主浏览器中预览　　　　F12

在次要浏览器中预览　　　Ctrl+F12

在浏览器中调试

在主浏览器中调试　　　　Alt+F12

在次要浏览器中调试　　　Ctrl+Alt+F12 我爱编程网

站点管理和FTP

创建新文件　　　　　　　Ctrl+Shift+N

创建新文件夹　　　　　　Ctrl+Shift+Alt+N

打开选定　　　　　　　　Ctrl+Shift+Alt+O

从远程FTP站点下载选定文件或文件夹　　Ctrl+Shift+D或将文件从[站点]窗口的[远程]栏拖动到[本地]栏

将选定文件或文件夹上载到远程FTP站点　　Ctrl+Shift+U或将文件从[站点]窗口的[本地]栏拖动到[远程]栏

取出　　　　　　　　　　Ctrl+Shift+Alt+D

存回　　　　　　　　　　Ctrl+Shift+Alt+U

查看站点地图　　　　　　Alt+F8

刷新远端站点　　　　　　Alt+F5

以上就是我爱编程网小编为大家带来的web前端开发的选择文件按钮 Web前端组件库OpenTiny项目如何使用？，希望对大家有帮助，了解更多相关资讯请关注我爱编程网。